@dialpad/dialtone 9.79.3 → 9.81.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 (48) hide show
  1. package/dist/css/dialtone-default-theme.css +8 -8
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens/tokens-base-dark.css +1 -1
  4. package/dist/css/tokens/tokens-base-light.css +8 -8
  5. package/dist/css/tokens/tokens-debug-base.css +777 -0
  6. package/dist/css/tokens/tokens-debug-dp.css +2131 -0
  7. package/dist/tokens/css/tokens-base-dark.css +1 -1
  8. package/dist/tokens/css/tokens-base-light.css +8 -8
  9. package/dist/tokens/css/tokens-debug-base.css +777 -0
  10. package/dist/tokens/css/tokens-debug-dp.css +2131 -0
  11. package/dist/tokens/doc.json +8603 -8603
  12. package/dist/tokens/less/tokens-base-light.less +1 -1
  13. package/dist/tokens/themes/chunks/tokens-base-light-B2RDBIfm.js +4 -0
  14. package/dist/tokens/themes/chunks/tokens-base-light-y7MK4fBY.js +1 -0
  15. package/dist/tokens/themes/debug.cjs +1 -0
  16. package/dist/tokens/themes/debug.js +13 -0
  17. package/dist/tokens/themes/dp-light.cjs +1 -1
  18. package/dist/tokens/themes/dp-light.js +1 -1
  19. package/dist/tokens/themes/expressive-light.cjs +1 -1
  20. package/dist/tokens/themes/expressive-light.js +1 -1
  21. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  22. package/dist/tokens/themes/expressive-sm-light.js +1 -1
  23. package/dist/tokens/themes/tmo-light.cjs +1 -1
  24. package/dist/tokens/themes/tmo-light.js +1 -1
  25. package/dist/tokens/tokens-base-light.json +1 -1
  26. package/dist/tokens/types/themes/debug.d.ts +13 -0
  27. package/dist/tokens/types/themes/debug.d.ts.map +1 -0
  28. package/dist/vue2/component-documentation.json +1 -1
  29. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs.map +1 -1
  30. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js.map +1 -1
  31. package/dist/vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.cjs +20 -2
  32. package/dist/vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.cjs.map +1 -1
  33. package/dist/vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js +20 -2
  34. package/dist/vue2/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js.map +1 -1
  35. package/dist/vue2/style.css +11 -11
  36. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
  37. package/dist/vue3/component-documentation.json +1 -1
  38. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs.map +1 -1
  39. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js.map +1 -1
  40. package/dist/vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.cjs +22 -3
  41. package/dist/vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.cjs.map +1 -1
  42. package/dist/vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js +22 -3
  43. package/dist/vue3/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js.map +1 -1
  44. package/dist/vue3/style.css +11 -11
  45. package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
  46. package/package.json +3 -3
  47. package/dist/tokens/themes/chunks/tokens-base-light-ChSXRKjA.js +0 -1
  48. package/dist/tokens/themes/chunks/tokens-base-light-dHmrxei5.js +0 -4
package/dist/tokens/css/tokens-debug-dp.css ADDED
@@ -0,0 +1,2131 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ color-scheme: light;
7
+ --dt-radio-size-radius: 50%;
8
+ --dt-avatar-color-background-000-h: 22;
9
+ --dt-avatar-color-background-000-s: 100%;
10
+ --dt-avatar-color-background-000-l: 50%;
11
+ --dt-avatar-color-background-000-a: 100%;
12
+ --dt-avatar-color-background-000-hsl: var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l);
13
+ --dt-avatar-color-background-000-hsla: hsl(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
14
+ --dt-avatar-color-background-000: #ff5c00;
15
+ --dt-avatar-color-background-1800-h: 22;
16
+ --dt-avatar-color-background-1800-s: 100%;
17
+ --dt-avatar-color-background-1800-l: 50%;
18
+ --dt-avatar-color-background-1800-a: 100%;
19
+ --dt-avatar-color-background-1800-hsl: var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l);
20
+ --dt-avatar-color-background-1800-hsla: hsl(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
21
+ --dt-avatar-color-background-1800: #ff5c00;
22
+ --dt-avatar-color-background-1700-h: 22;
23
+ --dt-avatar-color-background-1700-s: 100%;
24
+ --dt-avatar-color-background-1700-l: 50%;
25
+ --dt-avatar-color-background-1700-a: 100%;
26
+ --dt-avatar-color-background-1700-hsl: var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l);
27
+ --dt-avatar-color-background-1700-hsla: hsl(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
28
+ --dt-avatar-color-background-1700: #ff5c00;
29
+ --dt-avatar-color-background-1600-h: 22;
30
+ --dt-avatar-color-background-1600-s: 100%;
31
+ --dt-avatar-color-background-1600-l: 50%;
32
+ --dt-avatar-color-background-1600-a: 100%;
33
+ --dt-avatar-color-background-1600-hsl: var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l);
34
+ --dt-avatar-color-background-1600-hsla: hsl(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
35
+ --dt-avatar-color-background-1600: #ff5c00;
36
+ --dt-avatar-color-background-1500-h: 22;
37
+ --dt-avatar-color-background-1500-s: 100%;
38
+ --dt-avatar-color-background-1500-l: 50%;
39
+ --dt-avatar-color-background-1500-a: 100%;
40
+ --dt-avatar-color-background-1500-hsl: var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l);
41
+ --dt-avatar-color-background-1500-hsla: hsl(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
42
+ --dt-avatar-color-background-1500: #ff5c00;
43
+ --dt-avatar-color-background-1400-h: 22;
44
+ --dt-avatar-color-background-1400-s: 100%;
45
+ --dt-avatar-color-background-1400-l: 50%;
46
+ --dt-avatar-color-background-1400-a: 100%;
47
+ --dt-avatar-color-background-1400-hsl: var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l);
48
+ --dt-avatar-color-background-1400-hsla: hsl(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
49
+ --dt-avatar-color-background-1400: #ff5c00;
50
+ --dt-avatar-color-background-1300-h: 22;
51
+ --dt-avatar-color-background-1300-s: 100%;
52
+ --dt-avatar-color-background-1300-l: 50%;
53
+ --dt-avatar-color-background-1300-a: 100%;
54
+ --dt-avatar-color-background-1300-hsl: var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l);
55
+ --dt-avatar-color-background-1300-hsla: hsl(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
56
+ --dt-avatar-color-background-1300: #ff5c00;
57
+ --dt-avatar-color-background-1200-h: 22;
58
+ --dt-avatar-color-background-1200-s: 100%;
59
+ --dt-avatar-color-background-1200-l: 50%;
60
+ --dt-avatar-color-background-1200-a: 100%;
61
+ --dt-avatar-color-background-1200-hsl: var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l);
62
+ --dt-avatar-color-background-1200-hsla: hsl(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
63
+ --dt-avatar-color-background-1200: #ff5c00;
64
+ --dt-avatar-color-background-1100-h: 22;
65
+ --dt-avatar-color-background-1100-s: 100%;
66
+ --dt-avatar-color-background-1100-l: 50%;
67
+ --dt-avatar-color-background-1100-a: 100%;
68
+ --dt-avatar-color-background-1100-hsl: var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l);
69
+ --dt-avatar-color-background-1100-hsla: hsl(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
70
+ --dt-avatar-color-background-1100: #ff5c00;
71
+ --dt-avatar-color-background-1000-h: 22;
72
+ --dt-avatar-color-background-1000-s: 100%;
73
+ --dt-avatar-color-background-1000-l: 50%;
74
+ --dt-avatar-color-background-1000-a: 100%;
75
+ --dt-avatar-color-background-1000-hsl: var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l);
76
+ --dt-avatar-color-background-1000-hsla: hsl(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
77
+ --dt-avatar-color-background-1000: #ff5c00;
78
+ --dt-avatar-color-background-900-h: 22;
79
+ --dt-avatar-color-background-900-s: 100%;
80
+ --dt-avatar-color-background-900-l: 50%;
81
+ --dt-avatar-color-background-900-a: 100%;
82
+ --dt-avatar-color-background-900-hsl: var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l);
83
+ --dt-avatar-color-background-900-hsla: hsl(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
84
+ --dt-avatar-color-background-900: #ff5c00;
85
+ --dt-avatar-color-background-800-h: 22;
86
+ --dt-avatar-color-background-800-s: 100%;
87
+ --dt-avatar-color-background-800-l: 50%;
88
+ --dt-avatar-color-background-800-a: 100%;
89
+ --dt-avatar-color-background-800-hsl: var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l);
90
+ --dt-avatar-color-background-800-hsla: hsl(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
91
+ --dt-avatar-color-background-800: #ff5c00;
92
+ --dt-avatar-color-background-700-h: 22;
93
+ --dt-avatar-color-background-700-s: 100%;
94
+ --dt-avatar-color-background-700-l: 50%;
95
+ --dt-avatar-color-background-700-a: 100%;
96
+ --dt-avatar-color-background-700-hsl: var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l);
97
+ --dt-avatar-color-background-700-hsla: hsl(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
98
+ --dt-avatar-color-background-700: #ff5c00;
99
+ --dt-avatar-color-background-600-h: 22;
100
+ --dt-avatar-color-background-600-s: 100%;
101
+ --dt-avatar-color-background-600-l: 50%;
102
+ --dt-avatar-color-background-600-a: 100%;
103
+ --dt-avatar-color-background-600-hsl: var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l);
104
+ --dt-avatar-color-background-600-hsla: hsl(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
105
+ --dt-avatar-color-background-600: #ff5c00;
106
+ --dt-avatar-color-background-500-h: 22;
107
+ --dt-avatar-color-background-500-s: 100%;
108
+ --dt-avatar-color-background-500-l: 50%;
109
+ --dt-avatar-color-background-500-a: 100%;
110
+ --dt-avatar-color-background-500-hsl: var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l);
111
+ --dt-avatar-color-background-500-hsla: hsl(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
112
+ --dt-avatar-color-background-500: #ff5c00;
113
+ --dt-avatar-color-background-400-h: 22;
114
+ --dt-avatar-color-background-400-s: 100%;
115
+ --dt-avatar-color-background-400-l: 50%;
116
+ --dt-avatar-color-background-400-a: 100%;
117
+ --dt-avatar-color-background-400-hsl: var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l);
118
+ --dt-avatar-color-background-400-hsla: hsl(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
119
+ --dt-avatar-color-background-400: #ff5c00;
120
+ --dt-avatar-color-background-300-h: 22;
121
+ --dt-avatar-color-background-300-s: 100%;
122
+ --dt-avatar-color-background-300-l: 50%;
123
+ --dt-avatar-color-background-300-a: 100%;
124
+ --dt-avatar-color-background-300-hsl: var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l);
125
+ --dt-avatar-color-background-300-hsla: hsl(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
126
+ --dt-avatar-color-background-300: #ff5c00;
127
+ --dt-avatar-color-background-200-h: 22;
128
+ --dt-avatar-color-background-200-s: 100%;
129
+ --dt-avatar-color-background-200-l: 50%;
130
+ --dt-avatar-color-background-200-a: 100%;
131
+ --dt-avatar-color-background-200-hsl: var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l);
132
+ --dt-avatar-color-background-200-hsla: hsl(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
133
+ --dt-avatar-color-background-200: #ff5c00;
134
+ --dt-avatar-color-background-100-h: 22;
135
+ --dt-avatar-color-background-100-s: 100%;
136
+ --dt-avatar-color-background-100-l: 50%;
137
+ --dt-avatar-color-background-100-a: 100%;
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
+ --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
+ --dt-avatar-color-background-100: #ff5c00;
141
+ --dt-radio-color-background-checked-h: 22;
142
+ --dt-radio-color-background-checked-s: 100%;
143
+ --dt-radio-color-background-checked-l: 50%;
144
+ --dt-radio-color-background-checked-a: 100%;
145
+ --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
+ --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
+ --dt-radio-color-background-checked: #ff5c00;
148
+ --dt-radio-size-width: var(--dt-size-500);
149
+ --dt-icon-size-border-100: var(--dt-size-border-100);
150
+ --dt-checkbox-color-background-checked-h: 22;
151
+ --dt-checkbox-color-background-checked-s: 100%;
152
+ --dt-checkbox-color-background-checked-l: 50%;
153
+ --dt-checkbox-color-background-checked-a: 100%;
154
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
155
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
156
+ --dt-checkbox-color-background-checked: #ff5c00;
157
+ --dt-checkbox-size-width: var(--dt-size-500);
158
+ --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
159
+ --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
160
+ --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
161
+ --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
162
+ --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
163
+ --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
164
+ --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
165
+ --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
166
+ --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
167
+ --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
168
+ --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
169
+ --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
170
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
173
+ --dt-badge-color-border-bulletin-subtle-h: 22;
174
+ --dt-badge-color-border-bulletin-subtle-s: 100%;
175
+ --dt-badge-color-border-bulletin-subtle-l: 50%;
176
+ --dt-badge-color-border-bulletin-subtle-a: 100%;
177
+ --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
178
+ --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
179
+ --dt-badge-color-border-bulletin-subtle: #ff5c00;
180
+ --dt-badge-color-foreground-bulletin-subtle-h: 22;
181
+ --dt-badge-color-foreground-bulletin-subtle-s: 100%;
182
+ --dt-badge-color-foreground-bulletin-subtle-l: 50%;
183
+ --dt-badge-color-foreground-bulletin-subtle-a: 100%;
184
+ --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
185
+ --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
186
+ --dt-badge-color-foreground-bulletin-subtle: #ff5c00;
187
+ --dt-badge-color-foreground-bulletin-h: 22;
188
+ --dt-badge-color-foreground-bulletin-s: 100%;
189
+ --dt-badge-color-foreground-bulletin-l: 50%;
190
+ --dt-badge-color-foreground-bulletin-a: 100%;
191
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
192
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
193
+ --dt-badge-color-foreground-bulletin: #ff5c00;
194
+ --dt-badge-color-background-bulletin-subtle-h: 22;
195
+ --dt-badge-color-background-bulletin-subtle-s: 100%;
196
+ --dt-badge-color-background-bulletin-subtle-l: 50%;
197
+ --dt-badge-color-background-bulletin-subtle-a: 100%;
198
+ --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
199
+ --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 10%));
200
+ --dt-badge-color-background-bulletin-subtle: #ff5c00;
201
+ --dt-badge-color-background-bulletin-h: 22;
202
+ --dt-badge-color-background-bulletin-s: 100%;
203
+ --dt-badge-color-background-bulletin-l: 50%;
204
+ --dt-badge-color-background-bulletin-a: 100%;
205
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
206
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
207
+ --dt-badge-color-background-bulletin: #ff5c00;
208
+ --dt-avatar-color-foreground-h: 22;
209
+ --dt-avatar-color-foreground-s: 100%;
210
+ --dt-avatar-color-foreground-l: 50%;
211
+ --dt-avatar-color-foreground-a: 100%;
212
+ --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
213
+ --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
214
+ --dt-avatar-color-foreground: #ff5c00;
215
+ --dt-theme-mention-color-background-strong-h: 22;
216
+ --dt-theme-mention-color-background-strong-s: 100%;
217
+ --dt-theme-mention-color-background-strong-l: 50%;
218
+ --dt-theme-mention-color-background-strong-a: 100%;
219
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
220
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
221
+ --dt-theme-mention-color-background-strong: #ff5c00;
222
+ --dt-theme-mention-color-background-h: 22;
223
+ --dt-theme-mention-color-background-s: 100%;
224
+ --dt-theme-mention-color-background-l: 50%;
225
+ --dt-theme-mention-color-background-a: 100%;
226
+ --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
227
+ --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
228
+ --dt-theme-mention-color-background: #ff5c00;
229
+ --dt-theme-mention-color-foreground-h: 22;
230
+ --dt-theme-mention-color-foreground-s: 100%;
231
+ --dt-theme-mention-color-foreground-l: 50%;
232
+ --dt-theme-mention-color-foreground-a: 100%;
233
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
234
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
235
+ --dt-theme-mention-color-foreground: #ff5c00;
236
+ --dt-theme-presence-color-background-offline-h: 22;
237
+ --dt-theme-presence-color-background-offline-s: 100%;
238
+ --dt-theme-presence-color-background-offline-l: 50%;
239
+ --dt-theme-presence-color-background-offline-a: 100%;
240
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
241
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
242
+ --dt-theme-presence-color-background-offline: #ff5c00;
243
+ --dt-theme-presence-color-background-busy-h: 22;
244
+ --dt-theme-presence-color-background-busy-s: 100%;
245
+ --dt-theme-presence-color-background-busy-l: 50%;
246
+ --dt-theme-presence-color-background-busy-a: 100%;
247
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
248
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
249
+ --dt-theme-presence-color-background-busy: #ff5c00;
250
+ --dt-theme-presence-color-background-busy-unavailable-h: 22;
251
+ --dt-theme-presence-color-background-busy-unavailable-s: 100%;
252
+ --dt-theme-presence-color-background-busy-unavailable-l: 50%;
253
+ --dt-theme-presence-color-background-busy-unavailable-a: 100%;
254
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
255
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
256
+ --dt-theme-presence-color-background-busy-unavailable: #ff5c00;
257
+ --dt-theme-presence-color-background-available-h: 22;
258
+ --dt-theme-presence-color-background-available-s: 100%;
259
+ --dt-theme-presence-color-background-available-l: 50%;
260
+ --dt-theme-presence-color-background-available-a: 100%;
261
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
262
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
263
+ --dt-theme-presence-color-background-available: #ff5c00;
264
+ --dt-theme-color-base-h: 22;
265
+ --dt-theme-color-base-s: 100%;
266
+ --dt-theme-color-base-l: 50%;
267
+ --dt-theme-color-base-a: 100%;
268
+ --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
269
+ --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
270
+ --dt-theme-color-base: #ff5c00;
271
+ --dt-action-color-border-base-outlined-default-h: 22;
272
+ --dt-action-color-border-base-outlined-default-s: 100%;
273
+ --dt-action-color-border-base-outlined-default-l: 50%;
274
+ --dt-action-color-border-base-outlined-default-a: 100%;
275
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
276
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
277
+ --dt-action-color-border-base-outlined-default: #ff5c00;
278
+ --dt-action-color-background-positive-primary-default-h: 22;
279
+ --dt-action-color-background-positive-primary-default-s: 100%;
280
+ --dt-action-color-background-positive-primary-default-l: 50%;
281
+ --dt-action-color-background-positive-primary-default-a: 100%;
282
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
283
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
284
+ --dt-action-color-background-positive-primary-default: #ff5c00;
285
+ --dt-action-color-background-positive-active-h: 22;
286
+ --dt-action-color-background-positive-active-s: 100%;
287
+ --dt-action-color-background-positive-active-l: 50%;
288
+ --dt-action-color-background-positive-active-a: 100%;
289
+ --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
290
+ --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 8%));
291
+ --dt-action-color-background-positive-active: #ff5c00;
292
+ --dt-action-color-background-positive-hover-h: 22;
293
+ --dt-action-color-background-positive-hover-s: 100%;
294
+ --dt-action-color-background-positive-hover-l: 50%;
295
+ --dt-action-color-background-positive-hover-a: 100%;
296
+ --dt-action-color-background-positive-hover-hsl: var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l);
297
+ --dt-action-color-background-positive-hover-hsla: hsl(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
298
+ --dt-action-color-background-positive-hover: #ff5c00;
299
+ --dt-action-color-background-positive-default-h: 22;
300
+ --dt-action-color-background-positive-default-s: 100%;
301
+ --dt-action-color-background-positive-default-l: 50%;
302
+ --dt-action-color-background-positive-default-a: 100%;
303
+ --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
304
+ --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
305
+ --dt-action-color-background-positive-default: #ff5c00;
306
+ --dt-action-color-background-disabled-default-h: 22;
307
+ --dt-action-color-background-disabled-default-s: 100%;
308
+ --dt-action-color-background-disabled-default-l: 50%;
309
+ --dt-action-color-background-disabled-default-a: 100%;
310
+ --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
311
+ --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
312
+ --dt-action-color-background-disabled-default: #ff5c00;
313
+ --dt-action-color-background-muted-active-h: 22;
314
+ --dt-action-color-background-muted-active-s: 100%;
315
+ --dt-action-color-background-muted-active-l: 50%;
316
+ --dt-action-color-background-muted-active-a: 100%;
317
+ --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
318
+ --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 16%));
319
+ --dt-action-color-background-muted-active: #ff5c00;
320
+ --dt-action-color-background-muted-hover-h: 22;
321
+ --dt-action-color-background-muted-hover-s: 100%;
322
+ --dt-action-color-background-muted-hover-l: 50%;
323
+ --dt-action-color-background-muted-hover-a: 100%;
324
+ --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
325
+ --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
326
+ --dt-action-color-background-muted-hover: #ff5c00;
327
+ --dt-action-color-background-muted-default-h: 22;
328
+ --dt-action-color-background-muted-default-s: 100%;
329
+ --dt-action-color-background-muted-default-l: 50%;
330
+ --dt-action-color-background-muted-default-a: 100%;
331
+ --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
332
+ --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
333
+ --dt-action-color-background-muted-default: #ff5c00;
334
+ --dt-action-color-background-inverted-primary-hover-h: 22;
335
+ --dt-action-color-background-inverted-primary-hover-s: 100%;
336
+ --dt-action-color-background-inverted-primary-hover-l: 50%;
337
+ --dt-action-color-background-inverted-primary-hover-a: 100%;
338
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
339
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
340
+ --dt-action-color-background-inverted-primary-hover: #ff5c00;
341
+ --dt-action-color-background-inverted-default-h: 22;
342
+ --dt-action-color-background-inverted-default-s: 100%;
343
+ --dt-action-color-background-inverted-default-l: 50%;
344
+ --dt-action-color-background-inverted-default-a: 100%;
345
+ --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
346
+ --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
347
+ --dt-action-color-background-inverted-default: #ff5c00;
348
+ --dt-action-color-background-critical-primary-default-h: 22;
349
+ --dt-action-color-background-critical-primary-default-s: 100%;
350
+ --dt-action-color-background-critical-primary-default-l: 50%;
351
+ --dt-action-color-background-critical-primary-default-a: 100%;
352
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
353
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
354
+ --dt-action-color-background-critical-primary-default: #ff5c00;
355
+ --dt-action-color-background-critical-active-h: 22;
356
+ --dt-action-color-background-critical-active-s: 100%;
357
+ --dt-action-color-background-critical-active-l: 50%;
358
+ --dt-action-color-background-critical-active-a: 100%;
359
+ --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
360
+ --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 12%));
361
+ --dt-action-color-background-critical-active: #ff5c00;
362
+ --dt-action-color-background-critical-hover-h: 22;
363
+ --dt-action-color-background-critical-hover-s: 100%;
364
+ --dt-action-color-background-critical-hover-l: 50%;
365
+ --dt-action-color-background-critical-hover-a: 100%;
366
+ --dt-action-color-background-critical-hover-hsl: var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l);
367
+ --dt-action-color-background-critical-hover-hsla: hsl(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 7%));
368
+ --dt-action-color-background-critical-hover: #ff5c00;
369
+ --dt-action-color-background-critical-default-h: 22;
370
+ --dt-action-color-background-critical-default-s: 100%;
371
+ --dt-action-color-background-critical-default-l: 50%;
372
+ --dt-action-color-background-critical-default-a: 100%;
373
+ --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
374
+ --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
375
+ --dt-action-color-background-critical-default: #ff5c00;
376
+ --dt-action-color-background-base-primary-default-h: 22;
377
+ --dt-action-color-background-base-primary-default-s: 100%;
378
+ --dt-action-color-background-base-primary-default-l: 50%;
379
+ --dt-action-color-background-base-primary-default-a: 100%;
380
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
381
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
382
+ --dt-action-color-background-base-primary-default: #ff5c00;
383
+ --dt-action-color-background-base-active-h: 22;
384
+ --dt-action-color-background-base-active-s: 100%;
385
+ --dt-action-color-background-base-active-l: 50%;
386
+ --dt-action-color-background-base-active-a: 100%;
387
+ --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
388
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 18%));
389
+ --dt-action-color-background-base-active: #ff5c00;
390
+ --dt-action-color-background-base-hover-h: 22;
391
+ --dt-action-color-background-base-hover-s: 100%;
392
+ --dt-action-color-background-base-hover-l: 50%;
393
+ --dt-action-color-background-base-hover-a: 100%;
394
+ --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
395
+ --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 14%));
396
+ --dt-action-color-background-base-hover: #ff5c00;
397
+ --dt-action-color-background-base-default-h: 22;
398
+ --dt-action-color-background-base-default-s: 100%;
399
+ --dt-action-color-background-base-default-l: 50%;
400
+ --dt-action-color-background-base-default-a: 100%;
401
+ --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
402
+ --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
403
+ --dt-action-color-background-base-default: #ff5c00;
404
+ --dt-action-color-foreground-positive-primary-default-h: 22;
405
+ --dt-action-color-foreground-positive-primary-default-s: 100%;
406
+ --dt-action-color-foreground-positive-primary-default-l: 50%;
407
+ --dt-action-color-foreground-positive-primary-default-a: 100%;
408
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
409
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
410
+ --dt-action-color-foreground-positive-primary-default: #ff5c00;
411
+ --dt-action-color-foreground-inverted-primary-hover-h: 22;
412
+ --dt-action-color-foreground-inverted-primary-hover-s: 100%;
413
+ --dt-action-color-foreground-inverted-primary-hover-l: 50%;
414
+ --dt-action-color-foreground-inverted-primary-hover-a: 100%;
415
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
416
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
417
+ --dt-action-color-foreground-inverted-primary-hover: #ff5c00;
418
+ --dt-action-color-foreground-inverted-primary-default-h: 22;
419
+ --dt-action-color-foreground-inverted-primary-default-s: 100%;
420
+ --dt-action-color-foreground-inverted-primary-default-l: 50%;
421
+ --dt-action-color-foreground-inverted-primary-default-a: 100%;
422
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
423
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
424
+ --dt-action-color-foreground-inverted-primary-default: #ff5c00;
425
+ --dt-action-color-foreground-critical-primary-default-h: 22;
426
+ --dt-action-color-foreground-critical-primary-default-s: 100%;
427
+ --dt-action-color-foreground-critical-primary-default-l: 50%;
428
+ --dt-action-color-foreground-critical-primary-default-a: 100%;
429
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
430
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
431
+ --dt-action-color-foreground-critical-primary-default: #ff5c00;
432
+ --dt-action-color-foreground-base-primary-default-h: 22;
433
+ --dt-action-color-foreground-base-primary-default-s: 100%;
434
+ --dt-action-color-foreground-base-primary-default-l: 50%;
435
+ --dt-action-color-foreground-base-primary-default-a: 100%;
436
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
437
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
438
+ --dt-action-color-foreground-base-primary-default: #ff5c00;
439
+ --dt-action-color-foreground-base-default-h: 22;
440
+ --dt-action-color-foreground-base-default-s: 100%;
441
+ --dt-action-color-foreground-base-default-l: 50%;
442
+ --dt-action-color-foreground-base-default-a: 100%;
443
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
444
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
445
+ --dt-action-color-foreground-base-default: #ff5c00;
446
+ --dt-inputs-color-background-disabled-h: 22;
447
+ --dt-inputs-color-background-disabled-s: 100%;
448
+ --dt-inputs-color-background-disabled-l: 50%;
449
+ --dt-inputs-color-background-disabled-a: 100%;
450
+ --dt-inputs-color-background-disabled-hsl: var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l);
451
+ --dt-inputs-color-background-disabled-hsla: hsl(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 12%));
452
+ --dt-inputs-color-background-disabled: #ff5c00;
453
+ --dt-inputs-color-background-focus-h: 22;
454
+ --dt-inputs-color-background-focus-s: 100%;
455
+ --dt-inputs-color-background-focus-l: 50%;
456
+ --dt-inputs-color-background-focus-a: 100%;
457
+ --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
458
+ --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 1%));
459
+ --dt-inputs-color-background-focus: #ff5c00;
460
+ --dt-inputs-color-background-default-h: 22;
461
+ --dt-inputs-color-background-default-s: 100%;
462
+ --dt-inputs-color-background-default-l: 50%;
463
+ --dt-inputs-color-background-default-a: 100%;
464
+ --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
465
+ --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 3%));
466
+ --dt-inputs-color-background-default: #ff5c00;
467
+ --dt-inputs-color-border-disabled-h: 22;
468
+ --dt-inputs-color-border-disabled-s: 100%;
469
+ --dt-inputs-color-border-disabled-l: 50%;
470
+ --dt-inputs-color-border-disabled-a: 100%;
471
+ --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
472
+ --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
473
+ --dt-inputs-color-border-disabled: #ff5c00;
474
+ --dt-inputs-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for extra large inputs (e.g. input and textarea) */
475
+ --dt-inputs-font-weight-lg: var(--dt-font-weight-normal); /* Font weight for large inputs (e.g. input and textarea) */
476
+ --dt-inputs-font-weight-md: var(--dt-font-weight-normal); /* Font weight for medium inputs (e.g. input and textarea) */
477
+ --dt-inputs-font-weight-sm: var(--dt-font-weight-normal); /* Font weight for small inputs (e.g. input and textarea) */
478
+ --dt-inputs-font-weight-xs: var(--dt-font-weight-normal); /* Font weight for extra small inputs (e.g. input and textarea) */
479
+ --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
480
+ --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
481
+ --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
482
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
483
+ --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
484
+ --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
485
+ --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
486
+ --dt-inputs-size-radius-md: var(--dt-size-radius-400);
487
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
488
+ --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
489
+ --dt-inputs-size-border-status: var(--dt-size-border-200);
490
+ --dt-inputs-size-border-default: var(--dt-size-border-150);
491
+ --dt-typography-button-xl-font-family: var(--dt-font-family-body); /* Text style for extra large button */
492
+ --dt-typography-button-lg-font-family: var(--dt-font-family-body); /* Text style for large button */
493
+ --dt-typography-button-md-font-family: var(--dt-font-family-body); /* Text style for medium button */
494
+ --dt-typography-button-sm-font-family: var(--dt-font-family-body); /* Text style for small button */
495
+ --dt-typography-button-xs-font-family: var(--dt-font-family-body); /* Text style for extra small button */
496
+ --dt-typography-inputs-xl-font-family: var(--dt-font-family-body); /* Text style for extra large inputs (e.g. input and textarea) */
497
+ --dt-typography-inputs-lg-font-family: var(--dt-font-family-body); /* Text style for large inputs (e.g. input and textarea) */
498
+ --dt-typography-inputs-md-font-family: var(--dt-font-family-body); /* Text style for medium inputs (e.g. input and textarea) */
499
+ --dt-typography-inputs-sm-font-family: var(--dt-font-family-body); /* Text style for small inputs (e.g. input and textarea) */
500
+ --dt-typography-inputs-xs-font-family: var(--dt-font-family-body); /* Text style for extra small inputs (e.g. input and textarea) */
501
+ --dt-typography-code-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
502
+ --dt-typography-code-sm-line-height: var(--dt-font-line-height-200); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
503
+ --dt-typography-code-sm-font-weight: var(--dt-font-weight-normal); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
504
+ --dt-typography-code-sm-font-family: var(--dt-font-family-mono); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
505
+ --dt-typography-code-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for monospace code snippets of technical content. */
506
+ --dt-typography-code-md-line-height: var(--dt-font-line-height-200); /* Base default medium-sized text style for monospace code snippets of technical content. */
507
+ --dt-typography-code-md-font-weight: var(--dt-font-weight-normal); /* Base default medium-sized text style for monospace code snippets of technical content. */
508
+ --dt-typography-code-md-font-family: var(--dt-font-family-mono); /* Base default medium-sized text style for monospace code snippets of technical content. */
509
+ --dt-typography-helper-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
510
+ --dt-typography-helper-sm-line-height: var(--dt-font-line-height-200); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
511
+ --dt-typography-helper-sm-font-weight: var(--dt-font-weight-normal); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
512
+ --dt-typography-helper-sm-font-family: var(--dt-font-family-body); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
513
+ --dt-typography-helper-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for supplementary contextual information. */
514
+ --dt-typography-helper-md-line-height: var(--dt-font-line-height-300); /* Base default medium-sized text style for supplementary contextual information. */
515
+ --dt-typography-helper-md-font-weight: var(--dt-font-weight-normal); /* Base default medium-sized text style for supplementary contextual information. */
516
+ --dt-typography-helper-md-font-family: var(--dt-font-family-body); /* Base default medium-sized text style for supplementary contextual information. */
517
+ --dt-typography-label-sm-plain-compact-text-case: var(--dt-font-text-case-none); /* A non-bolded, tighter-spaced version of small label style. */
518
+ --dt-typography-label-sm-plain-compact-line-height: var(--dt-font-line-height-200); /* A non-bolded, tighter-spaced version of small label style. */
519
+ --dt-typography-label-sm-plain-compact-font-weight: var(--dt-font-weight-normal); /* A non-bolded, tighter-spaced version of small label style. */
520
+ --dt-typography-label-sm-plain-compact-font-family: var(--dt-font-family-body); /* A non-bolded, tighter-spaced version of small label style. */
521
+ --dt-typography-label-sm-plain-text-case: var(--dt-font-text-case-none); /* A non-bold version of small label style. */
522
+ --dt-typography-label-sm-plain-line-height: var(--dt-font-line-height-300); /* A non-bold version of small label style. */
523
+ --dt-typography-label-sm-plain-font-weight: var(--dt-font-weight-normal); /* A non-bold version of small label style. */
524
+ --dt-typography-label-sm-plain-font-family: var(--dt-font-family-body); /* A non-bold version of small label style. */
525
+ --dt-typography-label-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small label style. */
526
+ --dt-typography-label-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small label style. */
527
+ --dt-typography-label-sm-compact-font-weight: var(--dt-font-weight-semi-bold); /* A tighter-spaced version of small label style. */
528
+ --dt-typography-label-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small label style. */
529
+ --dt-typography-label-sm-text-case: var(--dt-font-text-case-none); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
530
+ --dt-typography-label-sm-line-height: var(--dt-font-line-height-300); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
531
+ --dt-typography-label-sm-font-weight: var(--dt-font-weight-semi-bold); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
532
+ --dt-typography-label-sm-font-family: var(--dt-font-family-body); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
533
+ --dt-typography-label-md-plain-compact-text-case: var(--dt-font-text-case-none); /* A non-bolded, tighter-spaced version of medium label style. */
534
+ --dt-typography-label-md-plain-compact-line-height: var(--dt-font-line-height-300); /* A non-bolded, tighter-spaced version of medium label style. */
535
+ --dt-typography-label-md-plain-compact-font-weight: var(--dt-font-weight-normal); /* A non-bolded, tighter-spaced version of medium label style. */
536
+ --dt-typography-label-md-plain-compact-font-family: var(--dt-font-family-body); /* A non-bolded, tighter-spaced version of medium label style. */
537
+ --dt-typography-label-md-plain-text-case: var(--dt-font-text-case-none); /* A non-bold version of medium label style. */
538
+ --dt-typography-label-md-plain-line-height: var(--dt-font-line-height-400); /* A non-bold version of medium label style. */
539
+ --dt-typography-label-md-plain-font-weight: var(--dt-font-weight-normal); /* A non-bold version of medium label style. */
540
+ --dt-typography-label-md-plain-font-family: var(--dt-font-family-body); /* A non-bold version of medium label style. */
541
+ --dt-typography-label-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium label style. */
542
+ --dt-typography-label-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium label style. */
543
+ --dt-typography-label-md-compact-font-weight: var(--dt-font-weight-semi-bold); /* A tighter-spaced version of medium label style. */
544
+ --dt-typography-label-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium label style. */
545
+ --dt-typography-label-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
546
+ --dt-typography-label-md-line-height: var(--dt-font-line-height-400); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
547
+ --dt-typography-label-md-font-weight: var(--dt-font-weight-semi-bold); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
548
+ --dt-typography-label-md-font-family: var(--dt-font-family-body); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
549
+ --dt-typography-headline-xxl-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of extra extra large headline style. */
550
+ --dt-typography-headline-xxl-compact-line-height: var(--dt-font-line-height-100); /* A tighter-spaced version of extra extra large headline style. */
551
+ --dt-typography-headline-xxl-compact-font-weight: var(--dt-font-weight-medium); /* A tighter-spaced version of extra extra large headline style. */
552
+ --dt-typography-headline-xxl-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of extra extra large headline style. */
553
+ --dt-typography-headline-xxl-text-case: var(--dt-font-text-case-none); /* Largest text style for extra extra large content. */
554
+ --dt-typography-headline-xxl-line-height: var(--dt-font-line-height-200); /* Largest text style for extra extra large content. */
555
+ --dt-typography-headline-xxl-font-weight: var(--dt-font-weight-medium); /* Largest text style for extra extra large content. */
556
+ --dt-typography-headline-xxl-font-family: var(--dt-font-family-body); /* Largest text style for extra extra large content. */
557
+ --dt-typography-headline-xl-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of extra large headline style. */
558
+ --dt-typography-headline-xl-compact-line-height: var(--dt-font-line-height-100); /* A tighter-spaced version of extra large headline style. */
559
+ --dt-typography-headline-xl-compact-font-weight: var(--dt-font-weight-medium); /* A tighter-spaced version of extra large headline style. */
560
+ --dt-typography-headline-xl-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of extra large headline style. */
561
+ --dt-typography-headline-xl-text-case: var(--dt-font-text-case-none); /* Extra large text style for high importance headlines. */
562
+ --dt-typography-headline-xl-line-height: var(--dt-font-line-height-200); /* Extra large text style for high importance headlines. */
563
+ --dt-typography-headline-xl-font-weight: var(--dt-font-weight-medium); /* Extra large text style for high importance headlines. */
564
+ --dt-typography-headline-xl-font-family: var(--dt-font-family-body); /* Extra large text style for high importance headlines. */
565
+ --dt-typography-headline-lg-soft-compact-text-case: var(--dt-font-text-case-none); /* A softer font weight, tighter spaced version of large headline style. */
566
+ --dt-typography-headline-lg-soft-compact-line-height: var(--dt-font-line-height-200); /* A softer font weight, tighter spaced version of large headline style. */
567
+ --dt-typography-headline-lg-soft-compact-font-weight: var(--dt-font-weight-medium); /* A softer font weight, tighter spaced version of large headline style. */
568
+ --dt-typography-headline-lg-soft-compact-font-family: var(--dt-font-family-body); /* A softer font weight, tighter spaced version of large headline style. */
569
+ --dt-typography-headline-lg-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of large body style. */
570
+ --dt-typography-headline-lg-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of large body style. */
571
+ --dt-typography-headline-lg-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of large body style. */
572
+ --dt-typography-headline-lg-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of large body style. */
573
+ --dt-typography-headline-lg-soft-text-case: var(--dt-font-text-case-none); /* A softer font weight version of large headline style. */
574
+ --dt-typography-headline-lg-soft-line-height: var(--dt-font-line-height-400); /* A softer font weight version of large headline style. */
575
+ --dt-typography-headline-lg-soft-font-weight: var(--dt-font-weight-medium); /* A softer font weight version of large headline style. */
576
+ --dt-typography-headline-lg-soft-font-family: var(--dt-font-family-body); /* A softer font weight version of large headline style. */
577
+ --dt-typography-headline-lg-text-case: var(--dt-font-text-case-none); /* Large text style for headlines to attract attention. */
578
+ --dt-typography-headline-lg-line-height: var(--dt-font-line-height-400); /* Large text style for headlines to attract attention. */
579
+ --dt-typography-headline-lg-font-weight: var(--dt-font-weight-bold); /* Large text style for headlines to attract attention. */
580
+ --dt-typography-headline-lg-font-family: var(--dt-font-family-body); /* Large text style for headlines to attract attention. */
581
+ --dt-typography-headline-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium headline style. */
582
+ --dt-typography-headline-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium headline style. */
583
+ --dt-typography-headline-md-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of medium headline style. */
584
+ --dt-typography-headline-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium headline style. */
585
+ --dt-typography-headline-md-text-case: var(--dt-font-text-case-none); /* Medium-sized base text style for headlines. */
586
+ --dt-typography-headline-md-line-height: var(--dt-font-line-height-400); /* Medium-sized base text style for headlines. */
587
+ --dt-typography-headline-md-font-weight: var(--dt-font-weight-bold); /* Medium-sized base text style for headlines. */
588
+ --dt-typography-headline-md-font-family: var(--dt-font-family-body); /* Medium-sized base text style for headlines. */
589
+ --dt-typography-headline-sm-soft-compact-text-case: var(--dt-font-text-case-none); /* A softer font weight, tighter-spaced version of small headline style. */
590
+ --dt-typography-headline-sm-soft-compact-line-height: var(--dt-font-line-height-200); /* A softer font weight, tighter-spaced version of small headline style. */
591
+ --dt-typography-headline-sm-soft-compact-font-weight: var(--dt-font-weight-medium); /* A softer font weight, tighter-spaced version of small headline style. */
592
+ --dt-typography-headline-sm-soft-compact-font-family: var(--dt-font-family-body); /* A softer font weight, tighter-spaced version of small headline style. */
593
+ --dt-typography-headline-sm-soft-text-case: var(--dt-font-text-case-none); /* A softer font weight version of small headline style. */
594
+ --dt-typography-headline-sm-soft-line-height: var(--dt-font-line-height-300); /* A softer font weight version of small headline style. */
595
+ --dt-typography-headline-sm-soft-font-weight: var(--dt-font-weight-medium); /* A softer font weight version of small headline style. */
596
+ --dt-typography-headline-sm-soft-font-family: var(--dt-font-family-body); /* A softer font weight version of small headline style. */
597
+ --dt-typography-headline-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small headline style. */
598
+ --dt-typography-headline-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small headline style. */
599
+ --dt-typography-headline-sm-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of small headline style. */
600
+ --dt-typography-headline-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small headline style. */
601
+ --dt-typography-headline-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for secondary information or subheadings. */
602
+ --dt-typography-headline-sm-line-height: var(--dt-font-line-height-300); /* Smaller text size for secondary information or subheadings. */
603
+ --dt-typography-headline-sm-font-weight: var(--dt-font-weight-bold); /* Smaller text size for secondary information or subheadings. */
604
+ --dt-typography-headline-sm-font-family: var(--dt-font-family-body); /* Smaller text size for secondary information or subheadings. */
605
+ --dt-typography-headline-eyebrow-text-case: var(--dt-font-text-case-uppercase); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
606
+ --dt-typography-headline-eyebrow-line-height: var(--dt-font-line-height-300); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
607
+ --dt-typography-headline-eyebrow-font-weight: var(--dt-font-weight-normal); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
608
+ --dt-typography-headline-eyebrow-font-family: var(--dt-font-family-body); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
609
+ --dt-typography-body-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small body style. */
610
+ --dt-typography-body-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small body style. */
611
+ --dt-typography-body-sm-compact-font-weight: var(--dt-font-weight-normal); /* A tighter-spaced version of small body style. */
612
+ --dt-typography-body-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small body style. */
613
+ --dt-typography-body-sm-text-case: var(--dt-font-text-case-none); /* Reduced small text style for less prominent or adjacent content. */
614
+ --dt-typography-body-sm-line-height: var(--dt-font-line-height-300); /* Reduced small text style for less prominent or adjacent content. */
615
+ --dt-typography-body-sm-font-weight: var(--dt-font-weight-normal); /* Reduced small text style for less prominent or adjacent content. */
616
+ --dt-typography-body-sm-font-family: var(--dt-font-family-body); /* Reduced small text style for less prominent or adjacent content. */
617
+ --dt-typography-body-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium body style. */
618
+ --dt-typography-body-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium body style. */
619
+ --dt-typography-body-md-compact-font-weight: var(--dt-font-weight-normal); /* A tighter-spaced version of medium body style. */
620
+ --dt-typography-body-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium body style. */
621
+ --dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
622
+ --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
623
+ --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
624
+ --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
625
+ --dt-color-border-brand-strong-inverted-h: 22;
626
+ --dt-color-border-brand-strong-inverted-s: 100%;
627
+ --dt-color-border-brand-strong-inverted-l: 50%;
628
+ --dt-color-border-brand-strong-inverted-a: 100%;
629
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
630
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
631
+ --dt-color-border-brand-strong-inverted: #ff5c00;
632
+ --dt-color-border-brand-subtle-inverted-h: 22;
633
+ --dt-color-border-brand-subtle-inverted-s: 100%;
634
+ --dt-color-border-brand-subtle-inverted-l: 50%;
635
+ --dt-color-border-brand-subtle-inverted-a: 100%;
636
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
637
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
638
+ --dt-color-border-brand-subtle-inverted: #ff5c00;
639
+ --dt-color-border-warning-strong-inverted-h: 22;
640
+ --dt-color-border-warning-strong-inverted-s: 100%;
641
+ --dt-color-border-warning-strong-inverted-l: 50%;
642
+ --dt-color-border-warning-strong-inverted-a: 100%;
643
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
644
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
645
+ --dt-color-border-warning-strong-inverted: #ff5c00;
646
+ --dt-color-border-warning-subtle-inverted-h: 22;
647
+ --dt-color-border-warning-subtle-inverted-s: 100%;
648
+ --dt-color-border-warning-subtle-inverted-l: 50%;
649
+ --dt-color-border-warning-subtle-inverted-a: 100%;
650
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
651
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
652
+ --dt-color-border-warning-subtle-inverted: #ff5c00;
653
+ --dt-color-border-success-strong-inverted-h: 22;
654
+ --dt-color-border-success-strong-inverted-s: 100%;
655
+ --dt-color-border-success-strong-inverted-l: 50%;
656
+ --dt-color-border-success-strong-inverted-a: 100%;
657
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
658
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
659
+ --dt-color-border-success-strong-inverted: #ff5c00;
660
+ --dt-color-border-success-subtle-inverted-h: 22;
661
+ --dt-color-border-success-subtle-inverted-s: 100%;
662
+ --dt-color-border-success-subtle-inverted-l: 50%;
663
+ --dt-color-border-success-subtle-inverted-a: 100%;
664
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
665
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
666
+ --dt-color-border-success-subtle-inverted: #ff5c00;
667
+ --dt-color-border-critical-strong-inverted-h: 22;
668
+ --dt-color-border-critical-strong-inverted-s: 100%;
669
+ --dt-color-border-critical-strong-inverted-l: 50%;
670
+ --dt-color-border-critical-strong-inverted-a: 100%;
671
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
672
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
673
+ --dt-color-border-critical-strong-inverted: #ff5c00;
674
+ --dt-color-border-critical-subtle-inverted-h: 22;
675
+ --dt-color-border-critical-subtle-inverted-s: 100%;
676
+ --dt-color-border-critical-subtle-inverted-l: 50%;
677
+ --dt-color-border-critical-subtle-inverted-a: 100%;
678
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
679
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
680
+ --dt-color-border-critical-subtle-inverted: #ff5c00;
681
+ --dt-color-border-brand-inverted-h: 22;
682
+ --dt-color-border-brand-inverted-s: 100%;
683
+ --dt-color-border-brand-inverted-l: 50%;
684
+ --dt-color-border-brand-inverted-a: 100%;
685
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
686
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
687
+ --dt-color-border-brand-inverted: #ff5c00;
688
+ --dt-color-border-warning-inverted-h: 22;
689
+ --dt-color-border-warning-inverted-s: 100%;
690
+ --dt-color-border-warning-inverted-l: 50%;
691
+ --dt-color-border-warning-inverted-a: 100%;
692
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
693
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
694
+ --dt-color-border-warning-inverted: #ff5c00;
695
+ --dt-color-border-success-inverted-h: 22;
696
+ --dt-color-border-success-inverted-s: 100%;
697
+ --dt-color-border-success-inverted-l: 50%;
698
+ --dt-color-border-success-inverted-a: 100%;
699
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
700
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
701
+ --dt-color-border-success-inverted: #ff5c00;
702
+ --dt-color-border-critical-inverted-h: 22;
703
+ --dt-color-border-critical-inverted-s: 100%;
704
+ --dt-color-border-critical-inverted-l: 50%;
705
+ --dt-color-border-critical-inverted-a: 100%;
706
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
707
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
708
+ --dt-color-border-critical-inverted: #ff5c00;
709
+ --dt-color-border-brand-strong-h: 22;
710
+ --dt-color-border-brand-strong-s: 100%;
711
+ --dt-color-border-brand-strong-l: 50%;
712
+ --dt-color-border-brand-strong-a: 100%;
713
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
714
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
715
+ --dt-color-border-brand-strong: #ff5c00;
716
+ --dt-color-border-brand-subtle-h: 22;
717
+ --dt-color-border-brand-subtle-s: 100%;
718
+ --dt-color-border-brand-subtle-l: 50%;
719
+ --dt-color-border-brand-subtle-a: 100%;
720
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
721
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
722
+ --dt-color-border-brand-subtle: #ff5c00;
723
+ --dt-color-border-warning-strong-h: 22;
724
+ --dt-color-border-warning-strong-s: 100%;
725
+ --dt-color-border-warning-strong-l: 50%;
726
+ --dt-color-border-warning-strong-a: 100%;
727
+ --dt-color-border-warning-strong-hsl: var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l);
728
+ --dt-color-border-warning-strong-hsla: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
729
+ --dt-color-border-warning-strong: #ff5c00;
730
+ --dt-color-border-warning-subtle-h: 22;
731
+ --dt-color-border-warning-subtle-s: 100%;
732
+ --dt-color-border-warning-subtle-l: 50%;
733
+ --dt-color-border-warning-subtle-a: 100%;
734
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
735
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
736
+ --dt-color-border-warning-subtle: #ff5c00;
737
+ --dt-color-border-success-strong-h: 22;
738
+ --dt-color-border-success-strong-s: 100%;
739
+ --dt-color-border-success-strong-l: 50%;
740
+ --dt-color-border-success-strong-a: 100%;
741
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
742
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
743
+ --dt-color-border-success-strong: #ff5c00;
744
+ --dt-color-border-success-subtle-h: 22;
745
+ --dt-color-border-success-subtle-s: 100%;
746
+ --dt-color-border-success-subtle-l: 50%;
747
+ --dt-color-border-success-subtle-a: 100%;
748
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
749
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
750
+ --dt-color-border-success-subtle: #ff5c00;
751
+ --dt-color-border-critical-strong-h: 22;
752
+ --dt-color-border-critical-strong-s: 100%;
753
+ --dt-color-border-critical-strong-l: 50%;
754
+ --dt-color-border-critical-strong-a: 100%;
755
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
756
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
757
+ --dt-color-border-critical-strong: #ff5c00;
758
+ --dt-color-border-critical-subtle-h: 22;
759
+ --dt-color-border-critical-subtle-s: 100%;
760
+ --dt-color-border-critical-subtle-l: 50%;
761
+ --dt-color-border-critical-subtle-a: 100%;
762
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
763
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
764
+ --dt-color-border-critical-subtle: #ff5c00;
765
+ --dt-color-border-accent-h: 22;
766
+ --dt-color-border-accent-s: 100%;
767
+ --dt-color-border-accent-l: 50%;
768
+ --dt-color-border-accent-a: 100%;
769
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
770
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
771
+ --dt-color-border-accent: #ff5c00;
772
+ --dt-color-border-brand-h: 22;
773
+ --dt-color-border-brand-s: 100%;
774
+ --dt-color-border-brand-l: 50%;
775
+ --dt-color-border-brand-a: 100%;
776
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
777
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
778
+ --dt-color-border-brand: #ff5c00;
779
+ --dt-color-border-warning-h: 22;
780
+ --dt-color-border-warning-s: 100%;
781
+ --dt-color-border-warning-l: 50%;
782
+ --dt-color-border-warning-a: 100%;
783
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
784
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
785
+ --dt-color-border-warning: #ff5c00;
786
+ --dt-color-border-success-h: 22;
787
+ --dt-color-border-success-s: 100%;
788
+ --dt-color-border-success-l: 50%;
789
+ --dt-color-border-success-a: 100%;
790
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
791
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
792
+ --dt-color-border-success: #ff5c00;
793
+ --dt-color-border-critical-h: 22;
794
+ --dt-color-border-critical-s: 100%;
795
+ --dt-color-border-critical-l: 50%;
796
+ --dt-color-border-critical-a: 100%;
797
+ --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
798
+ --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
799
+ --dt-color-border-critical: #ff5c00;
800
+ --dt-color-border-focus-h: 22;
801
+ --dt-color-border-focus-s: 100%;
802
+ --dt-color-border-focus-l: 50%;
803
+ --dt-color-border-focus-a: 100%;
804
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
805
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
806
+ --dt-color-border-focus: #ff5c00;
807
+ --dt-color-border-bold-inverted-h: 22;
808
+ --dt-color-border-bold-inverted-s: 100%;
809
+ --dt-color-border-bold-inverted-l: 50%;
810
+ --dt-color-border-bold-inverted-a: 100%;
811
+ --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
812
+ --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
813
+ --dt-color-border-bold-inverted: #ff5c00;
814
+ --dt-color-border-moderate-inverted-h: 22;
815
+ --dt-color-border-moderate-inverted-s: 100%;
816
+ --dt-color-border-moderate-inverted-l: 50%;
817
+ --dt-color-border-moderate-inverted-a: 100%;
818
+ --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
819
+ --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 38%));
820
+ --dt-color-border-moderate-inverted: #ff5c00;
821
+ --dt-color-border-default-inverted-h: 22;
822
+ --dt-color-border-default-inverted-s: 100%;
823
+ --dt-color-border-default-inverted-l: 50%;
824
+ --dt-color-border-default-inverted-a: 100%;
825
+ --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
826
+ --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 22%));
827
+ --dt-color-border-default-inverted: #ff5c00;
828
+ --dt-color-border-subtle-inverted-h: 22;
829
+ --dt-color-border-subtle-inverted-s: 100%;
830
+ --dt-color-border-subtle-inverted-l: 50%;
831
+ --dt-color-border-subtle-inverted-a: 100%;
832
+ --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
833
+ --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 14%));
834
+ --dt-color-border-subtle-inverted: #ff5c00;
835
+ --dt-color-border-bold-h: 22;
836
+ --dt-color-border-bold-s: 100%;
837
+ --dt-color-border-bold-l: 50%;
838
+ --dt-color-border-bold-a: 100%;
839
+ --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
840
+ --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%));
841
+ --dt-color-border-bold: #ff5c00;
842
+ --dt-color-border-moderate-h: 22;
843
+ --dt-color-border-moderate-s: 100%;
844
+ --dt-color-border-moderate-l: 50%;
845
+ --dt-color-border-moderate-a: 100%;
846
+ --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
847
+ --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 34%));
848
+ --dt-color-border-moderate: #ff5c00;
849
+ --dt-color-border-default-h: 22;
850
+ --dt-color-border-default-s: 100%;
851
+ --dt-color-border-default-l: 50%;
852
+ --dt-color-border-default-a: 100%;
853
+ --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
854
+ --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 18%));
855
+ --dt-color-border-default: #ff5c00;
856
+ --dt-color-border-subtle-h: 22;
857
+ --dt-color-border-subtle-s: 100%;
858
+ --dt-color-border-subtle-l: 50%;
859
+ --dt-color-border-subtle-a: 100%;
860
+ --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
861
+ --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 10%));
862
+ --dt-color-border-subtle: #ff5c00;
863
+ --dt-color-surface-info-strong-h: 22;
864
+ --dt-color-surface-info-strong-s: 100%;
865
+ --dt-color-surface-info-strong-l: 50%;
866
+ --dt-color-surface-info-strong-a: 100%;
867
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
868
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
869
+ --dt-color-surface-info-strong: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
870
+ --dt-color-surface-info-subtle-h: 22;
871
+ --dt-color-surface-info-subtle-s: 100%;
872
+ --dt-color-surface-info-subtle-l: 50%;
873
+ --dt-color-surface-info-subtle-a: 100%;
874
+ --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
875
+ --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
876
+ --dt-color-surface-info-subtle: #ff5c00; /* A softer version of the default informational surface. */
877
+ --dt-color-surface-info-h: 22;
878
+ --dt-color-surface-info-s: 100%;
879
+ --dt-color-surface-info-l: 50%;
880
+ --dt-color-surface-info-a: 100%;
881
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
882
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
883
+ --dt-color-surface-info: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
884
+ --dt-color-surface-success-strong-h: 22;
885
+ --dt-color-surface-success-strong-s: 100%;
886
+ --dt-color-surface-success-strong-l: 50%;
887
+ --dt-color-surface-success-strong-a: 100%;
888
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
889
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
890
+ --dt-color-surface-success-strong: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
891
+ --dt-color-surface-success-subtle-h: 22;
892
+ --dt-color-surface-success-subtle-s: 100%;
893
+ --dt-color-surface-success-subtle-l: 50%;
894
+ --dt-color-surface-success-subtle-a: 100%;
895
+ --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
896
+ --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
897
+ --dt-color-surface-success-subtle: #ff5c00; /* A softer version of the default success surface. */
898
+ --dt-color-surface-success-h: 22;
899
+ --dt-color-surface-success-s: 100%;
900
+ --dt-color-surface-success-l: 50%;
901
+ --dt-color-surface-success-a: 100%;
902
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
903
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
904
+ --dt-color-surface-success: #ff5c00; /* Background surface color containing messaging or elements expressing a positive or successful state. */
905
+ --dt-color-surface-warning-strong-h: 22;
906
+ --dt-color-surface-warning-strong-s: 100%;
907
+ --dt-color-surface-warning-strong-l: 50%;
908
+ --dt-color-surface-warning-strong-a: 100%;
909
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
910
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
911
+ --dt-color-surface-warning-strong: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
912
+ --dt-color-surface-warning-subtle-h: 22;
913
+ --dt-color-surface-warning-subtle-s: 100%;
914
+ --dt-color-surface-warning-subtle-l: 50%;
915
+ --dt-color-surface-warning-subtle-a: 100%;
916
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
917
+ --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
918
+ --dt-color-surface-warning-subtle: #ff5c00; /* A softer version of the default warning surface. */
919
+ --dt-color-surface-warning-h: 22;
920
+ --dt-color-surface-warning-s: 100%;
921
+ --dt-color-surface-warning-l: 50%;
922
+ --dt-color-surface-warning-a: 100%;
923
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
924
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
925
+ --dt-color-surface-warning: #ff5c00; /* Background surface color highlighting messaging or elements that may require user's attention. */
926
+ --dt-color-surface-critical-strong-h: 22;
927
+ --dt-color-surface-critical-strong-s: 100%;
928
+ --dt-color-surface-critical-strong-l: 50%;
929
+ --dt-color-surface-critical-strong-a: 100%;
930
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
931
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
932
+ --dt-color-surface-critical-strong: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
933
+ --dt-color-surface-critical-subtle-h: 22;
934
+ --dt-color-surface-critical-subtle-s: 100%;
935
+ --dt-color-surface-critical-subtle-l: 50%;
936
+ --dt-color-surface-critical-subtle-a: 100%;
937
+ --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
938
+ --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
939
+ --dt-color-surface-critical-subtle: #ff5c00; /* A softer version of the Critical surface. */
940
+ --dt-color-surface-critical-h: 22;
941
+ --dt-color-surface-critical-s: 100%;
942
+ --dt-color-surface-critical-l: 50%;
943
+ --dt-color-surface-critical-a: 100%;
944
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
945
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
946
+ --dt-color-surface-critical: #ff5c00; /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
947
+ --dt-color-surface-contrast-h: 22;
948
+ --dt-color-surface-contrast-s: 100%;
949
+ --dt-color-surface-contrast-l: 50%;
950
+ --dt-color-surface-contrast-a: 100%;
951
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
952
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
953
+ --dt-color-surface-contrast: #ff5c00; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
954
+ --dt-color-surface-strong-h: 22;
955
+ --dt-color-surface-strong-s: 100%;
956
+ --dt-color-surface-strong-l: 50%;
957
+ --dt-color-surface-strong-a: 100%;
958
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
959
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
960
+ --dt-color-surface-strong: #ff5c00; /* Use sparingly to draw the eye to a relatively important region. */
961
+ --dt-color-surface-bold-h: 22;
962
+ --dt-color-surface-bold-s: 100%;
963
+ --dt-color-surface-bold-l: 50%;
964
+ --dt-color-surface-bold-a: 100%;
965
+ --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
966
+ --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
967
+ --dt-color-surface-bold: #ff5c00; /* Highlight or call attention to specific areas of the interface. */
968
+ --dt-color-surface-moderate-h: 22;
969
+ --dt-color-surface-moderate-s: 100%;
970
+ --dt-color-surface-moderate-l: 50%;
971
+ --dt-color-surface-moderate-a: 100%;
972
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
973
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
974
+ --dt-color-surface-moderate: #ff5c00; /* A tertiary surface level, prominent without being too overpowering. */
975
+ --dt-color-surface-secondary-h: 22;
976
+ --dt-color-surface-secondary-s: 100%;
977
+ --dt-color-surface-secondary-l: 50%;
978
+ --dt-color-surface-secondary-a: 100%;
979
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
980
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
981
+ --dt-color-surface-secondary: #ff5c00; /* For adjacent or complementary regions. */
982
+ --dt-color-surface-primary-h: 22;
983
+ --dt-color-surface-primary-s: 100%;
984
+ --dt-color-surface-primary-l: 50%;
985
+ --dt-color-surface-primary-a: 100%;
986
+ --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
987
+ --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
988
+ --dt-color-surface-primary: #ff5c00; /* Default surface color for the majority of surfaces. */
989
+ --dt-color-surface-info-subtle-opaque-h: 22;
990
+ --dt-color-surface-info-subtle-opaque-s: 100%;
991
+ --dt-color-surface-info-subtle-opaque-l: 50%;
992
+ --dt-color-surface-info-subtle-opaque-a: 100%;
993
+ --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
994
+ --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 4%));
995
+ --dt-color-surface-info-subtle-opaque: #ff5c00; /* Info surface as opaque background color. */
996
+ --dt-color-surface-info-opaque-h: 22;
997
+ --dt-color-surface-info-opaque-s: 100%;
998
+ --dt-color-surface-info-opaque-l: 50%;
999
+ --dt-color-surface-info-opaque-a: 100%;
1000
+ --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
1001
+ --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 9%));
1002
+ --dt-color-surface-info-opaque: #ff5c00; /* Info surface as opaque background color. */
1003
+ --dt-color-surface-success-subtle-opaque-h: 22;
1004
+ --dt-color-surface-success-subtle-opaque-s: 100%;
1005
+ --dt-color-surface-success-subtle-opaque-l: 50%;
1006
+ --dt-color-surface-success-subtle-opaque-a: 100%;
1007
+ --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1008
+ --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 3%));
1009
+ --dt-color-surface-success-subtle-opaque: #ff5c00; /* Success subtle surface as opaque background color. */
1010
+ --dt-color-surface-success-opaque-h: 22;
1011
+ --dt-color-surface-success-opaque-s: 100%;
1012
+ --dt-color-surface-success-opaque-l: 50%;
1013
+ --dt-color-surface-success-opaque-a: 100%;
1014
+ --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1015
+ --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 8%));
1016
+ --dt-color-surface-success-opaque: #ff5c00; /* Success surface as opaque background color. */
1017
+ --dt-color-surface-warning-subtle-opaque-h: 22;
1018
+ --dt-color-surface-warning-subtle-opaque-s: 100%;
1019
+ --dt-color-surface-warning-subtle-opaque-l: 50%;
1020
+ --dt-color-surface-warning-subtle-opaque-a: 100%;
1021
+ --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1022
+ --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 18%));
1023
+ --dt-color-surface-warning-subtle-opaque: #ff5c00; /* Warning subtle surface as opaque background color */
1024
+ --dt-color-surface-warning-opaque-h: 22;
1025
+ --dt-color-surface-warning-opaque-s: 100%;
1026
+ --dt-color-surface-warning-opaque-l: 50%;
1027
+ --dt-color-surface-warning-opaque-a: 100%;
1028
+ --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1029
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 38%));
1030
+ --dt-color-surface-warning-opaque: #ff5c00; /* Warning surface as opaque background color */
1031
+ --dt-color-surface-critical-subtle-opaque-h: 22;
1032
+ --dt-color-surface-critical-subtle-opaque-s: 100%;
1033
+ --dt-color-surface-critical-subtle-opaque-l: 50%;
1034
+ --dt-color-surface-critical-subtle-opaque-a: 100%;
1035
+ --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1036
+ --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 5%));
1037
+ --dt-color-surface-critical-subtle-opaque: #ff5c00; /* Critical subtle surface as opaque background color. */
1038
+ --dt-color-surface-critical-opaque-h: 22;
1039
+ --dt-color-surface-critical-opaque-s: 100%;
1040
+ --dt-color-surface-critical-opaque-l: 50%;
1041
+ --dt-color-surface-critical-opaque-a: 100%;
1042
+ --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
1043
+ --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 11%));
1044
+ --dt-color-surface-critical-opaque: #ff5c00; /* Critical surface as opaque background color. */
1045
+ --dt-color-surface-backdrop-h: 22;
1046
+ --dt-color-surface-backdrop-s: 100%;
1047
+ --dt-color-surface-backdrop-l: 50%;
1048
+ --dt-color-surface-backdrop-a: 100%;
1049
+ --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1050
+ --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
1051
+ --dt-color-surface-backdrop: #ff5c00; /* Background color for a modal-like backdrop. */
1052
+ --dt-color-surface-contrast-opaque-h: 22;
1053
+ --dt-color-surface-contrast-opaque-s: 100%;
1054
+ --dt-color-surface-contrast-opaque-l: 50%;
1055
+ --dt-color-surface-contrast-opaque-a: 100%;
1056
+ --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1057
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 87%));
1058
+ --dt-color-surface-contrast-opaque: #ff5c00; /* Contrast surface as opaque background color. */
1059
+ --dt-color-surface-strong-opaque-h: 22;
1060
+ --dt-color-surface-strong-opaque-s: 100%;
1061
+ --dt-color-surface-strong-opaque-l: 50%;
1062
+ --dt-color-surface-strong-opaque-a: 100%;
1063
+ --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1064
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 67%));
1065
+ --dt-color-surface-strong-opaque: #ff5c00; /* Strong surface as opaque background color. */
1066
+ --dt-color-surface-bold-opaque-h: 22;
1067
+ --dt-color-surface-bold-opaque-s: 100%;
1068
+ --dt-color-surface-bold-opaque-l: 50%;
1069
+ --dt-color-surface-bold-opaque-a: 100%;
1070
+ --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1071
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 18%));
1072
+ --dt-color-surface-bold-opaque: #ff5c00; /* Bold surface as opaque background color. */
1073
+ --dt-color-surface-moderate-opaque-h: 22;
1074
+ --dt-color-surface-moderate-opaque-s: 100%;
1075
+ --dt-color-surface-moderate-opaque-l: 50%;
1076
+ --dt-color-surface-moderate-opaque-a: 100%;
1077
+ --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1078
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 9%));
1079
+ --dt-color-surface-moderate-opaque: #ff5c00; /* Moderate surface as opaque background color. */
1080
+ --dt-color-surface-secondary-opaque-h: 22;
1081
+ --dt-color-surface-secondary-opaque-s: 100%;
1082
+ --dt-color-surface-secondary-opaque-l: 50%;
1083
+ --dt-color-surface-secondary-opaque-a: 100%;
1084
+ --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1085
+ --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1086
+ --dt-color-surface-secondary-opaque: #ff5c00; /* Secondary surface as opaque background color. */
1087
+ --dt-color-link-muted-inverted-hover-h: 22;
1088
+ --dt-color-link-muted-inverted-hover-s: 100%;
1089
+ --dt-color-link-muted-inverted-hover-l: 50%;
1090
+ --dt-color-link-muted-inverted-hover-a: 100%;
1091
+ --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1092
+ --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1093
+ --dt-color-link-muted-inverted-hover: #ff5c00;
1094
+ --dt-color-link-warning-inverted-hover-h: 22;
1095
+ --dt-color-link-warning-inverted-hover-s: 100%;
1096
+ --dt-color-link-warning-inverted-hover-l: 50%;
1097
+ --dt-color-link-warning-inverted-hover-a: 100%;
1098
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1099
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1100
+ --dt-color-link-warning-inverted-hover: #ff5c00;
1101
+ --dt-color-link-primary-inverted-hover-h: 22;
1102
+ --dt-color-link-primary-inverted-hover-s: 100%;
1103
+ --dt-color-link-primary-inverted-hover-l: 50%;
1104
+ --dt-color-link-primary-inverted-hover-a: 100%;
1105
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1106
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1107
+ --dt-color-link-primary-inverted-hover: #ff5c00;
1108
+ --dt-color-link-warning-hover-h: 22;
1109
+ --dt-color-link-warning-hover-s: 100%;
1110
+ --dt-color-link-warning-hover-l: 50%;
1111
+ --dt-color-link-warning-hover-a: 100%;
1112
+ --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
1113
+ --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
1114
+ --dt-color-link-warning-hover: #ff5c00;
1115
+ --dt-color-link-success-hover-h: 22;
1116
+ --dt-color-link-success-hover-s: 100%;
1117
+ --dt-color-link-success-hover-l: 50%;
1118
+ --dt-color-link-success-hover-a: 100%;
1119
+ --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
1120
+ --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
1121
+ --dt-color-link-success-hover: #ff5c00;
1122
+ --dt-color-link-critical-hover-h: 22;
1123
+ --dt-color-link-critical-hover-s: 100%;
1124
+ --dt-color-link-critical-hover-l: 50%;
1125
+ --dt-color-link-critical-hover-a: 100%;
1126
+ --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1127
+ --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1128
+ --dt-color-link-critical-hover: #ff5c00;
1129
+ --dt-color-link-primary-hover-h: 22;
1130
+ --dt-color-link-primary-hover-s: 100%;
1131
+ --dt-color-link-primary-hover-l: 50%;
1132
+ --dt-color-link-primary-hover-a: 100%;
1133
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1134
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1135
+ --dt-color-link-primary-hover: #ff5c00;
1136
+ --dt-color-link-primary-inverted-h: 22;
1137
+ --dt-color-link-primary-inverted-s: 100%;
1138
+ --dt-color-link-primary-inverted-l: 50%;
1139
+ --dt-color-link-primary-inverted-a: 100%;
1140
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1141
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1142
+ --dt-color-link-primary-inverted: #ff5c00;
1143
+ --dt-color-link-primary-h: 22;
1144
+ --dt-color-link-primary-s: 100%;
1145
+ --dt-color-link-primary-l: 50%;
1146
+ --dt-color-link-primary-a: 100%;
1147
+ --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1148
+ --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1149
+ --dt-color-link-primary: #ff5c00;
1150
+ --dt-color-foreground-warning-inverted-h: 22;
1151
+ --dt-color-foreground-warning-inverted-s: 100%;
1152
+ --dt-color-foreground-warning-inverted-l: 50%;
1153
+ --dt-color-foreground-warning-inverted-a: 100%;
1154
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
1155
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
1156
+ --dt-color-foreground-warning-inverted: #ff5c00; /* Warning text that sits on high-contrast surfaces or backgrounds */
1157
+ --dt-color-foreground-success-inverted-h: 22;
1158
+ --dt-color-foreground-success-inverted-s: 100%;
1159
+ --dt-color-foreground-success-inverted-l: 50%;
1160
+ --dt-color-foreground-success-inverted-a: 100%;
1161
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1162
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
1163
+ --dt-color-foreground-success-inverted: #ff5c00; /* Success text that sits on high-contrast surfaces or backgrounds */
1164
+ --dt-color-foreground-critical-inverted-h: 22;
1165
+ --dt-color-foreground-critical-inverted-s: 100%;
1166
+ --dt-color-foreground-critical-inverted-l: 50%;
1167
+ --dt-color-foreground-critical-inverted-a: 100%;
1168
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1169
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1170
+ --dt-color-foreground-critical-inverted: #ff5c00; /* Critical text that sits on high-contrast surfaces or backgrounds */
1171
+ --dt-color-foreground-disabled-inverted-h: 22;
1172
+ --dt-color-foreground-disabled-inverted-s: 100%;
1173
+ --dt-color-foreground-disabled-inverted-l: 50%;
1174
+ --dt-color-foreground-disabled-inverted-a: 100%;
1175
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1176
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
1177
+ --dt-color-foreground-disabled-inverted: #ff5c00; /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1178
+ --dt-color-foreground-placeholder-inverted-h: 22;
1179
+ --dt-color-foreground-placeholder-inverted-s: 100%;
1180
+ --dt-color-foreground-placeholder-inverted-l: 50%;
1181
+ --dt-color-foreground-placeholder-inverted-a: 100%;
1182
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1183
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1184
+ --dt-color-foreground-placeholder-inverted: #ff5c00; /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1185
+ --dt-color-foreground-muted-inverted-h: 22;
1186
+ --dt-color-foreground-muted-inverted-s: 100%;
1187
+ --dt-color-foreground-muted-inverted-l: 50%;
1188
+ --dt-color-foreground-muted-inverted-a: 100%;
1189
+ --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1190
+ --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
1191
+ --dt-color-foreground-muted-inverted: #ff5c00; /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1192
+ --dt-color-foreground-tertiary-inverted-h: 22;
1193
+ --dt-color-foreground-tertiary-inverted-s: 100%;
1194
+ --dt-color-foreground-tertiary-inverted-l: 50%;
1195
+ --dt-color-foreground-tertiary-inverted-a: 100%;
1196
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-300-hsl);
1197
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-300-hsla);
1198
+ --dt-color-foreground-tertiary-inverted: #ff5c00; /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
1199
+ --dt-color-foreground-secondary-inverted-h: 22;
1200
+ --dt-color-foreground-secondary-inverted-s: 100%;
1201
+ --dt-color-foreground-secondary-inverted-l: 50%;
1202
+ --dt-color-foreground-secondary-inverted-a: 100%;
1203
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
1204
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
1205
+ --dt-color-foreground-secondary-inverted: #ff5c00; /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
1206
+ --dt-color-foreground-primary-inverted-h: 22;
1207
+ --dt-color-foreground-primary-inverted-s: 100%;
1208
+ --dt-color-foreground-primary-inverted-l: 50%;
1209
+ --dt-color-foreground-primary-inverted-a: 100%;
1210
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
1211
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
1212
+ --dt-color-foreground-primary-inverted: #ff5c00; /* Primary text that sits on high-contrast surfaces or backgrounds. */
1213
+ --dt-color-foreground-warning-h: 22;
1214
+ --dt-color-foreground-warning-s: 100%;
1215
+ --dt-color-foreground-warning-l: 50%;
1216
+ --dt-color-foreground-warning-a: 100%;
1217
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1218
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1219
+ --dt-color-foreground-warning: #ff5c00; /* Indicates information that requires user’s attention and further action may be necessary. */
1220
+ --dt-color-foreground-success-strong-h: 22;
1221
+ --dt-color-foreground-success-strong-s: 100%;
1222
+ --dt-color-foreground-success-strong-l: 50%;
1223
+ --dt-color-foreground-success-strong-a: 100%;
1224
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1225
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1226
+ --dt-color-foreground-success-strong: #ff5c00; /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1227
+ --dt-color-foreground-success-h: 22;
1228
+ --dt-color-foreground-success-s: 100%;
1229
+ --dt-color-foreground-success-l: 50%;
1230
+ --dt-color-foreground-success-a: 100%;
1231
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1232
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1233
+ --dt-color-foreground-success: #ff5c00; /* Indicates a positive state. */
1234
+ --dt-color-foreground-critical-strong-h: 22;
1235
+ --dt-color-foreground-critical-strong-s: 100%;
1236
+ --dt-color-foreground-critical-strong-l: 50%;
1237
+ --dt-color-foreground-critical-strong-a: 100%;
1238
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1239
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1240
+ --dt-color-foreground-critical-strong: #ff5c00; /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1241
+ --dt-color-foreground-critical-h: 22;
1242
+ --dt-color-foreground-critical-s: 100%;
1243
+ --dt-color-foreground-critical-l: 50%;
1244
+ --dt-color-foreground-critical-a: 100%;
1245
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1246
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1247
+ --dt-color-foreground-critical: #ff5c00; /* Expresses an error, danger, or otherwise critical state. */
1248
+ --dt-color-foreground-disabled-h: 22;
1249
+ --dt-color-foreground-disabled-s: 100%;
1250
+ --dt-color-foreground-disabled-l: 50%;
1251
+ --dt-color-foreground-disabled-a: 100%;
1252
+ --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
1253
+ --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
1254
+ --dt-color-foreground-disabled: #ff5c00; /* Used for text paired with disabled content or components, like the form elements. */
1255
+ --dt-color-foreground-placeholder-h: 22;
1256
+ --dt-color-foreground-placeholder-s: 100%;
1257
+ --dt-color-foreground-placeholder-l: 50%;
1258
+ --dt-color-foreground-placeholder-a: 100%;
1259
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
1260
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
1261
+ --dt-color-foreground-placeholder: #ff5c00; /* Text color for placeholder text within form elements. */
1262
+ --dt-color-foreground-muted-h: 22;
1263
+ --dt-color-foreground-muted-s: 100%;
1264
+ --dt-color-foreground-muted-l: 50%;
1265
+ --dt-color-foreground-muted-a: 100%;
1266
+ --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1267
+ --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
1268
+ --dt-color-foreground-muted: #ff5c00;
1269
+ --dt-color-foreground-tertiary-h: 22;
1270
+ --dt-color-foreground-tertiary-s: 100%;
1271
+ --dt-color-foreground-tertiary-l: 50%;
1272
+ --dt-color-foreground-tertiary-a: 100%;
1273
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1274
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1275
+ --dt-color-foreground-tertiary: #ff5c00; /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
1276
+ --dt-color-foreground-secondary-h: 22;
1277
+ --dt-color-foreground-secondary-s: 100%;
1278
+ --dt-color-foreground-secondary-l: 50%;
1279
+ --dt-color-foreground-secondary-a: 100%;
1280
+ --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1281
+ --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1282
+ --dt-color-foreground-secondary: #ff5c00; /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1283
+ --dt-color-foreground-primary-h: 22;
1284
+ --dt-color-foreground-primary-s: 100%;
1285
+ --dt-color-foreground-primary-l: 50%;
1286
+ --dt-color-foreground-primary-a: 100%;
1287
+ --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1288
+ --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1289
+ --dt-color-foreground-primary: #ff5c00; /* Default text color throughout the UI. */
1290
+ --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1291
+ --dt-radio-color-border-checked-h: 22;
1292
+ --dt-radio-color-border-checked-s: 100%;
1293
+ --dt-radio-color-border-checked-l: 50%;
1294
+ --dt-radio-color-border-checked-a: 100%;
1295
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1296
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1297
+ --dt-radio-color-border-checked: #ff5c00;
1298
+ --dt-radio-color-border-unchecked-h: 22;
1299
+ --dt-radio-color-border-unchecked-s: 100%;
1300
+ --dt-radio-color-border-unchecked-l: 50%;
1301
+ --dt-radio-color-border-unchecked-a: 100%;
1302
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1303
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1304
+ --dt-radio-color-border-unchecked: #ff5c00;
1305
+ --dt-radio-size-height: var(--dt-radio-size-width);
1306
+ --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1307
+ --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
1308
+ --dt-icon-size-border-600: calc(var(--dt-icon-size-border-100) * 2.5);
1309
+ --dt-icon-size-border-400: calc(var(--dt-icon-size-border-100) * 1.75);
1310
+ --dt-icon-size-border-300: calc(var(--dt-icon-size-border-100) * 1.5);
1311
+ --dt-icon-size-border-200: calc(var(--dt-icon-size-border-100) * 1.25);
1312
+ --dt-icon-size-800: calc(var(--dt-size-base) * 6);
1313
+ --dt-icon-size-700: calc(var(--dt-size-base) * 4.75);
1314
+ --dt-icon-size-600: calc(var(--dt-size-base) * 4);
1315
+ --dt-icon-size-500: calc(var(--dt-size-base) * 3);
1316
+ --dt-icon-size-400: calc(var(--dt-size-base) * 2.5);
1317
+ --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1318
+ --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1319
+ --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1320
+ --dt-checkbox-color-border-checked-h: 22;
1321
+ --dt-checkbox-color-border-checked-s: 100%;
1322
+ --dt-checkbox-color-border-checked-l: 50%;
1323
+ --dt-checkbox-color-border-checked-a: 100%;
1324
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1325
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1326
+ --dt-checkbox-color-border-checked: #ff5c00;
1327
+ --dt-checkbox-color-border-unchecked-h: 22;
1328
+ --dt-checkbox-color-border-unchecked-s: 100%;
1329
+ --dt-checkbox-color-border-unchecked-l: 50%;
1330
+ --dt-checkbox-color-border-unchecked-a: 100%;
1331
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1332
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1333
+ --dt-checkbox-color-border-unchecked: #ff5c00;
1334
+ --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1335
+ --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1336
+ --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
1337
+ --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
1338
+ --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
1339
+ --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
1340
+ --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
1341
+ --dt-badge-color-border-default-h: 22;
1342
+ --dt-badge-color-border-default-s: 100%;
1343
+ --dt-badge-color-border-default-l: 50%;
1344
+ --dt-badge-color-border-default-a: 100%;
1345
+ --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1346
+ --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1347
+ --dt-badge-color-border-default: #ff5c00;
1348
+ --dt-badge-color-foreground-default-h: 22;
1349
+ --dt-badge-color-foreground-default-s: 100%;
1350
+ --dt-badge-color-foreground-default-l: 50%;
1351
+ --dt-badge-color-foreground-default-a: 100%;
1352
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1353
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1354
+ --dt-badge-color-foreground-default: #ff5c00;
1355
+ --dt-badge-color-background-ai: #ff5c00;
1356
+ --dt-badge-color-background-critical-h: 22;
1357
+ --dt-badge-color-background-critical-s: 100%;
1358
+ --dt-badge-color-background-critical-l: 50%;
1359
+ --dt-badge-color-background-critical-a: 100%;
1360
+ --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1361
+ --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1362
+ --dt-badge-color-background-critical: #ff5c00;
1363
+ --dt-badge-color-background-warning-h: 22;
1364
+ --dt-badge-color-background-warning-s: 100%;
1365
+ --dt-badge-color-background-warning-l: 50%;
1366
+ --dt-badge-color-background-warning-a: 100%;
1367
+ --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1368
+ --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1369
+ --dt-badge-color-background-warning: #ff5c00;
1370
+ --dt-badge-color-background-success-h: 22;
1371
+ --dt-badge-color-background-success-s: 100%;
1372
+ --dt-badge-color-background-success-l: 50%;
1373
+ --dt-badge-color-background-success-a: 100%;
1374
+ --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1375
+ --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1376
+ --dt-badge-color-background-success: #ff5c00;
1377
+ --dt-badge-color-background-info-h: 22;
1378
+ --dt-badge-color-background-info-s: 100%;
1379
+ --dt-badge-color-background-info-l: 50%;
1380
+ --dt-badge-color-background-info-a: 100%;
1381
+ --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1382
+ --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1383
+ --dt-badge-color-background-info: #ff5c00;
1384
+ --dt-badge-color-background-default-h: 22;
1385
+ --dt-badge-color-background-default-s: 100%;
1386
+ --dt-badge-color-background-default-l: 50%;
1387
+ --dt-badge-color-background-default-a: 100%;
1388
+ --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1389
+ --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1390
+ --dt-badge-color-background-default: #ff5c00;
1391
+ --dt-theme-mention-color-foreground-strong-h: 22;
1392
+ --dt-theme-mention-color-foreground-strong-s: 100%;
1393
+ --dt-theme-mention-color-foreground-strong-l: 50%;
1394
+ --dt-theme-mention-color-foreground-strong-a: 100%;
1395
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1396
+ --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1397
+ --dt-theme-mention-color-foreground-strong: #ff5c00;
1398
+ --dt-theme-sidebar-section-color-foreground-h: 22;
1399
+ --dt-theme-sidebar-section-color-foreground-s: 100%;
1400
+ --dt-theme-sidebar-section-color-foreground-l: 50%;
1401
+ --dt-theme-sidebar-section-color-foreground-a: 100%;
1402
+ --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1403
+ --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1404
+ --dt-theme-sidebar-section-color-foreground: #ff5c00;
1405
+ --dt-theme-sidebar-selected-row-color-background-h: 22;
1406
+ --dt-theme-sidebar-selected-row-color-background-s: 100%;
1407
+ --dt-theme-sidebar-selected-row-color-background-l: 50%;
1408
+ --dt-theme-sidebar-selected-row-color-background-a: 100%;
1409
+ --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1410
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 10%));
1411
+ --dt-theme-sidebar-selected-row-color-background: #ff5c00;
1412
+ --dt-theme-sidebar-selected-row-color-foreground-h: 22;
1413
+ --dt-theme-sidebar-selected-row-color-foreground-s: 100%;
1414
+ --dt-theme-sidebar-selected-row-color-foreground-l: 50%;
1415
+ --dt-theme-sidebar-selected-row-color-foreground-a: 100%;
1416
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1417
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1418
+ --dt-theme-sidebar-selected-row-color-foreground: #ff5c00;
1419
+ --dt-theme-sidebar-row-color-background-active-h: 22;
1420
+ --dt-theme-sidebar-row-color-background-active-s: 100%;
1421
+ --dt-theme-sidebar-row-color-background-active-l: 50%;
1422
+ --dt-theme-sidebar-row-color-background-active-a: 100%;
1423
+ --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1424
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 16%));
1425
+ --dt-theme-sidebar-row-color-background-active: #ff5c00;
1426
+ --dt-theme-sidebar-row-color-background-hover-h: 22;
1427
+ --dt-theme-sidebar-row-color-background-hover-s: 100%;
1428
+ --dt-theme-sidebar-row-color-background-hover-l: 50%;
1429
+ --dt-theme-sidebar-row-color-background-hover-a: 100%;
1430
+ --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1431
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 12%));
1432
+ --dt-theme-sidebar-row-color-background-hover: #ff5c00;
1433
+ --dt-theme-sidebar-row-color-background-h: 22;
1434
+ --dt-theme-sidebar-row-color-background-s: 100%;
1435
+ --dt-theme-sidebar-row-color-background-l: 50%;
1436
+ --dt-theme-sidebar-row-color-background-a: 100%;
1437
+ --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);
1438
+ --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%));
1439
+ --dt-theme-sidebar-row-color-background: #ff5c00;
1440
+ --dt-theme-sidebar-status-color-foreground-h: 22;
1441
+ --dt-theme-sidebar-status-color-foreground-s: 100%;
1442
+ --dt-theme-sidebar-status-color-foreground-l: 50%;
1443
+ --dt-theme-sidebar-status-color-foreground-a: 100%;
1444
+ --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1445
+ --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1446
+ --dt-theme-sidebar-status-color-foreground: #ff5c00;
1447
+ --dt-theme-sidebar-color-foreground-unread-h: 22;
1448
+ --dt-theme-sidebar-color-foreground-unread-s: 100%;
1449
+ --dt-theme-sidebar-color-foreground-unread-l: 50%;
1450
+ --dt-theme-sidebar-color-foreground-unread-a: 100%;
1451
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1452
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1453
+ --dt-theme-sidebar-color-foreground-unread: #ff5c00;
1454
+ --dt-theme-sidebar-color-foreground-h: 22;
1455
+ --dt-theme-sidebar-color-foreground-s: 100%;
1456
+ --dt-theme-sidebar-color-foreground-l: 50%;
1457
+ --dt-theme-sidebar-color-foreground-a: 100%;
1458
+ --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1459
+ --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1460
+ --dt-theme-sidebar-color-foreground: #ff5c00;
1461
+ --dt-theme-topbar-profile-color-background-active-h: 22;
1462
+ --dt-theme-topbar-profile-color-background-active-s: 100%;
1463
+ --dt-theme-topbar-profile-color-background-active-l: 50%;
1464
+ --dt-theme-topbar-profile-color-background-active-a: 100%;
1465
+ --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);
1466
+ --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%));
1467
+ --dt-theme-topbar-profile-color-background-active: #ff5c00;
1468
+ --dt-theme-topbar-profile-color-background-hover-h: 22;
1469
+ --dt-theme-topbar-profile-color-background-hover-s: 100%;
1470
+ --dt-theme-topbar-profile-color-background-hover-l: 50%;
1471
+ --dt-theme-topbar-profile-color-background-hover-a: 100%;
1472
+ --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);
1473
+ --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%));
1474
+ --dt-theme-topbar-profile-color-background-hover: #ff5c00;
1475
+ --dt-theme-topbar-profile-color-background-inverted-h: 22;
1476
+ --dt-theme-topbar-profile-color-background-inverted-s: 100%;
1477
+ --dt-theme-topbar-profile-color-background-inverted-l: 50%;
1478
+ --dt-theme-topbar-profile-color-background-inverted-a: 100%;
1479
+ --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);
1480
+ --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%));
1481
+ --dt-theme-topbar-profile-color-background-inverted: #ff5c00;
1482
+ --dt-theme-topbar-profile-color-background-h: 22;
1483
+ --dt-theme-topbar-profile-color-background-s: 100%;
1484
+ --dt-theme-topbar-profile-color-background-l: 50%;
1485
+ --dt-theme-topbar-profile-color-background-a: 100%;
1486
+ --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);
1487
+ --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%));
1488
+ --dt-theme-topbar-profile-color-background: #ff5c00;
1489
+ --dt-theme-topbar-profile-color-foreground-inverted-h: 22;
1490
+ --dt-theme-topbar-profile-color-foreground-inverted-s: 100%;
1491
+ --dt-theme-topbar-profile-color-foreground-inverted-l: 50%;
1492
+ --dt-theme-topbar-profile-color-foreground-inverted-a: 100%;
1493
+ --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);
1494
+ --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%));
1495
+ --dt-theme-topbar-profile-color-foreground-inverted: #ff5c00;
1496
+ --dt-theme-topbar-button-color-background-active-h: 22;
1497
+ --dt-theme-topbar-button-color-background-active-s: 100%;
1498
+ --dt-theme-topbar-button-color-background-active-l: 50%;
1499
+ --dt-theme-topbar-button-color-background-active-a: 100%;
1500
+ --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);
1501
+ --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%));
1502
+ --dt-theme-topbar-button-color-background-active: #ff5c00;
1503
+ --dt-theme-topbar-button-color-background-hover-h: 22;
1504
+ --dt-theme-topbar-button-color-background-hover-s: 100%;
1505
+ --dt-theme-topbar-button-color-background-hover-l: 50%;
1506
+ --dt-theme-topbar-button-color-background-hover-a: 100%;
1507
+ --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);
1508
+ --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%));
1509
+ --dt-theme-topbar-button-color-background-hover: #ff5c00;
1510
+ --dt-theme-topbar-button-color-background-h: 22;
1511
+ --dt-theme-topbar-button-color-background-s: 100%;
1512
+ --dt-theme-topbar-button-color-background-l: 50%;
1513
+ --dt-theme-topbar-button-color-background-a: 100%;
1514
+ --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);
1515
+ --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%));
1516
+ --dt-theme-topbar-button-color-background: #ff5c00;
1517
+ --dt-theme-topbar-button-color-foreground-hover-h: 22;
1518
+ --dt-theme-topbar-button-color-foreground-hover-s: 100%;
1519
+ --dt-theme-topbar-button-color-foreground-hover-l: 50%;
1520
+ --dt-theme-topbar-button-color-foreground-hover-a: 100%;
1521
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1522
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1523
+ --dt-theme-topbar-button-color-foreground-hover: #ff5c00;
1524
+ --dt-theme-topbar-button-color-foreground-h: 22;
1525
+ --dt-theme-topbar-button-color-foreground-s: 100%;
1526
+ --dt-theme-topbar-button-color-foreground-l: 50%;
1527
+ --dt-theme-topbar-button-color-foreground-a: 100%;
1528
+ --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);
1529
+ --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%));
1530
+ --dt-theme-topbar-button-color-foreground: #ff5c00;
1531
+ --dt-theme-topbar-field-color-border-active-h: 22;
1532
+ --dt-theme-topbar-field-color-border-active-s: 100%;
1533
+ --dt-theme-topbar-field-color-border-active-l: 50%;
1534
+ --dt-theme-topbar-field-color-border-active-a: 100%;
1535
+ --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);
1536
+ --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%));
1537
+ --dt-theme-topbar-field-color-border-active: #ff5c00;
1538
+ --dt-theme-topbar-field-color-border-hover-h: 22;
1539
+ --dt-theme-topbar-field-color-border-hover-s: 100%;
1540
+ --dt-theme-topbar-field-color-border-hover-l: 50%;
1541
+ --dt-theme-topbar-field-color-border-hover-a: 100%;
1542
+ --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);
1543
+ --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%));
1544
+ --dt-theme-topbar-field-color-border-hover: #ff5c00;
1545
+ --dt-theme-topbar-field-color-border-h: 22;
1546
+ --dt-theme-topbar-field-color-border-s: 100%;
1547
+ --dt-theme-topbar-field-color-border-l: 50%;
1548
+ --dt-theme-topbar-field-color-border-a: 100%;
1549
+ --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);
1550
+ --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%));
1551
+ --dt-theme-topbar-field-color-border: #ff5c00;
1552
+ --dt-theme-topbar-field-color-background-hover-h: 22;
1553
+ --dt-theme-topbar-field-color-background-hover-s: 100%;
1554
+ --dt-theme-topbar-field-color-background-hover-l: 50%;
1555
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
1556
+ --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);
1557
+ --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%));
1558
+ --dt-theme-topbar-field-color-background-hover: #ff5c00;
1559
+ --dt-theme-topbar-field-color-background-h: 22;
1560
+ --dt-theme-topbar-field-color-background-s: 100%;
1561
+ --dt-theme-topbar-field-color-background-l: 50%;
1562
+ --dt-theme-topbar-field-color-background-a: 100%;
1563
+ --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);
1564
+ --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%));
1565
+ --dt-theme-topbar-field-color-background: #ff5c00;
1566
+ --dt-theme-topbar-field-color-foreground-hover-h: 22;
1567
+ --dt-theme-topbar-field-color-foreground-hover-s: 100%;
1568
+ --dt-theme-topbar-field-color-foreground-hover-l: 50%;
1569
+ --dt-theme-topbar-field-color-foreground-hover-a: 100%;
1570
+ --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);
1571
+ --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%));
1572
+ --dt-theme-topbar-field-color-foreground-hover: #ff5c00;
1573
+ --dt-theme-topbar-field-color-foreground-h: 22;
1574
+ --dt-theme-topbar-field-color-foreground-s: 100%;
1575
+ --dt-theme-topbar-field-color-foreground-l: 50%;
1576
+ --dt-theme-topbar-field-color-foreground-a: 100%;
1577
+ --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);
1578
+ --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%));
1579
+ --dt-theme-topbar-field-color-foreground: #ff5c00;
1580
+ --dt-theme-topbar-color-background-h: 22;
1581
+ --dt-theme-topbar-color-background-s: 100%;
1582
+ --dt-theme-topbar-color-background-l: 50%;
1583
+ --dt-theme-topbar-color-background-a: 100%;
1584
+ --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1585
+ --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1586
+ --dt-theme-topbar-color-background: #ff5c00;
1587
+ --dt-theme-topbar-color-foreground-h: 22;
1588
+ --dt-theme-topbar-color-foreground-s: 100%;
1589
+ --dt-theme-topbar-color-foreground-l: 50%;
1590
+ --dt-theme-topbar-color-foreground-a: 100%;
1591
+ --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1592
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1593
+ --dt-theme-topbar-color-foreground: #ff5c00;
1594
+ --dt-action-color-border-muted-outlined-default-h: 22;
1595
+ --dt-action-color-border-muted-outlined-default-s: 100%;
1596
+ --dt-action-color-border-muted-outlined-default-l: 50%;
1597
+ --dt-action-color-border-muted-outlined-default-a: 100%;
1598
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1599
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1600
+ --dt-action-color-border-muted-outlined-default: #ff5c00;
1601
+ --dt-action-color-border-inverted-outlined-default-h: 22;
1602
+ --dt-action-color-border-inverted-outlined-default-s: 100%;
1603
+ --dt-action-color-border-inverted-outlined-default-l: 50%;
1604
+ --dt-action-color-border-inverted-outlined-default-a: 100%;
1605
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1606
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1607
+ --dt-action-color-border-inverted-outlined-default: #ff5c00;
1608
+ --dt-action-color-border-critical-outlined-default-h: 22;
1609
+ --dt-action-color-border-critical-outlined-default-s: 100%;
1610
+ --dt-action-color-border-critical-outlined-default-l: 50%;
1611
+ --dt-action-color-border-critical-outlined-default-a: 100%;
1612
+ --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1613
+ --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1614
+ --dt-action-color-border-critical-outlined-default: #ff5c00;
1615
+ --dt-action-color-background-positive-primary-active-h: 22;
1616
+ --dt-action-color-background-positive-primary-active-s: 100%;
1617
+ --dt-action-color-background-positive-primary-active-l: 50%;
1618
+ --dt-action-color-background-positive-primary-active-a: 100%;
1619
+ --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1620
+ --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1621
+ --dt-action-color-background-positive-primary-active: #ff5c00;
1622
+ --dt-action-color-background-positive-primary-hover-h: 22;
1623
+ --dt-action-color-background-positive-primary-hover-s: 100%;
1624
+ --dt-action-color-background-positive-primary-hover-l: 50%;
1625
+ --dt-action-color-background-positive-primary-hover-a: 100%;
1626
+ --dt-action-color-background-positive-primary-hover-hsl: var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l);
1627
+ --dt-action-color-background-positive-primary-hover-hsla: hsl(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1628
+ --dt-action-color-background-positive-primary-hover: #ff5c00;
1629
+ --dt-action-color-background-inverted-primary-active-h: 22;
1630
+ --dt-action-color-background-inverted-primary-active-s: 100%;
1631
+ --dt-action-color-background-inverted-primary-active-l: 50%;
1632
+ --dt-action-color-background-inverted-primary-active-a: 100%;
1633
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l);
1634
+ --dt-action-color-background-inverted-primary-active-hsla: hsl(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1635
+ --dt-action-color-background-inverted-primary-active: #ff5c00;
1636
+ --dt-action-color-background-inverted-primary-default-h: 22;
1637
+ --dt-action-color-background-inverted-primary-default-s: 100%;
1638
+ --dt-action-color-background-inverted-primary-default-l: 50%;
1639
+ --dt-action-color-background-inverted-primary-default-a: 100%;
1640
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1641
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1642
+ --dt-action-color-background-inverted-primary-default: #ff5c00;
1643
+ --dt-action-color-background-inverted-active-h: 22;
1644
+ --dt-action-color-background-inverted-active-s: 100%;
1645
+ --dt-action-color-background-inverted-active-l: 50%;
1646
+ --dt-action-color-background-inverted-active-a: 100%;
1647
+ --dt-action-color-background-inverted-active-hsl: var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l);
1648
+ --dt-action-color-background-inverted-active-hsla: hsl(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 30%));
1649
+ --dt-action-color-background-inverted-active: #ff5c00;
1650
+ --dt-action-color-background-inverted-hover-h: 22;
1651
+ --dt-action-color-background-inverted-hover-s: 100%;
1652
+ --dt-action-color-background-inverted-hover-l: 50%;
1653
+ --dt-action-color-background-inverted-hover-a: 100%;
1654
+ --dt-action-color-background-inverted-hover-hsl: var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l);
1655
+ --dt-action-color-background-inverted-hover-hsla: hsl(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 15%));
1656
+ --dt-action-color-background-inverted-hover: #ff5c00;
1657
+ --dt-action-color-background-critical-primary-active-h: 22;
1658
+ --dt-action-color-background-critical-primary-active-s: 100%;
1659
+ --dt-action-color-background-critical-primary-active-l: 50%;
1660
+ --dt-action-color-background-critical-primary-active-a: 100%;
1661
+ --dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l);
1662
+ --dt-action-color-background-critical-primary-active-hsla: hsl(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1663
+ --dt-action-color-background-critical-primary-active: #ff5c00;
1664
+ --dt-action-color-background-critical-primary-hover-h: 22;
1665
+ --dt-action-color-background-critical-primary-hover-s: 100%;
1666
+ --dt-action-color-background-critical-primary-hover-l: 50%;
1667
+ --dt-action-color-background-critical-primary-hover-a: 100%;
1668
+ --dt-action-color-background-critical-primary-hover-hsl: var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l);
1669
+ --dt-action-color-background-critical-primary-hover-hsla: hsl(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1670
+ --dt-action-color-background-critical-primary-hover: #ff5c00;
1671
+ --dt-action-color-background-base-primary-active-h: 22;
1672
+ --dt-action-color-background-base-primary-active-s: 100%;
1673
+ --dt-action-color-background-base-primary-active-l: 50%;
1674
+ --dt-action-color-background-base-primary-active-a: 100%;
1675
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
1676
+ --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1677
+ --dt-action-color-background-base-primary-active: #ff5c00;
1678
+ --dt-action-color-background-base-primary-hover-h: 22;
1679
+ --dt-action-color-background-base-primary-hover-s: 100%;
1680
+ --dt-action-color-background-base-primary-hover-l: 50%;
1681
+ --dt-action-color-background-base-primary-hover-a: 100%;
1682
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
1683
+ --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1684
+ --dt-action-color-background-base-primary-hover: #ff5c00;
1685
+ --dt-action-color-foreground-positive-default-h: 22;
1686
+ --dt-action-color-foreground-positive-default-s: 100%;
1687
+ --dt-action-color-foreground-positive-default-l: 50%;
1688
+ --dt-action-color-foreground-positive-default-a: 100%;
1689
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1690
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1691
+ --dt-action-color-foreground-positive-default: #ff5c00;
1692
+ --dt-action-color-foreground-disabled-default-h: 22;
1693
+ --dt-action-color-foreground-disabled-default-s: 100%;
1694
+ --dt-action-color-foreground-disabled-default-l: 50%;
1695
+ --dt-action-color-foreground-disabled-default-a: 100%;
1696
+ --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1697
+ --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1698
+ --dt-action-color-foreground-disabled-default: #ff5c00;
1699
+ --dt-action-color-foreground-muted-default-h: 22;
1700
+ --dt-action-color-foreground-muted-default-s: 100%;
1701
+ --dt-action-color-foreground-muted-default-l: 50%;
1702
+ --dt-action-color-foreground-muted-default-a: 100%;
1703
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1704
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1705
+ --dt-action-color-foreground-muted-default: #ff5c00;
1706
+ --dt-action-color-foreground-inverted-primary-active-h: 22;
1707
+ --dt-action-color-foreground-inverted-primary-active-s: 100%;
1708
+ --dt-action-color-foreground-inverted-primary-active-l: 50%;
1709
+ --dt-action-color-foreground-inverted-primary-active-a: 100%;
1710
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1711
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1712
+ --dt-action-color-foreground-inverted-primary-active: #ff5c00;
1713
+ --dt-action-color-foreground-inverted-default-h: 22;
1714
+ --dt-action-color-foreground-inverted-default-s: 100%;
1715
+ --dt-action-color-foreground-inverted-default-l: 50%;
1716
+ --dt-action-color-foreground-inverted-default-a: 100%;
1717
+ --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1718
+ --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1719
+ --dt-action-color-foreground-inverted-default: #ff5c00;
1720
+ --dt-action-color-foreground-critical-default-h: 22;
1721
+ --dt-action-color-foreground-critical-default-s: 100%;
1722
+ --dt-action-color-foreground-critical-default-l: 50%;
1723
+ --dt-action-color-foreground-critical-default-a: 100%;
1724
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1725
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1726
+ --dt-action-color-foreground-critical-default: #ff5c00;
1727
+ --dt-action-color-foreground-base-hover-h: 22;
1728
+ --dt-action-color-foreground-base-hover-s: 100%;
1729
+ --dt-action-color-foreground-base-hover-l: 50%;
1730
+ --dt-action-color-foreground-base-hover-a: 100%;
1731
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l);
1732
+ --dt-action-color-foreground-base-hover-hsla: hsl(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1733
+ --dt-action-color-foreground-base-hover: #ff5c00;
1734
+ --dt-inputs-color-border-warning-h: 22;
1735
+ --dt-inputs-color-border-warning-s: 100%;
1736
+ --dt-inputs-color-border-warning-l: 50%;
1737
+ --dt-inputs-color-border-warning-a: 100%;
1738
+ --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
1739
+ --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
1740
+ --dt-inputs-color-border-warning: #ff5c00;
1741
+ --dt-inputs-color-border-success-h: 22;
1742
+ --dt-inputs-color-border-success-s: 100%;
1743
+ --dt-inputs-color-border-success-l: 50%;
1744
+ --dt-inputs-color-border-success-a: 100%;
1745
+ --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
1746
+ --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
1747
+ --dt-inputs-color-border-success: #ff5c00;
1748
+ --dt-inputs-color-border-critical-h: 22;
1749
+ --dt-inputs-color-border-critical-s: 100%;
1750
+ --dt-inputs-color-border-critical-l: 50%;
1751
+ --dt-inputs-color-border-critical-a: 100%;
1752
+ --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
1753
+ --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
1754
+ --dt-inputs-color-border-critical: #ff5c00;
1755
+ --dt-inputs-color-border-focus-h: 22;
1756
+ --dt-inputs-color-border-focus-s: 100%;
1757
+ --dt-inputs-color-border-focus-l: 50%;
1758
+ --dt-inputs-color-border-focus-a: 100%;
1759
+ --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1760
+ --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1761
+ --dt-inputs-color-border-focus: #ff5c00;
1762
+ --dt-inputs-color-border-default-h: 22;
1763
+ --dt-inputs-color-border-default-s: 100%;
1764
+ --dt-inputs-color-border-default-l: 50%;
1765
+ --dt-inputs-color-border-default-a: 100%;
1766
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1767
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1768
+ --dt-inputs-color-border-default: #ff5c00;
1769
+ --dt-inputs-color-foreground-disabled-h: 22;
1770
+ --dt-inputs-color-foreground-disabled-s: 100%;
1771
+ --dt-inputs-color-foreground-disabled-l: 50%;
1772
+ --dt-inputs-color-foreground-disabled-a: 100%;
1773
+ --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1774
+ --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1775
+ --dt-inputs-color-foreground-disabled: #ff5c00;
1776
+ --dt-inputs-color-foreground-placeholder-h: 22;
1777
+ --dt-inputs-color-foreground-placeholder-s: 100%;
1778
+ --dt-inputs-color-foreground-placeholder-l: 50%;
1779
+ --dt-inputs-color-foreground-placeholder-a: 100%;
1780
+ --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
1781
+ --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
1782
+ --dt-inputs-color-foreground-placeholder: #ff5c00;
1783
+ --dt-inputs-color-foreground-default-h: 22;
1784
+ --dt-inputs-color-foreground-default-s: 100%;
1785
+ --dt-inputs-color-foreground-default-l: 50%;
1786
+ --dt-inputs-color-foreground-default-a: 100%;
1787
+ --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
1788
+ --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
1789
+ --dt-inputs-color-foreground-default: #ff5c00;
1790
+ --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
1791
+ --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
1792
+ --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
1793
+ --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
1794
+ --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
1795
+ --dt-typography-button-xl-line-height: var(--dt-button-line-height-xl); /* Text style for extra large button */
1796
+ --dt-typography-button-xl-font-weight: var(--dt-button-font-weight-xl); /* Text style for extra large button */
1797
+ --dt-typography-button-lg-line-height: var(--dt-button-line-height-lg); /* Text style for large button */
1798
+ --dt-typography-button-lg-font-weight: var(--dt-button-font-weight-lg); /* Text style for large button */
1799
+ --dt-typography-button-md-line-height: var(--dt-button-line-height-md); /* Text style for medium button */
1800
+ --dt-typography-button-md-font-weight: var(--dt-button-font-weight-md); /* Text style for medium button */
1801
+ --dt-typography-button-sm-line-height: var(--dt-button-line-height-sm); /* Text style for small button */
1802
+ --dt-typography-button-sm-font-weight: var(--dt-button-font-weight-sm); /* Text style for small button */
1803
+ --dt-typography-button-xs-line-height: var(--dt-button-line-height-xs); /* Text style for extra small button */
1804
+ --dt-typography-button-xs-font-weight: var(--dt-button-font-weight-xs); /* Text style for extra small button */
1805
+ --dt-typography-inputs-xl-line-height: var(--dt-inputs-line-height-xl); /* Text style for extra large inputs (e.g. input and textarea) */
1806
+ --dt-typography-inputs-xl-font-weight: var(--dt-inputs-font-weight-xl); /* Text style for extra large inputs (e.g. input and textarea) */
1807
+ --dt-typography-inputs-lg-line-height: var(--dt-inputs-line-height-lg); /* Text style for large inputs (e.g. input and textarea) */
1808
+ --dt-typography-inputs-lg-font-weight: var(--dt-inputs-font-weight-lg); /* Text style for large inputs (e.g. input and textarea) */
1809
+ --dt-typography-inputs-md-line-height: var(--dt-inputs-line-height-md); /* Text style for medium inputs (e.g. input and textarea) */
1810
+ --dt-typography-inputs-md-font-weight: var(--dt-inputs-font-weight-md); /* Text style for medium inputs (e.g. input and textarea) */
1811
+ --dt-typography-inputs-sm-line-height: var(--dt-inputs-line-height-sm); /* Text style for small inputs (e.g. input and textarea) */
1812
+ --dt-typography-inputs-sm-font-weight: var(--dt-inputs-font-weight-sm); /* Text style for small inputs (e.g. input and textarea) */
1813
+ --dt-typography-inputs-xs-line-height: var(--dt-inputs-line-height-xs); /* Text style for extra small inputs (e.g. input and textarea) */
1814
+ --dt-typography-inputs-xs-font-weight: var(--dt-inputs-font-weight-xs); /* Text style for extra small inputs (e.g. input and textarea) */
1815
+ --dt-typography-code-sm-font-size: var(--dt-font-size-100); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
1816
+ --dt-typography-code-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for monospace code snippets of technical content. */
1817
+ --dt-typography-helper-sm-font-size: var(--dt-font-size-100); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
1818
+ --dt-typography-helper-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for supplementary contextual information. */
1819
+ --dt-typography-label-sm-plain-compact-font-size: var(--dt-font-size-100); /* A non-bolded, tighter-spaced version of small label style. */
1820
+ --dt-typography-label-sm-plain-font-size: var(--dt-font-size-100); /* A non-bold version of small label style. */
1821
+ --dt-typography-label-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small label style. */
1822
+ --dt-typography-label-sm-font-size: var(--dt-font-size-100); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
1823
+ --dt-typography-label-md-plain-compact-font-size: var(--dt-font-size-200); /* A non-bolded, tighter-spaced version of medium label style. */
1824
+ --dt-typography-label-md-plain-font-size: var(--dt-font-size-200); /* A non-bold version of medium label style. */
1825
+ --dt-typography-label-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium label style. */
1826
+ --dt-typography-label-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
1827
+ --dt-typography-headline-xxl-compact-font-size: var(--dt-font-size-500); /* A tighter-spaced version of extra extra large headline style. */
1828
+ --dt-typography-headline-xxl-font-size: var(--dt-font-size-500); /* Largest text style for extra extra large content. */
1829
+ --dt-typography-headline-xl-compact-font-size: var(--dt-font-size-400); /* A tighter-spaced version of extra large headline style. */
1830
+ --dt-typography-headline-xl-font-size: var(--dt-font-size-400); /* Extra large text style for high importance headlines. */
1831
+ --dt-typography-headline-lg-soft-compact-font-size: var(--dt-font-size-300); /* A softer font weight, tighter spaced version of large headline style. */
1832
+ --dt-typography-headline-lg-compact-font-size: var(--dt-font-size-300); /* A tighter-spaced version of large body style. */
1833
+ --dt-typography-headline-lg-soft-font-size: var(--dt-font-size-300); /* A softer font weight version of large headline style. */
1834
+ --dt-typography-headline-lg-font-size: var(--dt-font-size-300); /* Large text style for headlines to attract attention. */
1835
+ --dt-typography-headline-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium headline style. */
1836
+ --dt-typography-headline-md-font-size: var(--dt-font-size-200); /* Medium-sized base text style for headlines. */
1837
+ --dt-typography-headline-sm-soft-compact-font-size: var(--dt-font-size-100); /* A softer font weight, tighter-spaced version of small headline style. */
1838
+ --dt-typography-headline-sm-soft-font-size: var(--dt-font-size-100); /* A softer font weight version of small headline style. */
1839
+ --dt-typography-headline-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small headline style. */
1840
+ --dt-typography-headline-sm-font-size: var(--dt-font-size-100); /* Smaller text size for secondary information or subheadings. */
1841
+ --dt-typography-headline-eyebrow-font-size: var(--dt-font-size-100); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
1842
+ --dt-typography-body-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small body style. */
1843
+ --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
1844
+ --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1845
+ --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1846
+ --dt-color-border-ai: #ff5c00;
1847
+ --dt-color-link-muted-hover-h: 22;
1848
+ --dt-color-link-muted-hover-s: 100%;
1849
+ --dt-color-link-muted-hover-l: 50%;
1850
+ --dt-color-link-muted-hover-a: 100%;
1851
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1852
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1853
+ --dt-color-link-muted-hover: #ff5c00;
1854
+ --dt-color-link-disabled-inverted-h: 22;
1855
+ --dt-color-link-disabled-inverted-s: 100%;
1856
+ --dt-color-link-disabled-inverted-l: 50%;
1857
+ --dt-color-link-disabled-inverted-a: 100%;
1858
+ --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1859
+ --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1860
+ --dt-color-link-disabled-inverted: #ff5c00;
1861
+ --dt-color-link-muted-inverted-h: 22;
1862
+ --dt-color-link-muted-inverted-s: 100%;
1863
+ --dt-color-link-muted-inverted-l: 50%;
1864
+ --dt-color-link-muted-inverted-a: 100%;
1865
+ --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
1866
+ --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
1867
+ --dt-color-link-muted-inverted: #ff5c00;
1868
+ --dt-color-link-warning-inverted-h: 22;
1869
+ --dt-color-link-warning-inverted-s: 100%;
1870
+ --dt-color-link-warning-inverted-l: 50%;
1871
+ --dt-color-link-warning-inverted-a: 100%;
1872
+ --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1873
+ --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1874
+ --dt-color-link-warning-inverted: #ff5c00;
1875
+ --dt-color-link-success-inverted-h: 22;
1876
+ --dt-color-link-success-inverted-s: 100%;
1877
+ --dt-color-link-success-inverted-l: 50%;
1878
+ --dt-color-link-success-inverted-a: 100%;
1879
+ --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1880
+ --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1881
+ --dt-color-link-success-inverted: #ff5c00;
1882
+ --dt-color-link-critical-inverted-h: 22;
1883
+ --dt-color-link-critical-inverted-s: 100%;
1884
+ --dt-color-link-critical-inverted-l: 50%;
1885
+ --dt-color-link-critical-inverted-a: 100%;
1886
+ --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
1887
+ --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
1888
+ --dt-color-link-critical-inverted: #ff5c00;
1889
+ --dt-color-link-disabled-h: 22;
1890
+ --dt-color-link-disabled-s: 100%;
1891
+ --dt-color-link-disabled-l: 50%;
1892
+ --dt-color-link-disabled-a: 100%;
1893
+ --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1894
+ --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1895
+ --dt-color-link-disabled: #ff5c00;
1896
+ --dt-color-link-muted-h: 22;
1897
+ --dt-color-link-muted-s: 100%;
1898
+ --dt-color-link-muted-l: 50%;
1899
+ --dt-color-link-muted-a: 100%;
1900
+ --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
1901
+ --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
1902
+ --dt-color-link-muted: #ff5c00;
1903
+ --dt-color-link-warning-h: 22;
1904
+ --dt-color-link-warning-s: 100%;
1905
+ --dt-color-link-warning-l: 50%;
1906
+ --dt-color-link-warning-a: 100%;
1907
+ --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1908
+ --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1909
+ --dt-color-link-warning: #ff5c00;
1910
+ --dt-color-link-success-h: 22;
1911
+ --dt-color-link-success-s: 100%;
1912
+ --dt-color-link-success-l: 50%;
1913
+ --dt-color-link-success-a: 100%;
1914
+ --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1915
+ --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1916
+ --dt-color-link-success: #ff5c00; /* positive */
1917
+ --dt-color-link-critical-h: 22;
1918
+ --dt-color-link-critical-s: 100%;
1919
+ --dt-color-link-critical-l: 50%;
1920
+ --dt-color-link-critical-a: 100%;
1921
+ --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1922
+ --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1923
+ --dt-color-link-critical: #ff5c00;
1924
+ --dt-color-foreground-success-strong-inverted-h: 22;
1925
+ --dt-color-foreground-success-strong-inverted-s: 100%;
1926
+ --dt-color-foreground-success-strong-inverted-l: 50%;
1927
+ --dt-color-foreground-success-strong-inverted-a: 100%;
1928
+ --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l);
1929
+ --dt-color-foreground-success-strong-inverted-hsla: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1930
+ --dt-color-foreground-success-strong-inverted: #ff5c00; /* Success strong text that sits on high-contrast surfaces or backgrounds */
1931
+ --dt-color-foreground-critical-strong-inverted-h: 22;
1932
+ --dt-color-foreground-critical-strong-inverted-s: 100%;
1933
+ --dt-color-foreground-critical-strong-inverted-l: 50%;
1934
+ --dt-color-foreground-critical-strong-inverted-a: 100%;
1935
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l);
1936
+ --dt-color-foreground-critical-strong-inverted-hsla: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1937
+ --dt-color-foreground-critical-strong-inverted: #ff5c00; /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1938
+ --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1939
+ --dt-theme-sidebar-icon-color-foreground-h: 22;
1940
+ --dt-theme-sidebar-icon-color-foreground-s: 100%;
1941
+ --dt-theme-sidebar-icon-color-foreground-l: 50%;
1942
+ --dt-theme-sidebar-icon-color-foreground-a: 100%;
1943
+ --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
1944
+ --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
1945
+ --dt-theme-sidebar-icon-color-foreground: #ff5c00;
1946
+ --dt-theme-sidebar-color-background-h: 22;
1947
+ --dt-theme-sidebar-color-background-s: 100%;
1948
+ --dt-theme-sidebar-color-background-l: 50%;
1949
+ --dt-theme-sidebar-color-background-a: 100%;
1950
+ --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
1951
+ --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
1952
+ --dt-theme-sidebar-color-background: #ff5c00;
1953
+ --dt-theme-topbar-profile-color-foreground-h: 22;
1954
+ --dt-theme-topbar-profile-color-foreground-s: 100%;
1955
+ --dt-theme-topbar-profile-color-foreground-l: 50%;
1956
+ --dt-theme-topbar-profile-color-foreground-a: 100%;
1957
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1958
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1959
+ --dt-theme-topbar-profile-color-foreground: #ff5c00;
1960
+ --dt-action-color-foreground-positive-hover-h: 22;
1961
+ --dt-action-color-foreground-positive-hover-s: 100%;
1962
+ --dt-action-color-foreground-positive-hover-l: 50%;
1963
+ --dt-action-color-foreground-positive-hover-a: 100%;
1964
+ --dt-action-color-foreground-positive-hover-hsl: var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l);
1965
+ --dt-action-color-foreground-positive-hover-hsla: hsl(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1966
+ --dt-action-color-foreground-positive-hover: #ff5c00;
1967
+ --dt-action-color-foreground-muted-hover-h: 22;
1968
+ --dt-action-color-foreground-muted-hover-s: 100%;
1969
+ --dt-action-color-foreground-muted-hover-l: 50%;
1970
+ --dt-action-color-foreground-muted-hover-a: 100%;
1971
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1972
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
1973
+ --dt-action-color-foreground-muted-hover: #ff5c00;
1974
+ --dt-action-color-foreground-inverted-hover-h: 22;
1975
+ --dt-action-color-foreground-inverted-hover-s: 100%;
1976
+ --dt-action-color-foreground-inverted-hover-l: 50%;
1977
+ --dt-action-color-foreground-inverted-hover-a: 100%;
1978
+ --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
1979
+ --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
1980
+ --dt-action-color-foreground-inverted-hover: #ff5c00;
1981
+ --dt-action-color-foreground-critical-hover-h: 22;
1982
+ --dt-action-color-foreground-critical-hover-s: 100%;
1983
+ --dt-action-color-foreground-critical-hover-l: 50%;
1984
+ --dt-action-color-foreground-critical-hover-a: 100%;
1985
+ --dt-action-color-foreground-critical-hover-hsl: var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l);
1986
+ --dt-action-color-foreground-critical-hover-hsla: hsl(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1987
+ --dt-action-color-foreground-critical-hover: #ff5c00;
1988
+ --dt-action-color-foreground-base-active-h: 22;
1989
+ --dt-action-color-foreground-base-active-s: 100%;
1990
+ --dt-action-color-foreground-base-active-l: 50%;
1991
+ --dt-action-color-foreground-base-active-a: 100%;
1992
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
1993
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
1994
+ --dt-action-color-foreground-base-active: #ff5c00;
1995
+ --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
1996
+ --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
1997
+ --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
1998
+ --dt-typography-button-sm-font-size: var(--dt-button-font-size-sm); /* Text style for small button */
1999
+ --dt-typography-button-xs-font-size: var(--dt-button-font-size-xs); /* Text style for extra small button */
2000
+ --dt-typography-inputs-xl-font-size: var(--dt-inputs-font-size-xl); /* Text style for extra large inputs (e.g. input and textarea) */
2001
+ --dt-typography-inputs-lg-font-size: var(--dt-inputs-font-size-lg); /* Text style for large inputs (e.g. input and textarea) */
2002
+ --dt-typography-inputs-md-font-size: var(--dt-inputs-font-size-md); /* Text style for medium inputs (e.g. input and textarea) */
2003
+ --dt-typography-inputs-sm-font-size: var(--dt-inputs-font-size-sm); /* Text style for small inputs (e.g. input and textarea) */
2004
+ --dt-typography-inputs-xs-font-size: var(--dt-inputs-font-size-xs);
2005
+ --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
2006
+ --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
2007
+ --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
2008
+ --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
2009
+ --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
2010
+ --dt-typography-button-xs: var(--dt-typography-button-xs-font-weight) var(--dt-typography-button-xs-font-size)/var(--dt-typography-button-xs-line-height) var(--dt-typography-button-xs-font-family);
2011
+ --dt-typography-button-sm: var(--dt-typography-button-sm-font-weight) var(--dt-typography-button-sm-font-size)/var(--dt-typography-button-sm-line-height) var(--dt-typography-button-sm-font-family);
2012
+ --dt-typography-button-md: var(--dt-typography-button-md-font-weight) var(--dt-typography-button-md-font-size)/var(--dt-typography-button-md-line-height) var(--dt-typography-button-md-font-family);
2013
+ --dt-typography-button-lg: var(--dt-typography-button-lg-font-weight) var(--dt-typography-button-lg-font-size)/var(--dt-typography-button-lg-line-height) var(--dt-typography-button-lg-font-family);
2014
+ --dt-typography-button-xl: var(--dt-typography-button-xl-font-weight) var(--dt-typography-button-xl-font-size)/var(--dt-typography-button-xl-line-height) var(--dt-typography-button-xl-font-family);
2015
+ --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family);
2016
+ --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
2017
+ --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
2018
+ --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
2019
+ --dt-typography-headline-eyebrow: var(--dt-typography-headline-eyebrow-font-weight) var(--dt-typography-headline-eyebrow-font-size)/var(--dt-typography-headline-eyebrow-line-height) var(--dt-typography-headline-eyebrow-font-family);
2020
+ --dt-typography-headline-sm: var(--dt-typography-headline-sm-font-weight) var(--dt-typography-headline-sm-font-size)/var(--dt-typography-headline-sm-line-height) var(--dt-typography-headline-sm-font-family);
2021
+ --dt-typography-headline-sm-compact: var(--dt-typography-headline-sm-compact-font-weight) var(--dt-typography-headline-sm-compact-font-size)/var(--dt-typography-headline-sm-compact-line-height) var(--dt-typography-headline-sm-compact-font-family);
2022
+ --dt-typography-headline-sm-soft: var(--dt-typography-headline-sm-soft-font-weight) var(--dt-typography-headline-sm-soft-font-size)/var(--dt-typography-headline-sm-soft-line-height) var(--dt-typography-headline-sm-soft-font-family);
2023
+ --dt-typography-headline-sm-soft-compact: var(--dt-typography-headline-sm-soft-compact-font-weight) var(--dt-typography-headline-sm-soft-compact-font-size)/var(--dt-typography-headline-sm-soft-compact-line-height) var(--dt-typography-headline-sm-soft-compact-font-family);
2024
+ --dt-typography-headline-md: var(--dt-typography-headline-md-font-weight) var(--dt-typography-headline-md-font-size)/var(--dt-typography-headline-md-line-height) var(--dt-typography-headline-md-font-family);
2025
+ --dt-typography-headline-md-compact: var(--dt-typography-headline-md-compact-font-weight) var(--dt-typography-headline-md-compact-font-size)/var(--dt-typography-headline-md-compact-line-height) var(--dt-typography-headline-md-compact-font-family);
2026
+ --dt-typography-headline-lg: var(--dt-typography-headline-lg-font-weight) var(--dt-typography-headline-lg-font-size)/var(--dt-typography-headline-lg-line-height) var(--dt-typography-headline-lg-font-family);
2027
+ --dt-typography-headline-lg-soft: var(--dt-typography-headline-lg-soft-font-weight) var(--dt-typography-headline-lg-soft-font-size)/var(--dt-typography-headline-lg-soft-line-height) var(--dt-typography-headline-lg-soft-font-family);
2028
+ --dt-typography-headline-lg-compact: var(--dt-typography-headline-lg-compact-font-weight) var(--dt-typography-headline-lg-compact-font-size)/var(--dt-typography-headline-lg-compact-line-height) var(--dt-typography-headline-lg-compact-font-family);
2029
+ --dt-typography-headline-lg-soft-compact: var(--dt-typography-headline-lg-soft-compact-font-weight) var(--dt-typography-headline-lg-soft-compact-font-size)/var(--dt-typography-headline-lg-soft-compact-line-height) var(--dt-typography-headline-lg-soft-compact-font-family);
2030
+ --dt-typography-headline-xl: var(--dt-typography-headline-xl-font-weight) var(--dt-typography-headline-xl-font-size)/var(--dt-typography-headline-xl-line-height) var(--dt-typography-headline-xl-font-family);
2031
+ --dt-typography-headline-xl-compact: var(--dt-typography-headline-xl-compact-font-weight) var(--dt-typography-headline-xl-compact-font-size)/var(--dt-typography-headline-xl-compact-line-height) var(--dt-typography-headline-xl-compact-font-family);
2032
+ --dt-typography-headline-xxl: var(--dt-typography-headline-xxl-font-weight) var(--dt-typography-headline-xxl-font-size)/var(--dt-typography-headline-xxl-line-height) var(--dt-typography-headline-xxl-font-family);
2033
+ --dt-typography-headline-xxl-compact: var(--dt-typography-headline-xxl-compact-font-weight) var(--dt-typography-headline-xxl-compact-font-size)/var(--dt-typography-headline-xxl-compact-line-height) var(--dt-typography-headline-xxl-compact-font-family);
2034
+ --dt-typography-label-md: var(--dt-typography-label-md-font-weight) var(--dt-typography-label-md-font-size)/var(--dt-typography-label-md-line-height) var(--dt-typography-label-md-font-family);
2035
+ --dt-typography-label-md-compact: var(--dt-typography-label-md-compact-font-weight) var(--dt-typography-label-md-compact-font-size)/var(--dt-typography-label-md-compact-line-height) var(--dt-typography-label-md-compact-font-family);
2036
+ --dt-typography-label-md-plain: var(--dt-typography-label-md-plain-font-weight) var(--dt-typography-label-md-plain-font-size)/var(--dt-typography-label-md-plain-line-height) var(--dt-typography-label-md-plain-font-family);
2037
+ --dt-typography-label-md-plain-compact: var(--dt-typography-label-md-plain-compact-font-weight) var(--dt-typography-label-md-plain-compact-font-size)/var(--dt-typography-label-md-plain-compact-line-height) var(--dt-typography-label-md-plain-compact-font-family);
2038
+ --dt-typography-label-sm: var(--dt-typography-label-sm-font-weight) var(--dt-typography-label-sm-font-size)/var(--dt-typography-label-sm-line-height) var(--dt-typography-label-sm-font-family);
2039
+ --dt-typography-label-sm-compact: var(--dt-typography-label-sm-compact-font-weight) var(--dt-typography-label-sm-compact-font-size)/var(--dt-typography-label-sm-compact-line-height) var(--dt-typography-label-sm-compact-font-family);
2040
+ --dt-typography-label-sm-plain: var(--dt-typography-label-sm-plain-font-weight) var(--dt-typography-label-sm-plain-font-size)/var(--dt-typography-label-sm-plain-line-height) var(--dt-typography-label-sm-plain-font-family);
2041
+ --dt-typography-label-sm-plain-compact: var(--dt-typography-label-sm-plain-compact-font-weight) var(--dt-typography-label-sm-plain-compact-font-size)/var(--dt-typography-label-sm-plain-compact-line-height) var(--dt-typography-label-sm-plain-compact-font-family);
2042
+ --dt-typography-helper-md: var(--dt-typography-helper-md-font-weight) var(--dt-typography-helper-md-font-size)/var(--dt-typography-helper-md-line-height) var(--dt-typography-helper-md-font-family);
2043
+ --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
2044
+ --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
2045
+ --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
2046
+ --dt-color-link-disabled-inverted-hover-h: 22;
2047
+ --dt-color-link-disabled-inverted-hover-s: 100%;
2048
+ --dt-color-link-disabled-inverted-hover-l: 50%;
2049
+ --dt-color-link-disabled-inverted-hover-a: 100%;
2050
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
2051
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
2052
+ --dt-color-link-disabled-inverted-hover: #ff5c00;
2053
+ --dt-color-link-success-inverted-hover-h: 22;
2054
+ --dt-color-link-success-inverted-hover-s: 100%;
2055
+ --dt-color-link-success-inverted-hover-l: 50%;
2056
+ --dt-color-link-success-inverted-hover-a: 100%;
2057
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2058
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2059
+ --dt-color-link-success-inverted-hover: #ff5c00;
2060
+ --dt-color-link-critical-inverted-hover-h: 22;
2061
+ --dt-color-link-critical-inverted-hover-s: 100%;
2062
+ --dt-color-link-critical-inverted-hover-l: 50%;
2063
+ --dt-color-link-critical-inverted-hover-a: 100%;
2064
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2065
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2066
+ --dt-color-link-critical-inverted-hover: #ff5c00;
2067
+ --dt-color-link-disabled-hover-h: 22;
2068
+ --dt-color-link-disabled-hover-s: 100%;
2069
+ --dt-color-link-disabled-hover-l: 50%;
2070
+ --dt-color-link-disabled-hover-a: 100%;
2071
+ --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2072
+ --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2073
+ --dt-color-link-disabled-hover: #ff5c00;
2074
+ --dt-action-color-foreground-positive-active-h: 22;
2075
+ --dt-action-color-foreground-positive-active-s: 100%;
2076
+ --dt-action-color-foreground-positive-active-l: 50%;
2077
+ --dt-action-color-foreground-positive-active-a: 100%;
2078
+ --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2079
+ --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
2080
+ --dt-action-color-foreground-positive-active: #ff5c00;
2081
+ --dt-action-color-foreground-muted-active-h: 22;
2082
+ --dt-action-color-foreground-muted-active-s: 100%;
2083
+ --dt-action-color-foreground-muted-active-l: 50%;
2084
+ --dt-action-color-foreground-muted-active-a: 100%;
2085
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2086
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2087
+ --dt-action-color-foreground-muted-active: #ff5c00;
2088
+ --dt-action-color-foreground-inverted-active-h: 22;
2089
+ --dt-action-color-foreground-inverted-active-s: 100%;
2090
+ --dt-action-color-foreground-inverted-active-l: 50%;
2091
+ --dt-action-color-foreground-inverted-active-a: 100%;
2092
+ --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
2093
+ --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
2094
+ --dt-action-color-foreground-inverted-active: #ff5c00;
2095
+ --dt-action-color-foreground-critical-active-h: 22;
2096
+ --dt-action-color-foreground-critical-active-s: 100%;
2097
+ --dt-action-color-foreground-critical-active-l: 50%;
2098
+ --dt-action-color-foreground-critical-active-a: 100%;
2099
+ --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2100
+ --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2101
+ --dt-action-color-foreground-critical-active: #ff5c00;
2102
+ --dt-font-size-100-mobile: 1.2rem;
2103
+ --dt-font-size-200-mobile: 1.6rem;
2104
+ --dt-font-size-300-mobile: 2rem;
2105
+ --dt-font-size-400-mobile: 2.9rem;
2106
+ --dt-font-size-500-mobile: 4.1rem;
2107
+ --dt-font-size-100-tc8: 1.7rem;
2108
+ --dt-font-size-200-tc8: 2.1rem;
2109
+ --dt-font-size-300-tc8: 2.7rem;
2110
+ --dt-font-size-400-tc8: 3.8rem;
2111
+ --dt-font-size-500-tc8: 5.4rem;
2112
+ --dt-font-size-100-tv: 2.5rem;
2113
+ --dt-font-size-200-tv: 3.2rem;
2114
+ --dt-font-size-300-tv: 4.1rem;
2115
+ --dt-font-size-400-tv: 5.8rem;
2116
+ --dt-font-size-500-tv: 8.2rem;
2117
+ --zi-hide: -1;
2118
+ --zi-base: 0;
2119
+ --zi-base1: 1;
2120
+ --zi-selected: 25;
2121
+ --zi-active: 50;
2122
+ --zi-navigation: 100;
2123
+ --zi-navigation-fixed: 150;
2124
+ --zi-dropdown: 200;
2125
+ --zi-popover: 300;
2126
+ --zi-tooltip: 400;
2127
+ --zi-drawer: 500;
2128
+ --zi-modal: 600;
2129
+ --zi-modal-element: 650;
2130
+ --zi-notification: 700;
2131
+ }