@dialpad/dialtone-tokens 1.22.0 → 1.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/android/java/tokens-dark.kt +9 -7
  2. package/dist/android/java/tokens-light.kt +13 -11
  3. package/dist/android/res/values/colors-dark.xml +46 -46
  4. package/dist/android/res/values/colors-light.xml +9 -9
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +704 -704
  7. package/dist/css/variables-light.css +559 -559
  8. package/dist/doc.json +37230 -16184
  9. package/dist/ios/tokens-dark.swift +5 -5
  10. package/dist/ios/tokens-light.swift +9 -9
  11. package/dist/less/variables-dark.less +704 -704
  12. package/dist/less/variables-light.less +559 -559
  13. package/dist/tokens-dark.json +349 -349
  14. package/dist/tokens-light.json +274 -274
  15. package/package.json +9 -7
package/dist/css/variables-dark.css CHANGED
@@ -1,491 +1,229 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Aug 2023 17:38:19 GMT
3
+ * Generated on Fri, 08 Sep 2023 20:38:02 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
7
- --dt-radio-color-border-unchecked: #808080;
8
- --dt-radio-color-border-checked: #7C52FF;
9
- --dt-radio-color-background-checked: #7C52FF;
10
- --dt-radio-size-width: 1.6rem;
11
- --dt-radio-size-height: 1.6rem;
12
- --dt-radio-size-radius: 50%;
13
- --dt-icon-size-100: 1.2rem;
14
- --dt-icon-size-200: 1.4rem;
15
- --dt-icon-size-300: 1.8rem;
16
- --dt-icon-size-400: 2rem;
17
- --dt-icon-size-500: 2.4rem;
18
- --dt-icon-size-600: 3.2rem;
19
- --dt-icon-size-700: 3.8rem;
20
- --dt-icon-size-800: 4.8rem;
21
- --dt-icon-size-border-100: 0.1rem;
22
- --dt-icon-size-border-200: 0.125rem;
23
- --dt-icon-size-border-300: 0.15rem;
24
- --dt-icon-size-border-400: 0.175rem;
25
- --dt-icon-size-border-500: 0.175rem;
26
- --dt-icon-size-border-600: 0.25rem;
27
- --dt-icon-size-border-700: 0.275rem;
28
- --dt-icon-size-border-800: 0.35rem;
29
- --dt-checkbox-color-border-unchecked: #808080;
30
- --dt-checkbox-color-border-checked: #7C52FF;
31
- --dt-checkbox-color-background-checked: #7C52FF;
32
- --dt-checkbox-size-width: 1.6rem;
33
- --dt-checkbox-size-height: 1.6rem;
34
- --dt-checkbox-size-radius: 0.4rem;
35
- --dt-badge-color-background-default: #e6e6e626;
36
- --dt-badge-color-background-info: #01326D;
37
- --dt-badge-color-background-success: #124620;
38
- --dt-badge-color-background-warning: #815008;
39
- --dt-badge-color-background-critical: #5B0505;
40
- --dt-badge-color-background-bulletin: #7C52FF;
41
- --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
42
- --dt-badge-color-foreground-default: #E6E6E6;
43
- --dt-badge-color-foreground-bulletin: #ffffff;
44
- --dt-avatar-color-foreground: #000000;
45
- --dt-avatar-color-background-100: #1aa340;
46
- --dt-avatar-color-background-200: #aaff83;
47
- --dt-avatar-color-background-300: #adea88;
48
- --dt-avatar-color-background-400: #77eca6;
49
- --dt-avatar-color-background-500: #7aedbd;
50
- --dt-avatar-color-background-600: #77deec;
51
- --dt-avatar-color-background-700: #5ed8ff;
52
- --dt-avatar-color-background-800: #99e7ff;
53
- --dt-avatar-color-background-900: #51a0fe;
54
- --dt-avatar-color-background-1000: #b6cfff;
55
- --dt-avatar-color-background-1100: #f1b7e8;
56
- --dt-avatar-color-background-1200: #ec77bd;
57
- --dt-avatar-color-background-1300: #ff67be;
58
- --dt-avatar-color-background-1400: #f87e7e;
59
- --dt-avatar-color-background-1500: #eca877;
60
- --dt-avatar-color-background-1600: #ffbe41;
61
- --dt-avatar-color-background-1700: #ffd646;
62
- --dt-avatar-color-background-1800: #f1dab7;
63
- --dt-avatar-color-background-000: #e0e0e0;
64
- --dt-color-foreground-primary: #e6e6e6;
65
- --dt-color-foreground-secondary: #c2c2c2;
66
- --dt-color-foreground-tertiary: #aaaaaa;
67
- --dt-color-foreground-muted: rgba(212, 212, 212, 0.6);
68
- --dt-color-foreground-placeholder: #aaaaaa;
69
- --dt-color-foreground-disabled: #aaaaaa;
70
- --dt-color-foreground-critical: #ff8585;
71
- --dt-color-foreground-critical-strong: #ffa4a4;
72
- --dt-color-foreground-success: #b0ffa3;
73
- --dt-color-foreground-success-strong: #cbffc3;
74
- --dt-color-foreground-warning: #ffdb80;
75
- --dt-color-foreground-primary-inverted: #000000;
76
- --dt-color-foreground-secondary-inverted: #3a3a3a;
77
- --dt-color-foreground-tertiary-inverted: #555555;
78
- --dt-color-foreground-muted-inverted: rgba(38, 38, 38, 0.6);
79
- --dt-color-foreground-placeholder-inverted: #808080;
80
- --dt-color-foreground-disabled-inverted: #808080;
81
- --dt-color-foreground-critical-inverted: #ec0e0e;
82
- --dt-color-foreground-critical-strong-inverted: #b70b0b;
83
- --dt-color-foreground-success-inverted: #1aa340;
84
- --dt-color-foreground-success-strong-inverted: #124620;
85
- --dt-color-foreground-warning-inverted: #815008;
86
- --dt-color-link-primary: #b790ff;
87
- --dt-color-link-critical: #ff8585;
88
- --dt-color-link-success: #b0ffa3;
89
- --dt-color-link-warning: #ffdb80;
90
- --dt-color-link-disabled: #aaaaaa;
91
- --dt-color-link-primary-hover: #dac7ff;
92
- --dt-color-link-critical-hover: #ffe5e6;
93
- --dt-color-link-success-hover: #edf9eb;
94
- --dt-color-link-warning-hover: #fff4cc;
95
- --dt-color-link-disabled-hover: #aaaaaa;
96
- --dt-color-link-primary-inverted: #7c52ff;
97
- --dt-color-link-primary-inverted-hover: #3a1d95;
98
- --dt-color-link-critical-inverted: #ec0e0e;
99
- --dt-color-link-critical-inverted-hover: #b70b0b;
100
- --dt-color-link-success-inverted: #1aa340;
101
- --dt-color-link-success-inverted-hover: #124620;
102
- --dt-color-link-warning-inverted: #815008;
103
- --dt-color-link-warning-inverted-hover: #262626;
104
- --dt-color-link-disabled-inverted: #808080;
105
- --dt-color-link-disabled-inverted-hover: #808080;
106
- --dt-color-link-muted: #c2c2c2;
107
- --dt-color-link-muted-inverted: #3a3a3a;
108
- --dt-color-link-muted-hover: #e6e6e6;
109
- --dt-color-link-muted-inverted-hover: #000000;
110
- --dt-color-surface-primary: #1f1f1f;
111
- --dt-color-surface-secondary: #262626;
112
- --dt-color-surface-moderate: #3a3a3a;
113
- --dt-color-surface-bold: #555555;
114
- --dt-color-surface-strong: #aaaaaa;
115
- --dt-color-surface-contrast: #e6e6e6;
116
- --dt-color-surface-critical: #5b0505;
117
- --dt-color-surface-critical-subtle: #2d0202;
118
- --dt-color-surface-warning: #815008;
119
- --dt-color-surface-warning-subtle: #402804;
120
- --dt-color-surface-success: #124620;
121
- --dt-color-surface-success-subtle: #092310;
122
- --dt-color-surface-info: #01326d;
123
- --dt-color-surface-info-subtle: #011e41;
124
- --dt-color-surface-secondary-opaque: rgba(230, 230, 230, 0.06);
125
- --dt-color-surface-moderate-opaque: rgba(230, 230, 230, 0.15);
126
- --dt-color-surface-bold-opaque: rgba(230, 230, 230, 0.27);
127
- --dt-color-surface-strong-opaque: rgba(230, 230, 230, 0.65);
128
- --dt-color-surface-contrast-opaque: rgba(230, 230, 230, 0.96);
129
- --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
130
- --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
131
- --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
132
- --dt-color-surface-warning-subtle-opaque: rgba(64, 40, 4, 0.5);
133
- --dt-color-surface-success-opaque: rgba(26, 163, 65, 0.26);
134
- --dt-color-surface-success-subtle-opaque: rgba(9, 35, 16, 0.5);
135
- --dt-color-surface-info-opaque: rgba(23, 105, 198, 0.29);
136
- --dt-color-surface-info-subtle-opaque: rgba(1, 30, 65, 0.5);
137
- --dt-color-surface-backdrop: rgba(0, 0, 0, 0.7);
138
- --dt-color-surface-critical-strong: #ff8585;
139
- --dt-color-surface-warning-strong: #d28f2b;
140
- --dt-color-surface-success-strong: #b0ffa3;
141
- --dt-color-surface-info-strong: #99c8ff;
142
- --dt-color-border-subtle: rgba(255, 255, 255, 0.14);
143
- --dt-color-border-default: rgba(255, 255, 255, 0.22);
144
- --dt-color-border-moderate: rgba(255, 255, 255, 0.36);
145
- --dt-color-border-bold: rgba(255, 255, 255, 0.5);
146
- --dt-color-border-subtle-inverted: rgba(0, 0, 0, 0.1);
147
- --dt-color-border-default-inverted: rgba(0, 0, 0, 0.18);
148
- --dt-color-border-moderate-inverted: rgba(0, 0, 0, 0.34);
149
- --dt-color-border-bold-inverted: rgba(0, 0, 0, 0.5);
150
- --dt-color-border-focus: #51a0fe;
151
- --dt-color-border-critical: #ff8585;
152
- --dt-color-border-critical-inverted: #ec0e0e;
153
- --dt-color-border-critical-strong: #ffe5e6;
154
- --dt-color-border-success: #b0ffa3;
155
- --dt-color-border-success-inverted: #1aa340;
156
- --dt-color-border-warning: #ffdb80;
157
- --dt-color-border-warning-inverted: #d28f2b;
158
- --dt-color-border-warning-strong: #fff4cc;
159
- --dt-color-border-brand-inverted: #7c52ff;
160
- --dt-color-border-critical-subtle-inverted: #ff8585;
161
- --dt-color-border-success-subtle-inverted: #b0ffa3;
162
- --dt-color-border-warning-subtle-inverted: #ffdb80;
163
- --dt-color-border-brand-subtle-inverted: #dac7ff;
164
- --dt-color-border-critical-strong-inverted: #b70b0b;
165
- --dt-color-border-success-strong-inverted: #124620;
166
- --dt-color-border-warning-strong-inverted: #815008;
167
- --dt-color-border-brand-strong-inverted: #3a1d95;
168
- --dt-color-border-brand: #7c52ff;
169
- --dt-color-border-ai: #000000;
170
- --dt-color-border-accent: #f9008e;
171
- --dt-color-border-critical-subtle: #b70b0b;
172
- --dt-color-border-success-subtle: #1aa340;
173
- --dt-color-border-success-strong: #edf9eb;
174
- --dt-color-border-warning-subtle: #d28f2b;
175
- --dt-color-border-brand-subtle: #3a1d95;
176
- --dt-color-border-brand-strong: #dac7ff;
7
+ --dt-color-neutral-white: #ffffff;
8
+ --dt-color-neutral-black: #000000;
9
+ --dt-color-neutral-transparent: transparent;
177
10
  --dt-color-black-100: #000000;
178
11
  --dt-color-black-200: #262626;
179
- --dt-color-black-300: #3a3a3a;
12
+ --dt-color-black-300: #3A3A3A;
180
13
  --dt-color-black-400: #555555;
181
14
  --dt-color-black-500: #808080;
182
- --dt-color-black-600: #aaaaaa;
183
- --dt-color-black-700: #c2c2c2;
184
- --dt-color-black-800: #d4d4d4;
185
- --dt-color-black-900: #e6e6e6;
186
- --dt-color-purple-100: #10022c;
187
- --dt-color-purple-200: #3a1d95;
188
- --dt-color-purple-300: #7c52ff;
189
- --dt-color-purple-400: #ab7eff;
190
- --dt-color-purple-500: #dac7ff;
191
- --dt-color-purple-600: #f5f0ff;
192
- --dt-color-blue-100: #01326d;
193
- --dt-color-blue-200: #1768c6;
194
- --dt-color-blue-300: #51a0fe;
195
- --dt-color-blue-400: #99c8ff;
196
- --dt-color-blue-500: #eaf2fa;
197
- --dt-color-magenta-100: #541a3b;
198
- --dt-color-magenta-200: #8c0e56;
199
- --dt-color-magenta-300: #f9008e;
200
- --dt-color-magenta-400: #f985c7;
201
- --dt-color-magenta-500: #ffe0f2;
202
- --dt-color-gold-100: #815008;
203
- --dt-color-gold-200: #d28f2b;
204
- --dt-color-gold-300: #f6ab3c;
205
- --dt-color-gold-400: #ffdb80;
206
- --dt-color-gold-500: #fff4cc;
15
+ --dt-color-black-600: #AAAAAA;
16
+ --dt-color-black-700: #C2C2C2;
17
+ --dt-color-black-800: #D4D4D4;
18
+ --dt-color-black-900: #E6E6E6;
19
+ --dt-color-purple-100: #10022C;
20
+ --dt-color-purple-200: #3A1D95;
21
+ --dt-color-purple-300: #7C52FF;
22
+ --dt-color-purple-400: #AB7EFF;
23
+ --dt-color-purple-500: #DAC7FF;
24
+ --dt-color-purple-600: #F5F0FF;
25
+ --dt-color-blue-100: #01326D;
26
+ --dt-color-blue-200: #1768C6;
27
+ --dt-color-blue-300: #51A0FE;
28
+ --dt-color-blue-400: #99C8FF;
29
+ --dt-color-blue-500: #EAF2FA;
30
+ --dt-color-magenta-100: #541A3B; /* aka pink */
31
+ --dt-color-magenta-200: #8C0E56; /* aka pink */
32
+ --dt-color-magenta-300: #F9008E; /* aka pink */
33
+ --dt-color-magenta-400: #F985C7; /* aka pink */
34
+ --dt-color-magenta-500: #FFE0F2; /* aka pink */
35
+ --dt-color-gold-100: #815008; /* aka yellow */
36
+ --dt-color-gold-200: #D28F2B; /* aka yellow */
37
+ --dt-color-gold-300: #F6AB3C; /* aka yellow */
38
+ --dt-color-gold-400: #FFDB80; /* aka yellow */
39
+ --dt-color-gold-500: #FFF4CC; /* aka yellow */
207
40
  --dt-color-green-100: #124620;
208
- --dt-color-green-200: #1aa340;
209
- --dt-color-green-300: #45f777;
210
- --dt-color-green-400: #b0ffa3;
211
- --dt-color-green-500: #edf9eb;
212
- --dt-color-red-100: #5b0505;
213
- --dt-color-red-200: #b70b0b;
214
- --dt-color-red-300: #ec0e0e;
215
- --dt-color-red-400: #ff8585;
216
- --dt-color-red-500: #ffe5e6;
41
+ --dt-color-green-200: #1AA340;
42
+ --dt-color-green-300: #45F777;
43
+ --dt-color-green-400: #B0FFA3;
44
+ --dt-color-green-500: #EDF9EB;
45
+ --dt-color-red-100: #5B0505;
46
+ --dt-color-red-200: #B70B0B;
47
+ --dt-color-red-300: #EC0E0E;
48
+ --dt-color-red-400: #FF8585;
49
+ --dt-color-red-500: #FFE5E6;
217
50
  --dt-color-tan-100: #121212;
218
- --dt-color-tan-200: #3f3d3c;
219
- --dt-color-tan-300: #87807b;
220
- --dt-color-tan-400: #cec8c4;
221
- --dt-color-tan-500: #f2f0ee;
222
- --dt-color-neutral-white: #ffffff;
223
- --dt-color-neutral-black: #000000;
224
- --dt-color-neutral-transparent: rgba(0, 0, 0, 0);
225
- --dt-color-gradient-magenta-purple: #000000;
226
- --dt-color-brand-purple: #7c52ff;
227
- --dt-color-brand-magenta: #f9008e;
228
- --dt-inputs-color-foreground-default: #E6E6E6;
229
- --dt-inputs-color-foreground-placeholder: #AAAAAA;
230
- --dt-inputs-color-foreground-disabled: #AAAAAA;
231
- --dt-inputs-color-border-focus: #51A0FE;
232
- --dt-inputs-color-border-critical: #FF8585;
233
- --dt-inputs-color-border-success: #B0FFA3;
234
- --dt-inputs-color-border-warning: #FFDB80;
235
- --dt-inputs-color-border-disabled: transparent;
236
- --dt-inputs-color-border-default: #ffffff24;
237
- --dt-inputs-color-background-default: #e6e6e60f;
238
- --dt-inputs-color-background-focus: #e6e6e608;
239
- --dt-inputs-color-background-disabled: #e6e6e626;
240
- --dt-inputs-size-border-default: 0.15rem;
241
- --dt-inputs-size-border-status: 0.2rem;
242
- --dt-inputs-size-radius-xs: 0.4rem;
243
- --dt-inputs-size-radius-sm: 0.8rem;
244
- --dt-inputs-size-radius-md: 0.8rem;
245
- --dt-inputs-size-radius-lg: 1.2rem;
246
- --dt-inputs-size-radius-xl: 1.6rem;
247
- --dt-inputs-line-height-default: 1.2;
248
- --dt-inputs-font-size-xs: 1.2rem;
249
- --dt-inputs-font-size-sm: 1.2rem;
250
- --dt-inputs-font-size-md: 1.5rem;
251
- --dt-inputs-font-size-lg: 1.9rem;
252
- --dt-inputs-font-size-xl: 2.7rem;
253
- --dt-action-color-foreground-base-hover: #be97ff;
254
- --dt-action-color-foreground-base-default: #AB7EFF;
255
- --dt-action-color-foreground-base-active: #be97ff;
256
- --dt-action-color-foreground-base-primary-default: #ffffff;
257
- --dt-action-color-foreground-critical-hover: #ffa5a2;
258
- --dt-action-color-foreground-critical-default: #FF8585;
259
- --dt-action-color-foreground-critical-active: #ffa5a2;
260
- --dt-action-color-foreground-critical-primary-default: #ffffff;
261
- --dt-action-color-foreground-inverted-default: #000000;
262
- --dt-action-color-foreground-inverted-hover: #000000;
263
- --dt-action-color-foreground-inverted-active: #000000;
264
- --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
265
- --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
266
- --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
267
- --dt-action-color-foreground-muted-default: #C2C2C2;
268
- --dt-action-color-foreground-muted-hover: #C2C2C2;
269
- --dt-action-color-foreground-muted-active: #C2C2C2;
270
- --dt-action-color-foreground-disabled-default: #AAAAAA;
271
- --dt-action-color-background-base-hover: #ab7eff1a;
272
- --dt-action-color-background-base-active: #ab7eff33;
273
- --dt-action-color-background-base-default: transparent;
274
- --dt-action-color-background-base-primary-default: #7C52FF;
275
- --dt-action-color-background-base-primary-hover: #6533FF;
276
- --dt-action-color-background-base-primary-active: #4D14FF;
277
- --dt-action-color-background-critical-hover: #ec0e0e33;
278
- --dt-action-color-background-critical-active: #ec0e0e4d;
279
- --dt-action-color-background-critical-default: transparent;
280
- --dt-action-color-background-critical-primary-default: #EC0E0E;
281
- --dt-action-color-background-critical-primary-hover: #D90D0D;
282
- --dt-action-color-background-critical-primary-active: #C50C0C;
283
- --dt-action-color-background-inverted-primary-active: #3A1D95;
284
- --dt-action-color-background-inverted-primary-default: #1f1f1f;
285
- --dt-action-color-background-inverted-primary-hover: #10022C;
286
- --dt-action-color-background-inverted-default: transparent;
287
- --dt-action-color-background-inverted-hover: #1f1f1f26;
288
- --dt-action-color-background-inverted-active: #1f1f1f4d;
289
- --dt-action-color-background-muted-default: transparent;
290
- --dt-action-color-background-muted-hover: #d4d4d41a;
291
- --dt-action-color-background-muted-active: #d4d4d429;
292
- --dt-action-color-background-disabled-default: #3A3A3A;
293
- --dt-action-color-border-base-outlined-default: #AB7EFF;
294
- --dt-action-color-border-critical-outlined-default: #FF8585;
295
- --dt-action-color-border-inverted-outlined-default: #000000;
296
- --dt-action-color-border-muted-outlined-default: #AAAAAA;
297
- --dt-theme-topbar-field-color-background-hover: #000;
298
- --dt-theme-topbar-field-color-foreground: #e6e6e680;
299
- --dt-theme-topbar-field-color-foreground-hover: #e6e6e6bf;
300
- --dt-theme-topbar-field-color-background: #e6e6e60d;
301
- --dt-theme-topbar-field-color-border: #e6e6e600;
302
- --dt-theme-topbar-field-color-border-hover: #e6e6e61a;
303
- --dt-theme-topbar-field-color-border-active: #e6e6e633;
304
- --dt-theme-topbar-button-color-background-hover: #e6e6e626;
305
- --dt-theme-topbar-button-color-foreground: #e6e6e6a6;
306
- --dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
307
- --dt-theme-topbar-button-color-background: #e6e6e600;
308
- --dt-theme-topbar-button-color-background-active: #e6e6e61a;
309
- --dt-theme-topbar-color-foreground: #e6e6e6bf;
310
- --dt-theme-topbar-color-background: #262626;
311
- --dt-theme-topbar-profile-color-foreground: #e6e6e6bf;
312
- --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
313
- --dt-theme-topbar-profile-color-background: #e6e6e60d;
314
- --dt-theme-topbar-profile-color-background-inverted: #e6e6e6bf;
315
- --dt-theme-topbar-profile-color-background-hover: #e6e6e61a;
316
- --dt-theme-topbar-profile-color-background-active: #e6e6e624;
317
- --dt-theme-sidebar-row-color-background-hover: #e6e6e62e;
318
- --dt-theme-sidebar-row-color-background-active: #e6e6e63d;
319
- --dt-theme-sidebar-row-color-background: #e6e6e600;
320
- --dt-theme-sidebar-selected-row-color-background: #e6e6e633;
321
- --dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
322
- --dt-theme-sidebar-color-foreground: #C2C2C2;
323
- --dt-theme-sidebar-color-foreground-unread: #E6E6E6;
324
- --dt-theme-sidebar-color-background: #262626;
325
- --dt-theme-sidebar-icon-color-foreground: #C2C2C2;
326
- --dt-theme-sidebar-status-color-foreground: #AAAAAA;
327
- --dt-theme-sidebar-section-color-foreground: #AAAAAA;
328
- --dt-theme-color-base: #E6E6E6;
329
- --dt-theme-presence-color-background-available: #B0FFA3;
330
- --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
331
- --dt-theme-presence-color-background-busy: #F6AB3C;
332
- --dt-theme-presence-color-background-offline: #ffffff;
333
- --dt-theme-mention-color-foreground: #ffffff;
334
- --dt-theme-mention-color-background: #7C52FF;
335
- --dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
336
- --dt-typography-body-small-font-weight: 400;
337
- --dt-typography-body-small-line-height: 1.4;
338
- --dt-typography-body-small-font-size: 1.2rem;
339
- --dt-typography-body-small-text-case: none;
340
- --dt-typography-body-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
341
- --dt-typography-body-base-font-weight: 400;
342
- --dt-typography-body-base-line-height: 1.6;
343
- --dt-typography-body-base-font-size: 1.5rem;
344
- --dt-typography-body-base-text-case: none;
345
- --dt-typography-body-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
346
- --dt-typography-body-compact-small-font-weight: 400;
347
- --dt-typography-body-compact-small-line-height: 1.2;
348
- --dt-typography-body-compact-small-font-size: 1.2rem;
349
- --dt-typography-body-compact-small-text-case: none;
350
- --dt-typography-body-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
351
- --dt-typography-body-compact-base-font-weight: 400;
352
- --dt-typography-body-compact-base-line-height: 1.4;
353
- --dt-typography-body-compact-base-font-size: 1.5rem;
354
- --dt-typography-body-compact-base-text-case: none;
355
- --dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
356
- --dt-typography-headline-eyebrow-font-weight: 400;
357
- --dt-typography-headline-eyebrow-line-height: 1.4;
358
- --dt-typography-headline-eyebrow-font-size: 1.2rem;
359
- --dt-typography-headline-eyebrow-text-case: uppercase;
360
- --dt-typography-headline-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
361
- --dt-typography-headline-small-font-weight: 700;
362
- --dt-typography-headline-small-line-height: 1.4;
363
- --dt-typography-headline-small-font-size: 1.2rem;
364
- --dt-typography-headline-small-text-case: none;
365
- --dt-typography-headline-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
366
- --dt-typography-headline-medium-font-weight: 700;
367
- --dt-typography-headline-medium-line-height: 1.6;
368
- --dt-typography-headline-medium-font-size: 1.5rem;
369
- --dt-typography-headline-medium-text-case: none;
370
- --dt-typography-headline-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
371
- --dt-typography-headline-large-font-weight: 700;
372
- --dt-typography-headline-large-line-height: 1.6;
373
- --dt-typography-headline-large-font-size: 1.9rem;
374
- --dt-typography-headline-large-text-case: none;
375
- --dt-typography-headline-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
376
- --dt-typography-headline-extra-large-font-weight: 500;
377
- --dt-typography-headline-extra-large-line-height: 1.2;
378
- --dt-typography-headline-extra-large-font-size: 2.7rem;
379
- --dt-typography-headline-extra-large-text-case: none;
380
- --dt-typography-headline-extra-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
381
- --dt-typography-headline-extra-extra-large-font-weight: 500;
382
- --dt-typography-headline-extra-extra-large-line-height: 1.2;
383
- --dt-typography-headline-extra-extra-large-font-size: 3.8rem;
384
- --dt-typography-headline-extra-extra-large-text-case: none;
385
- --dt-typography-headline-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
386
- --dt-typography-headline-soft-small-font-weight: 500;
387
- --dt-typography-headline-soft-small-line-height: 1.4;
388
- --dt-typography-headline-soft-small-font-size: 1.2rem;
389
- --dt-typography-headline-soft-small-text-case: none;
390
- --dt-typography-headline-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
391
- --dt-typography-headline-compact-small-font-weight: 700;
392
- --dt-typography-headline-compact-small-line-height: 1.2;
393
- --dt-typography-headline-compact-small-font-size: 1.2rem;
394
- --dt-typography-headline-compact-small-text-case: none;
395
- --dt-typography-headline-compact-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
396
- --dt-typography-headline-compact-medium-font-weight: 700;
397
- --dt-typography-headline-compact-medium-line-height: 1.4;
398
- --dt-typography-headline-compact-medium-font-size: 1.5rem;
399
- --dt-typography-headline-compact-medium-text-case: none;
400
- --dt-typography-headline-compact-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
401
- --dt-typography-headline-compact-large-font-weight: 700;
402
- --dt-typography-headline-compact-large-line-height: 1.2;
403
- --dt-typography-headline-compact-large-font-size: 1.9rem;
404
- --dt-typography-headline-compact-large-text-case: none;
405
- --dt-typography-headline-compact-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
406
- --dt-typography-headline-compact-soft-small-font-weight: 500;
407
- --dt-typography-headline-compact-soft-small-line-height: 1.2;
408
- --dt-typography-headline-compact-soft-small-font-size: 1.2rem;
409
- --dt-typography-headline-compact-soft-small-text-case: none;
410
- --dt-typography-label-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
411
- --dt-typography-label-small-font-weight: 600;
412
- --dt-typography-label-small-line-height: 1.4;
413
- --dt-typography-label-small-font-size: 1.2rem;
414
- --dt-typography-label-small-text-case: none;
415
- --dt-typography-label-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
416
- --dt-typography-label-base-font-weight: 600;
417
- --dt-typography-label-base-line-height: 1.6;
418
- --dt-typography-label-base-font-size: 1.5rem;
419
- --dt-typography-label-base-text-case: none;
420
- --dt-typography-label-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
421
- --dt-typography-label-compact-small-font-weight: 600;
422
- --dt-typography-label-compact-small-line-height: 1.2;
423
- --dt-typography-label-compact-small-font-size: 1.2rem;
424
- --dt-typography-label-compact-small-text-case: none;
425
- --dt-typography-label-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
426
- --dt-typography-label-compact-base-font-weight: 600;
427
- --dt-typography-label-compact-base-line-height: 1.4;
428
- --dt-typography-label-compact-base-font-size: 1.5rem;
429
- --dt-typography-label-compact-base-text-case: none;
430
- --dt-typography-label-compact-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
431
- --dt-typography-label-compact-plain-small-font-weight: 400;
432
- --dt-typography-label-compact-plain-small-line-height: 1.2;
433
- --dt-typography-label-compact-plain-small-font-size: 1.2rem;
434
- --dt-typography-label-compact-plain-small-text-case: none;
435
- --dt-typography-label-compact-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
436
- --dt-typography-label-compact-plain-base-font-weight: 400;
437
- --dt-typography-label-compact-plain-base-line-height: 1.4;
438
- --dt-typography-label-compact-plain-base-font-size: 1.5rem;
439
- --dt-typography-label-compact-plain-base-text-case: none;
440
- --dt-typography-label-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
441
- --dt-typography-label-plain-small-font-weight: 400;
442
- --dt-typography-label-plain-small-line-height: 1.4;
443
- --dt-typography-label-plain-small-font-size: 1.2rem;
444
- --dt-typography-label-plain-small-text-case: none;
445
- --dt-typography-label-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
446
- --dt-typography-label-plain-base-font-weight: 400;
447
- --dt-typography-label-plain-base-line-height: 1.6;
448
- --dt-typography-label-plain-base-font-size: 1.5rem;
449
- --dt-typography-label-plain-base-text-case: none;
450
- --dt-typography-helper-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
451
- --dt-typography-helper-small-font-weight: 400;
452
- --dt-typography-helper-small-line-height: 1.2;
453
- --dt-typography-helper-small-font-size: 1.2rem;
454
- --dt-typography-helper-small-text-case: none;
455
- --dt-typography-helper-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
456
- --dt-typography-helper-base-font-weight: 400;
457
- --dt-typography-helper-base-line-height: 1.4;
458
- --dt-typography-helper-base-font-size: 1.5rem;
459
- --dt-typography-helper-base-text-case: none;
460
- --dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
461
- --dt-typography-code-small-font-weight: 400;
462
- --dt-typography-code-small-line-height: 1.2;
463
- --dt-typography-code-small-font-size: 1.2rem;
464
- --dt-typography-code-small-text-case: none;
465
- --dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
466
- --dt-typography-code-base-font-weight: 400;
467
- --dt-typography-code-base-line-height: 1.2;
468
- --dt-typography-code-base-font-size: 1.5rem;
469
- --dt-typography-code-base-text-case: none;
470
- --dt-size-0: 0;
471
- --dt-size-50: 0.05rem;
472
- --dt-size-100: 0.1rem;
473
- --dt-size-200: 0.2rem;
474
- --dt-size-300: 0.4rem;
475
- --dt-size-350: 0.6rem;
476
- --dt-size-400: 0.8rem;
477
- --dt-size-450: 1.2rem;
478
- --dt-size-500: 1.6rem;
479
- --dt-size-525: 2rem;
480
- --dt-size-550: 2.4rem;
481
- --dt-size-600: 3.2rem;
482
- --dt-size-625: 4.2rem;
483
- --dt-size-650: 4.8rem;
484
- --dt-size-700: 6.4rem;
485
- --dt-size-720: 7.2rem;
486
- --dt-size-730: 8.4rem;
487
- --dt-size-750: 9.6rem;
488
- --dt-size-760: 10.2rem;
51
+ --dt-color-tan-200: #3F3D3C;
52
+ --dt-color-tan-300: #87807B;
53
+ --dt-color-tan-400: #CEC8C4;
54
+ --dt-color-tan-500: #F2F0EE;
55
+ --dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
56
+ --dt-color-brand-purple: #7C52FF;
57
+ --dt-color-brand-magenta: #F9008E;
58
+ --dt-color-foreground-primary: #E6E6E6; /* Default text color throughout the UI. */
59
+ --dt-color-foreground-secondary: #C2C2C2; /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
60
+ --dt-color-foreground-tertiary: #AAAAAA; /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
61
+ --dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
62
+ --dt-color-foreground-placeholder: #AAAAAA; /* Text color for placeholder text within form elements. */
63
+ --dt-color-foreground-disabled: #AAAAAA; /* Used for text paired with disabled content or components, like the form elements. */
64
+ --dt-color-foreground-critical: #FF8585; /* Expresses an error, danger, or otherwise critical state. */
65
+ --dt-color-foreground-critical-strong: hsl(0 100% 82.1%); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
66
+ --dt-color-foreground-success: #B0FFA3; /* Indicates a positive state. */
67
+ --dt-color-foreground-success-strong: hsl(112 100% 88.3%); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
68
+ --dt-color-foreground-warning: #FFDB80; /* Indicates information that requires user’s attention and further action may be necessary. */
69
+ --dt-color-foreground-primary-inverted: #000000; /* Primary text that sits on high-contrast surfaces or backgrounds. */
70
+ --dt-color-foreground-secondary-inverted: #3A3A3A; /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
71
+ --dt-color-foreground-tertiary-inverted: #555555; /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
72
+ --dt-color-foreground-muted-inverted: hsl(0 0% 14.9% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
73
+ --dt-color-foreground-placeholder-inverted: #808080; /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
74
+ --dt-color-foreground-disabled-inverted: #808080; /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
75
+ --dt-color-foreground-critical-inverted: #EC0E0E; /* Critical text that sits on high-contrast surfaces or backgrounds */
76
+ --dt-color-foreground-critical-strong-inverted: hsl(0 88.7% 53.5%); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
77
+ --dt-color-foreground-success-inverted: #1AA340; /* Success text that sits on high-contrast surfaces or backgrounds */
78
+ --dt-color-foreground-success-strong-inverted: hsl(136 59.1% 54.5%); /* Success strong text that sits on high-contrast surfaces or backgrounds */
79
+ --dt-color-foreground-warning-inverted: #815008; /* Warning text that sits on high-contrast surfaces or backgrounds */
80
+ --dt-color-link-primary: hsl(261 100% 78.2%);
81
+ --dt-color-link-critical: #FF8585;
82
+ --dt-color-link-success: #B0FFA3; /* positive */
83
+ --dt-color-link-warning: #FFDB80;
84
+ --dt-color-link-muted: #C2C2C2;
85
+ --dt-color-link-disabled: #AAAAAA;
86
+ --dt-color-link-primary-inverted: #7C52FF;
87
+ --dt-color-link-critical-inverted: #EC0E0E;
88
+ --dt-color-link-success-inverted: #1AA340;
89
+ --dt-color-link-warning-inverted: #815008;
90
+ --dt-color-link-muted-inverted: #3A3A3A;
91
+ --dt-color-link-disabled-inverted: #808080;
92
+ --dt-color-link-primary-hover: #DAC7FF;
93
+ --dt-color-link-critical-hover: #FFE5E6;
94
+ --dt-color-link-success-hover: #EDF9EB;
95
+ --dt-color-link-warning-hover: #FFF4CC;
96
+ --dt-color-link-muted-hover: #E6E6E6;
97
+ --dt-color-link-disabled-hover: #AAAAAA;
98
+ --dt-color-link-primary-inverted-hover: #3A1D95;
99
+ --dt-color-link-critical-inverted-hover: #B70B0B;
100
+ --dt-color-link-success-inverted-hover: hsl(136 59.1% 54.5%);
101
+ --dt-color-link-warning-inverted-hover: #262626;
102
+ --dt-color-link-muted-inverted-hover: #000000;
103
+ --dt-color-link-disabled-inverted-hover: #808080;
104
+ --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.06); /* Secondary surface as opaque background color. */
105
+ --dt-color-surface-moderate-opaque: hsl(0 0% 90.2% / 0.15); /* Moderate surface as opaque background color. */
106
+ --dt-color-surface-bold-opaque: hsl(0 0% 90.2% / 0.27); /* Bold surface as opaque background color. */
107
+ --dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.65); /* Strong surface as opaque background color. */
108
+ --dt-color-surface-contrast-opaque: hsl(0 0% 90.2% / 0.96); /* Contrast surface as opaque background color. */
109
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.7); /* Background color for a modal-like backdrop. */
110
+ --dt-color-surface-critical-opaque: hsl(0 88.7% 38% / 0.32); /* Critical surface as opaque background color. */
111
+ --dt-color-surface-critical-subtle-opaque: hsl(0 89.6% 9.41% / 0.5); /* Critical subtle surface as opaque background color. */
112
+ --dt-color-surface-warning-opaque: hsl(35.9 66% 49.6% / 0.48); /* Warning surface as opaque background color */
113
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 88.3% 13.4% / 0.5); /* Warning subtle surface as opaque background color */
114
+ --dt-color-surface-success-opaque: hsl(137 72.5% 37.1% / 0.26); /* Success surface as opaque background color. */
115
+ --dt-color-surface-success-subtle-opaque: hsl(136 59.1% 8.63% / 0.5); /* Success subtle surface as opaque background color. */
116
+ --dt-color-surface-info-opaque: hsl(212 79.2% 43.3% / 0.29); /* Info surface as opaque background color. */
117
+ --dt-color-surface-info-subtle-opaque: hsl(213 98.2% 12.9% / 0.5); /* Info surface as opaque background color. */
118
+ --dt-color-surface-primary: hsl(0 0% 12%); /* Default surface color for the majority of surfaces. */
119
+ --dt-color-surface-secondary: #262626; /* For adjacent or complementary regions. */
120
+ --dt-color-surface-moderate: #3A3A3A; /* A tertiary surface level, prominent without being too overpowering. */
121
+ --dt-color-surface-bold: #555555; /* Highlight or call attention to specific areas of the interface. */
122
+ --dt-color-surface-strong: #AAAAAA; /* Use sparingly to draw the eye to a relatively important region. */
123
+ --dt-color-surface-contrast: #E6E6E6; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
124
+ --dt-color-surface-critical: #5B0505; /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
125
+ --dt-color-surface-critical-subtle: hsl(0 89.6% 9.41%); /* A softer version of the Critical surface. */
126
+ --dt-color-surface-critical-strong: #FF8585; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
127
+ --dt-color-surface-warning: #815008; /* Background surface color highlighting messaging or elements that may require user's attention. */
128
+ --dt-color-surface-warning-subtle: hsl(35.7 88.3% 13.4%); /* A softer version of the default warning surface. */
129
+ --dt-color-surface-warning-strong: #D28F2B; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
130
+ --dt-color-surface-success: #124620; /* Background surface color containing messaging or elements expressing a positive or successful state. */
131
+ --dt-color-surface-success-subtle: hsl(136 59.1% 8.63%); /* A softer version of the default success surface. */
132
+ --dt-color-surface-success-strong: #B0FFA3; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
133
+ --dt-color-surface-info: #01326D; /* Background surface color containing messaging or elements communicated as generally informational. */
134
+ --dt-color-surface-info-subtle: hsl(213 98.2% 12.9%); /* A softer version of the default informational surface. */
135
+ --dt-color-surface-info-strong: #99C8FF; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
136
+ --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
137
+ --dt-color-border-default: hsl(0 0% 100% / 0.22);
138
+ --dt-color-border-moderate: hsl(0 0% 100% / 0.36);
139
+ --dt-color-border-bold: hsl(0 0% 100% / 0.5);
140
+ --dt-color-border-subtle-inverted: hsl(0 0% 0% / 0.1);
141
+ --dt-color-border-default-inverted: hsl(0 0% 0% / 0.18);
142
+ --dt-color-border-moderate-inverted: hsl(0 0% 0% / 0.34);
143
+ --dt-color-border-bold-inverted: hsl(0 0% 0% / 0.5);
144
+ --dt-color-border-focus: #51A0FE;
145
+ --dt-color-border-critical: #FF8585;
146
+ --dt-color-border-success: #B0FFA3;
147
+ --dt-color-border-warning: #FFDB80;
148
+ --dt-color-border-brand: #7C52FF;
149
+ --dt-color-border-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
150
+ --dt-color-border-accent: #F9008E;
151
+ --dt-color-border-critical-subtle: #B70B0B;
152
+ --dt-color-border-critical-strong: #FFE5E6;
153
+ --dt-color-border-success-subtle: #1AA340;
154
+ --dt-color-border-success-strong: #EDF9EB;
155
+ --dt-color-border-warning-subtle: #D28F2B;
156
+ --dt-color-border-warning-strong: hsl(47.1 100% 72%);
157
+ --dt-color-border-brand-subtle: #3A1D95;
158
+ --dt-color-border-brand-strong: #DAC7FF;
159
+ --dt-color-border-critical-inverted: #EC0E0E;
160
+ --dt-color-border-success-inverted: #1AA340;
161
+ --dt-color-border-warning-inverted: #D28F2B;
162
+ --dt-color-border-brand-inverted: #7C52FF;
163
+ --dt-color-border-critical-subtle-inverted: #FF8585;
164
+ --dt-color-border-critical-strong-inverted: #B70B0B;
165
+ --dt-color-border-success-subtle-inverted: #B0FFA3;
166
+ --dt-color-border-success-strong-inverted: #124620;
167
+ --dt-color-border-warning-subtle-inverted: #FFDB80;
168
+ --dt-color-border-warning-strong-inverted: #815008;
169
+ --dt-color-border-brand-subtle-inverted: #DAC7FF;
170
+ --dt-color-border-brand-strong-inverted: #3A1D95;
171
+ --dt-opacity-0: 0;
172
+ --dt-opacity-100: 0.05;
173
+ --dt-opacity-200: 0.1;
174
+ --dt-opacity-300: 0.2;
175
+ --dt-opacity-400: 0.25;
176
+ --dt-opacity-500: 0.3;
177
+ --dt-opacity-600: 0.4;
178
+ --dt-opacity-700: 0.5;
179
+ --dt-opacity-800: 0.6;
180
+ --dt-opacity-900: 0.7;
181
+ --dt-opacity-1000: 0.75;
182
+ --dt-opacity-1100: 0.8;
183
+ --dt-opacity-1200: 0.9;
184
+ --dt-opacity-1300: 1;
185
+ --dt-font-family-body: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
186
+ --dt-font-family-expressive: Archivo,-apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
187
+ --dt-font-family-mono: SFMono-Regular, '"SF Mono"', Consolas, '"Liberation Mono"', Menlo, Courier, monospace;
188
+ --dt-font-size-100: 1.2rem; /* small */
189
+ --dt-font-size-200: 1.5rem; /* medium / base */
190
+ --dt-font-size-300: 1.9rem; /* large */
191
+ --dt-font-size-400: 2.7rem; /* extra large / xl */
192
+ --dt-font-size-500: 3.8rem; /* extra large / xxl */
193
+ --dt-font-size-root: 1rem;
194
+ --dt-font-line-height-100: 1;
195
+ --dt-font-line-height-200: 1.2;
196
+ --dt-font-line-height-300: 1.4;
197
+ --dt-font-line-height-400: 1.6;
198
+ --dt-font-line-height-500: 1.8;
199
+ --dt-font-line-height-600: 2;
200
+ --dt-font-weight-normal: 400;
201
+ --dt-font-weight-medium: 500;
202
+ --dt-font-weight-semi-bold: 600;
203
+ --dt-font-weight-bold: 700;
204
+ --dt-font-text-case-uppercase: uppercase;
205
+ --dt-font-text-case-lowercase: lowercase;
206
+ --dt-font-text-case-capitalize: capitalize;
207
+ --dt-font-text-case-none: none;
208
+ --dt-size-0: 0rem;
209
+ --dt-size-50: 0.05rem;
210
+ --dt-size-100: 0.1rem;
211
+ --dt-size-200: 0.2rem;
212
+ --dt-size-300: 0.4rem;
213
+ --dt-size-350: 0.6rem;
214
+ --dt-size-400: 0.8rem;
215
+ --dt-size-450: 1.2rem;
216
+ --dt-size-500: 1.6rem;
217
+ --dt-size-525: 2rem;
218
+ --dt-size-550: 2.4rem;
219
+ --dt-size-600: 3.2rem;
220
+ --dt-size-625: 4.2rem;
221
+ --dt-size-650: 4.8rem;
222
+ --dt-size-700: 6.4rem;
223
+ --dt-size-720: 7.2rem;
224
+ --dt-size-730: 8.4rem;
225
+ --dt-size-750: 9.6rem;
226
+ --dt-size-760: 10.2rem;
489
227
  --dt-size-775: 11.4rem;
490
228
  --dt-size-800: 12.8rem;
491
229
  --dt-size-825: 16.4rem;
@@ -509,14 +247,6 @@
509
247
  --dt-size-1130: 134rem;
510
248
  --dt-size-1150: 153.6rem;
511
249
  --dt-size-1200: 204.8rem;
512
- --dt-size-border-0: 0;
513
- --dt-size-border-50: 0.05rem;
514
- --dt-size-border-100: 0.1rem;
515
- --dt-size-border-150: 0.15rem;
516
- --dt-size-border-200: 0.2rem;
517
- --dt-size-border-300: 0.4rem;
518
- --dt-size-border-400: 0.8rem;
519
- --dt-size-border-focus: 0.3rem;
520
250
  --dt-size-50-negative: -0.05rem;
521
251
  --dt-size-100-negative: -0.1rem;
522
252
  --dt-size-200-negative: -0.2rem;
@@ -576,7 +306,15 @@
576
306
  --dt-size-95-percent: 95%;
577
307
  --dt-size-100-percent: 100%;
578
308
  --dt-size-base: 0.8rem;
579
- --dt-size-radius-0: 0;
309
+ --dt-size-border-0: 0rem;
310
+ --dt-size-border-50: 0.05rem;
311
+ --dt-size-border-100: 0.1rem;
312
+ --dt-size-border-150: 0.15rem;
313
+ --dt-size-border-200: 0.2rem;
314
+ --dt-size-border-300: 0.4rem;
315
+ --dt-size-border-400: 0.8rem;
316
+ --dt-size-border-focus: 0.3rem;
317
+ --dt-size-radius-0: 0rem;
580
318
  --dt-size-radius-100: 0.1rem;
581
319
  --dt-size-radius-200: 0.2rem;
582
320
  --dt-size-radius-300: 0.4rem;
@@ -585,224 +323,7 @@
585
323
  --dt-size-radius-600: 3.2rem;
586
324
  --dt-size-radius-pill: 10rem;
587
325
  --dt-size-radius-circle: 50%;
588
- --dt-shadow-small-0-x: 0;
589
- --dt-shadow-small-0-y: 0.2rem;
590
- --dt-shadow-small-0-blur: 0.4rem;
591
- --dt-shadow-small-0-spread: 0;
592
- --dt-shadow-small-0-color: #00000073;
593
- --dt-shadow-small-0-type: dropShadow;
594
- --dt-shadow-small-1-x: 0.05rem;
595
- --dt-shadow-small-1-y: 0.05rem;
596
- --dt-shadow-small-1-blur: 0;
597
- --dt-shadow-small-1-spread: 0;
598
- --dt-shadow-small-1-color: #000000;
599
- --dt-shadow-small-1-type: dropShadow;
600
- --dt-shadow-small-2-x: -0.05rem;
601
- --dt-shadow-small-2-y: -0.05rem;
602
- --dt-shadow-small-2-blur: 0;
603
- --dt-shadow-small-2-spread: 0;
604
- --dt-shadow-small-2-color: #000000;
605
- --dt-shadow-small-2-type: dropShadow;
606
- --dt-shadow-small-3-x: -0.05rem;
607
- --dt-shadow-small-3-y: 0.05rem;
608
- --dt-shadow-small-3-blur: 0;
609
- --dt-shadow-small-3-spread: 0;
610
- --dt-shadow-small-3-color: #000000;
611
- --dt-shadow-small-3-type: dropShadow;
612
- --dt-shadow-small-4-x: 0.05rem;
613
- --dt-shadow-small-4-y: -0.05rem;
614
- --dt-shadow-small-4-blur: 0;
615
- --dt-shadow-small-4-spread: 0;
616
- --dt-shadow-small-4-color: #000000;
617
- --dt-shadow-small-4-type: dropShadow;
618
- --dt-shadow-medium-0-x: 0;
619
- --dt-shadow-medium-0-y: 0.2rem;
620
- --dt-shadow-medium-0-blur: 0.8rem;
621
- --dt-shadow-medium-0-spread: 0;
622
- --dt-shadow-medium-0-color: #0000008c;
623
- --dt-shadow-medium-0-type: dropShadow;
624
- --dt-shadow-medium-1-x: 0.05rem;
625
- --dt-shadow-medium-1-y: 0.05rem;
626
- --dt-shadow-medium-1-blur: 0;
627
- --dt-shadow-medium-1-spread: 0;
628
- --dt-shadow-medium-1-color: #000000;
629
- --dt-shadow-medium-1-type: dropShadow;
630
- --dt-shadow-medium-2-x: -0.05rem;
631
- --dt-shadow-medium-2-y: -0.05rem;
632
- --dt-shadow-medium-2-blur: 0;
633
- --dt-shadow-medium-2-spread: 0;
634
- --dt-shadow-medium-2-color: #000000;
635
- --dt-shadow-medium-2-type: dropShadow;
636
- --dt-shadow-medium-3-x: -0.05rem;
637
- --dt-shadow-medium-3-y: 0.05rem;
638
- --dt-shadow-medium-3-blur: 0;
639
- --dt-shadow-medium-3-spread: 0;
640
- --dt-shadow-medium-3-color: #000000;
641
- --dt-shadow-medium-3-type: dropShadow;
642
- --dt-shadow-medium-4-x: 0.05rem;
643
- --dt-shadow-medium-4-y: -0.05rem;
644
- --dt-shadow-medium-4-blur: 0;
645
- --dt-shadow-medium-4-spread: 0;
646
- --dt-shadow-medium-4-color: #000000;
647
- --dt-shadow-medium-4-type: dropShadow;
648
- --dt-shadow-large-0-x: 0;
649
- --dt-shadow-large-0-y: 0.2rem;
650
- --dt-shadow-large-0-blur: 1.6rem;
651
- --dt-shadow-large-0-spread: 0;
652
- --dt-shadow-large-0-color: #0000008c;
653
- --dt-shadow-large-0-type: dropShadow;
654
- --dt-shadow-large-1-x: -0.05rem;
655
- --dt-shadow-large-1-y: 0.05rem;
656
- --dt-shadow-large-1-blur: 0;
657
- --dt-shadow-large-1-spread: 0;
658
- --dt-shadow-large-1-color: #000000;
659
- --dt-shadow-large-1-type: dropShadow;
660
- --dt-shadow-large-2-x: -0.05rem;
661
- --dt-shadow-large-2-y: -0.05rem;
662
- --dt-shadow-large-2-blur: 0;
663
- --dt-shadow-large-2-spread: 0;
664
- --dt-shadow-large-2-color: #000000;
665
- --dt-shadow-large-2-type: dropShadow;
666
- --dt-shadow-large-3-x: -0.05rem;
667
- --dt-shadow-large-3-y: 0.05rem;
668
- --dt-shadow-large-3-blur: 0;
669
- --dt-shadow-large-3-spread: 0;
670
- --dt-shadow-large-3-color: #000000;
671
- --dt-shadow-large-3-type: dropShadow;
672
- --dt-shadow-large-4-x: 0.05rem;
673
- --dt-shadow-large-4-y: -0.05rem;
674
- --dt-shadow-large-4-blur: 0;
675
- --dt-shadow-large-4-spread: 0;
676
- --dt-shadow-large-4-color: #000000;
677
- --dt-shadow-large-4-type: dropShadow;
678
- --dt-shadow-extra-large-0-x: 0;
679
- --dt-shadow-extra-large-0-y: 0.2rem;
680
- --dt-shadow-extra-large-0-blur: 3.2rem;
681
- --dt-shadow-extra-large-0-spread: 0;
682
- --dt-shadow-extra-large-0-color: #0000008c;
683
- --dt-shadow-extra-large-0-type: dropShadow;
684
- --dt-shadow-extra-large-1-x: 0.05rem;
685
- --dt-shadow-extra-large-1-y: 0.05rem;
686
- --dt-shadow-extra-large-1-blur: 0;
687
- --dt-shadow-extra-large-1-spread: 0;
688
- --dt-shadow-extra-large-1-color: #000000;
689
- --dt-shadow-extra-large-1-type: dropShadow;
690
- --dt-shadow-extra-large-2-x: -0.05rem;
691
- --dt-shadow-extra-large-2-y: -0.05rem;
692
- --dt-shadow-extra-large-2-blur: 0;
693
- --dt-shadow-extra-large-2-spread: 0;
694
- --dt-shadow-extra-large-2-color: #000000;
695
- --dt-shadow-extra-large-2-type: dropShadow;
696
- --dt-shadow-extra-large-3-x: -0.05rem;
697
- --dt-shadow-extra-large-3-y: 0.05rem;
698
- --dt-shadow-extra-large-3-blur: 0;
699
- --dt-shadow-extra-large-3-spread: 0;
700
- --dt-shadow-extra-large-3-color: #000000;
701
- --dt-shadow-extra-large-3-type: dropShadow;
702
- --dt-shadow-extra-large-4-x: 0.05rem;
703
- --dt-shadow-extra-large-4-y: -0.05rem;
704
- --dt-shadow-extra-large-4-blur: 0;
705
- --dt-shadow-extra-large-4-spread: 0;
706
- --dt-shadow-extra-large-4-color: #000000;
707
- --dt-shadow-extra-large-4-type: dropShadow;
708
- --dt-shadow-card-0-x: 0;
709
- --dt-shadow-card-0-y: 0.1rem;
710
- --dt-shadow-card-0-blur: 0.2rem;
711
- --dt-shadow-card-0-spread: 0;
712
- --dt-shadow-card-0-color: #00000059;
713
- --dt-shadow-card-0-type: dropShadow;
714
- --dt-shadow-card-1-x: 0;
715
- --dt-shadow-card-1-y: 0.2rem;
716
- --dt-shadow-card-1-blur: 0.4rem;
717
- --dt-shadow-card-1-spread: 0;
718
- --dt-shadow-card-1-color: #00000073;
719
- --dt-shadow-card-1-type: dropShadow;
720
- --dt-shadow-card-2-x: 0;
721
- --dt-shadow-card-2-y: 0.2rem;
722
- --dt-shadow-card-2-blur: 1.6rem;
723
- --dt-shadow-card-2-spread: 0;
724
- --dt-shadow-card-2-color: #00000094;
725
- --dt-shadow-card-2-type: dropShadow;
726
- --dt-shadow-card-3-x: 0.05rem;
727
- --dt-shadow-card-3-y: 0.05rem;
728
- --dt-shadow-card-3-blur: 0;
729
- --dt-shadow-card-3-spread: 0;
730
- --dt-shadow-card-3-color: #000000;
731
- --dt-shadow-card-3-type: dropShadow;
732
- --dt-shadow-card-4-x: -0.05rem;
733
- --dt-shadow-card-4-y: -0.05rem;
734
- --dt-shadow-card-4-blur: 0;
735
- --dt-shadow-card-4-spread: 0;
736
- --dt-shadow-card-4-color: #000000;
737
- --dt-shadow-card-4-type: dropShadow;
738
- --dt-shadow-card-5-x: -0.05rem;
739
- --dt-shadow-card-5-y: 0.05rem;
740
- --dt-shadow-card-5-blur: 0;
741
- --dt-shadow-card-5-spread: 0;
742
- --dt-shadow-card-5-color: #000000;
743
- --dt-shadow-card-5-type: dropShadow;
744
- --dt-shadow-card-6-x: 0.05rem;
745
- --dt-shadow-card-6-y: -0.05rem;
746
- --dt-shadow-card-6-blur: 0;
747
- --dt-shadow-card-6-spread: 0;
748
- --dt-shadow-card-6-color: #000000;
749
- --dt-shadow-card-6-type: dropShadow;
750
- --dt-shadow-focus-0-x: 0;
751
- --dt-shadow-focus-0-y: 0;
752
- --dt-shadow-focus-0-blur: 0;
753
- --dt-shadow-focus-0-spread: 0.1rem;
754
- --dt-shadow-focus-0-color: #000000;
755
- --dt-shadow-focus-0-type: dropShadow;
756
- --dt-shadow-focus-1-x: 0;
757
- --dt-shadow-focus-1-y: 0;
758
- --dt-shadow-focus-1-blur: 0;
759
- --dt-shadow-focus-1-spread: 0.4rem;
760
- --dt-shadow-focus-1-color: #51A0FE;
761
- --dt-shadow-focus-1-type: dropShadow;
762
- --dt-shadow-focus-inset-0-x: 0;
763
- --dt-shadow-focus-inset-0-y: 0;
764
- --dt-shadow-focus-inset-0-blur: 0;
765
- --dt-shadow-focus-inset-0-spread: 0.3rem;
766
- --dt-shadow-focus-inset-0-color: #51A0FE;
767
- --dt-shadow-focus-inset-0-type: innerShadow;
768
- --dt-opacity-0: 0;
769
- --dt-opacity-100: 0.05;
770
- --dt-opacity-200: 0.1;
771
- --dt-opacity-300: 0.2;
772
- --dt-opacity-400: 0.25;
773
- --dt-opacity-500: 0.3;
774
- --dt-opacity-600: 0.4;
775
- --dt-opacity-700: 0.5;
776
- --dt-opacity-800: 0.6;
777
- --dt-opacity-900: 0.7;
778
- --dt-opacity-1000: 0.75;
779
- --dt-opacity-1100: 0.8;
780
- --dt-opacity-1200: 0.9;
781
- --dt-opacity-1300: 1;
782
- --dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
783
- --dt-font-family-expressive: Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
784
- --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
785
- --dt-font-size-100: 1.2rem;
786
- --dt-font-size-200: 1.5rem;
787
- --dt-font-size-300: 1.9rem;
788
- --dt-font-size-400: 2.7rem;
789
- --dt-font-size-500: 3.8rem;
790
- --dt-font-size-root: 1rem;
791
- --dt-font-line-height-100: 1;
792
- --dt-font-line-height-200: 1.2;
793
- --dt-font-line-height-300: 1.4;
794
- --dt-font-line-height-400: 1.6;
795
- --dt-font-line-height-500: 1.8;
796
- --dt-font-line-height-600: 2;
797
- --dt-font-weight-normal: 400;
798
- --dt-font-weight-medium: 500;
799
- --dt-font-weight-semi-bold: 600;
800
- --dt-font-weight-bold: 700;
801
- --dt-font-text-case-uppercase: uppercase;
802
- --dt-font-text-case-lowercase: lowercase;
803
- --dt-font-text-case-capitalize: capitalize;
804
- --dt-font-text-case-none: none;
805
- --dt-space-0: 0;
326
+ --dt-space-0: 0rem;
806
327
  --dt-space-50: 0.05rem;
807
328
  --dt-space-100: 0.1rem;
808
329
  --dt-space-200: 0.2rem;
@@ -903,4 +424,483 @@
903
424
  --dt-space-95-percent: 95%;
904
425
  --dt-space-100-percent: 100%;
905
426
  --dt-space-base: 0.8rem;
427
+ --dt-shadow-small-1-x: 0rem;
428
+ --dt-shadow-small-1-y: 0.2rem;
429
+ --dt-shadow-small-1-blur: 0.4rem;
430
+ --dt-shadow-small-1-spread: 0rem;
431
+ --dt-shadow-small-1-color: rgba(0, 0, 0, 0.45);
432
+ --dt-shadow-small-1-type: dropShadow;
433
+ --dt-shadow-small-2-x: 0.05rem;
434
+ --dt-shadow-small-2-y: 0.05rem;
435
+ --dt-shadow-small-2-blur: 0rem;
436
+ --dt-shadow-small-2-spread: 0rem;
437
+ --dt-shadow-small-2-color: #000000;
438
+ --dt-shadow-small-2-type: dropShadow;
439
+ --dt-shadow-small-3-x: -0.05rem;
440
+ --dt-shadow-small-3-y: -0.05rem;
441
+ --dt-shadow-small-3-blur: 0;
442
+ --dt-shadow-small-3-spread: 0;
443
+ --dt-shadow-small-3-color: #000000;
444
+ --dt-shadow-small-3-type: dropShadow;
445
+ --dt-shadow-small-4-x: -0.05rem;
446
+ --dt-shadow-small-4-y: 0.05rem;
447
+ --dt-shadow-small-4-blur: 0;
448
+ --dt-shadow-small-4-spread: 0;
449
+ --dt-shadow-small-4-color: #000000;
450
+ --dt-shadow-small-4-type: dropShadow;
451
+ --dt-shadow-small-5-x: 0.05rem;
452
+ --dt-shadow-small-5-y: -0.05rem;
453
+ --dt-shadow-small-5-blur: 0;
454
+ --dt-shadow-small-5-spread: 0;
455
+ --dt-shadow-small-5-color: #000000;
456
+ --dt-shadow-small-5-type: dropShadow;
457
+ --dt-shadow-medium-1-x: 0rem;
458
+ --dt-shadow-medium-1-y: 0.2rem;
459
+ --dt-shadow-medium-1-blur: 0.8rem;
460
+ --dt-shadow-medium-1-spread: 0rem;
461
+ --dt-shadow-medium-1-color: rgba(0, 0, 0, 0.55);
462
+ --dt-shadow-medium-1-type: dropShadow;
463
+ --dt-shadow-medium-2-x: 0.05rem;
464
+ --dt-shadow-medium-2-y: 0.05rem;
465
+ --dt-shadow-medium-2-blur: 0rem;
466
+ --dt-shadow-medium-2-spread: 0rem;
467
+ --dt-shadow-medium-2-color: #000000;
468
+ --dt-shadow-medium-2-type: dropShadow;
469
+ --dt-shadow-medium-3-x: -0.05rem;
470
+ --dt-shadow-medium-3-y: -0.05rem;
471
+ --dt-shadow-medium-3-blur: 0;
472
+ --dt-shadow-medium-3-spread: 0;
473
+ --dt-shadow-medium-3-color: #000000;
474
+ --dt-shadow-medium-3-type: dropShadow;
475
+ --dt-shadow-medium-4-x: -0.05rem;
476
+ --dt-shadow-medium-4-y: 0.05rem;
477
+ --dt-shadow-medium-4-blur: 0;
478
+ --dt-shadow-medium-4-spread: 0;
479
+ --dt-shadow-medium-4-color: #000000;
480
+ --dt-shadow-medium-4-type: dropShadow;
481
+ --dt-shadow-medium-5-x: 0.05rem;
482
+ --dt-shadow-medium-5-y: -0.05rem;
483
+ --dt-shadow-medium-5-blur: 0;
484
+ --dt-shadow-medium-5-spread: 0;
485
+ --dt-shadow-medium-5-color: #000000;
486
+ --dt-shadow-medium-5-type: dropShadow;
487
+ --dt-shadow-large-1-x: 0rem;
488
+ --dt-shadow-large-1-y: 0.2rem;
489
+ --dt-shadow-large-1-blur: 1.6rem;
490
+ --dt-shadow-large-1-spread: 0rem;
491
+ --dt-shadow-large-1-color: rgba(0, 0, 0, 0.55);
492
+ --dt-shadow-large-1-type: dropShadow;
493
+ --dt-shadow-large-2-x: -0.05rem;
494
+ --dt-shadow-large-2-y: 0.05rem;
495
+ --dt-shadow-large-2-blur: 0rem;
496
+ --dt-shadow-large-2-spread: 0rem;
497
+ --dt-shadow-large-2-color: #000000;
498
+ --dt-shadow-large-2-type: dropShadow;
499
+ --dt-shadow-large-3-x: -0.05rem;
500
+ --dt-shadow-large-3-y: -0.05rem;
501
+ --dt-shadow-large-3-blur: 0;
502
+ --dt-shadow-large-3-spread: 0;
503
+ --dt-shadow-large-3-color: #000000;
504
+ --dt-shadow-large-3-type: dropShadow;
505
+ --dt-shadow-large-4-x: -0.05rem;
506
+ --dt-shadow-large-4-y: 0.05rem;
507
+ --dt-shadow-large-4-blur: 0;
508
+ --dt-shadow-large-4-spread: 0;
509
+ --dt-shadow-large-4-color: #000000;
510
+ --dt-shadow-large-4-type: dropShadow;
511
+ --dt-shadow-large-5-x: 0.05rem;
512
+ --dt-shadow-large-5-y: -0.05rem;
513
+ --dt-shadow-large-5-blur: 0;
514
+ --dt-shadow-large-5-spread: 0;
515
+ --dt-shadow-large-5-color: #000000;
516
+ --dt-shadow-large-5-type: dropShadow;
517
+ --dt-shadow-extra-large-1-x: 0rem;
518
+ --dt-shadow-extra-large-1-y: 0.2rem;
519
+ --dt-shadow-extra-large-1-blur: 3.2rem;
520
+ --dt-shadow-extra-large-1-spread: 0rem;
521
+ --dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.55);
522
+ --dt-shadow-extra-large-1-type: dropShadow;
523
+ --dt-shadow-extra-large-2-x: 0.05rem;
524
+ --dt-shadow-extra-large-2-y: 0.05rem;
525
+ --dt-shadow-extra-large-2-blur: 0rem;
526
+ --dt-shadow-extra-large-2-spread: 0rem;
527
+ --dt-shadow-extra-large-2-color: #000000;
528
+ --dt-shadow-extra-large-2-type: dropShadow;
529
+ --dt-shadow-extra-large-3-x: -0.05rem;
530
+ --dt-shadow-extra-large-3-y: -0.05rem;
531
+ --dt-shadow-extra-large-3-blur: 0;
532
+ --dt-shadow-extra-large-3-spread: 0;
533
+ --dt-shadow-extra-large-3-color: #000000;
534
+ --dt-shadow-extra-large-3-type: dropShadow;
535
+ --dt-shadow-extra-large-4-x: -0.05rem;
536
+ --dt-shadow-extra-large-4-y: 0.05rem;
537
+ --dt-shadow-extra-large-4-blur: 0;
538
+ --dt-shadow-extra-large-4-spread: 0;
539
+ --dt-shadow-extra-large-4-color: #000000;
540
+ --dt-shadow-extra-large-4-type: dropShadow;
541
+ --dt-shadow-extra-large-5-x: 0.05rem;
542
+ --dt-shadow-extra-large-5-y: -0.05rem;
543
+ --dt-shadow-extra-large-5-blur: 0;
544
+ --dt-shadow-extra-large-5-spread: 0;
545
+ --dt-shadow-extra-large-5-color: #000000;
546
+ --dt-shadow-extra-large-5-type: dropShadow;
547
+ --dt-shadow-card-1-x: 0rem;
548
+ --dt-shadow-card-1-y: 0.1rem;
549
+ --dt-shadow-card-1-blur: 0.2rem;
550
+ --dt-shadow-card-1-spread: 0rem;
551
+ --dt-shadow-card-1-color: rgba(0, 0, 0, 0.35);
552
+ --dt-shadow-card-1-type: dropShadow;
553
+ --dt-shadow-card-2-x: 0rem;
554
+ --dt-shadow-card-2-y: 0.2rem;
555
+ --dt-shadow-card-2-blur: 0.4rem;
556
+ --dt-shadow-card-2-spread: 0rem;
557
+ --dt-shadow-card-2-color: rgba(0, 0, 0, 0.45);
558
+ --dt-shadow-card-2-type: dropShadow;
559
+ --dt-shadow-card-3-x: 0rem;
560
+ --dt-shadow-card-3-y: 0.2rem;
561
+ --dt-shadow-card-3-blur: 1.6rem;
562
+ --dt-shadow-card-3-spread: 0rem;
563
+ --dt-shadow-card-3-color: rgba(0, 0, 0, 0.58);
564
+ --dt-shadow-card-3-type: dropShadow;
565
+ --dt-shadow-card-4-x: 0.05rem;
566
+ --dt-shadow-card-4-y: 0.05rem;
567
+ --dt-shadow-card-4-blur: 0rem;
568
+ --dt-shadow-card-4-spread: 0rem;
569
+ --dt-shadow-card-4-color: #000000;
570
+ --dt-shadow-card-4-type: dropShadow;
571
+ --dt-shadow-card-5-x: -0.05rem;
572
+ --dt-shadow-card-5-y: -0.05rem;
573
+ --dt-shadow-card-5-blur: 0;
574
+ --dt-shadow-card-5-spread: 0;
575
+ --dt-shadow-card-5-color: #000000;
576
+ --dt-shadow-card-5-type: dropShadow;
577
+ --dt-shadow-card-6-x: -0.05rem;
578
+ --dt-shadow-card-6-y: 0.05rem;
579
+ --dt-shadow-card-6-blur: 0;
580
+ --dt-shadow-card-6-spread: 0;
581
+ --dt-shadow-card-6-color: #000000;
582
+ --dt-shadow-card-6-type: dropShadow;
583
+ --dt-shadow-card-7-x: 0.05rem;
584
+ --dt-shadow-card-7-y: -0.05rem;
585
+ --dt-shadow-card-7-blur: 0;
586
+ --dt-shadow-card-7-spread: 0;
587
+ --dt-shadow-card-7-color: #000000;
588
+ --dt-shadow-card-7-type: dropShadow;
589
+ --dt-shadow-focus-1-x: 0rem;
590
+ --dt-shadow-focus-1-y: 0rem;
591
+ --dt-shadow-focus-1-blur: 0rem;
592
+ --dt-shadow-focus-1-spread: 0.1rem;
593
+ --dt-shadow-focus-1-color: #000000;
594
+ --dt-shadow-focus-1-type: dropShadow;
595
+ --dt-shadow-focus-2-x: 0rem;
596
+ --dt-shadow-focus-2-y: 0rem;
597
+ --dt-shadow-focus-2-blur: 0rem;
598
+ --dt-shadow-focus-2-spread: 0.4rem;
599
+ --dt-shadow-focus-2-color: #51A0FE;
600
+ --dt-shadow-focus-2-type: dropShadow;
601
+ --dt-shadow-focus-inset-1-x: 0rem;
602
+ --dt-shadow-focus-inset-1-y: 0rem;
603
+ --dt-shadow-focus-inset-1-blur: 0rem;
604
+ --dt-shadow-focus-inset-1-spread: 0.3rem;
605
+ --dt-shadow-focus-inset-1-color: #51A0FE;
606
+ --dt-shadow-focus-inset-1-type: innerShadow;
607
+ --dt-typography-body-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
608
+ --dt-typography-body-small-font-weight: 400;
609
+ --dt-typography-body-small-line-height: 1.4;
610
+ --dt-typography-body-small-font-size: 1.2rem;
611
+ --dt-typography-body-small-text-case: none;
612
+ --dt-typography-body-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
613
+ --dt-typography-body-base-font-weight: 400;
614
+ --dt-typography-body-base-line-height: 1.6;
615
+ --dt-typography-body-base-font-size: 1.5rem;
616
+ --dt-typography-body-base-text-case: none;
617
+ --dt-typography-body-compact-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
618
+ --dt-typography-body-compact-small-font-weight: 400;
619
+ --dt-typography-body-compact-small-line-height: 1.2;
620
+ --dt-typography-body-compact-small-font-size: 1.2rem;
621
+ --dt-typography-body-compact-small-text-case: none;
622
+ --dt-typography-body-compact-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
623
+ --dt-typography-body-compact-base-font-weight: 400;
624
+ --dt-typography-body-compact-base-line-height: 1.4;
625
+ --dt-typography-body-compact-base-font-size: 1.5rem;
626
+ --dt-typography-body-compact-base-text-case: none;
627
+ --dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
628
+ --dt-typography-headline-eyebrow-font-weight: 400;
629
+ --dt-typography-headline-eyebrow-line-height: 1.4;
630
+ --dt-typography-headline-eyebrow-font-size: 1.2rem;
631
+ --dt-typography-headline-eyebrow-text-case: uppercase;
632
+ --dt-typography-headline-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
633
+ --dt-typography-headline-small-font-weight: 700;
634
+ --dt-typography-headline-small-line-height: 1.4;
635
+ --dt-typography-headline-small-font-size: 1.2rem;
636
+ --dt-typography-headline-small-text-case: none;
637
+ --dt-typography-headline-medium-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
638
+ --dt-typography-headline-medium-font-weight: 700;
639
+ --dt-typography-headline-medium-line-height: 1.6;
640
+ --dt-typography-headline-medium-font-size: 1.5rem;
641
+ --dt-typography-headline-medium-text-case: none;
642
+ --dt-typography-headline-large-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
643
+ --dt-typography-headline-large-font-weight: 700;
644
+ --dt-typography-headline-large-line-height: 1.6;
645
+ --dt-typography-headline-large-font-size: 1.9rem;
646
+ --dt-typography-headline-large-text-case: none;
647
+ --dt-typography-headline-extra-large-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
648
+ --dt-typography-headline-extra-large-font-weight: 500;
649
+ --dt-typography-headline-extra-large-line-height: 1.2;
650
+ --dt-typography-headline-extra-large-font-size: 2.7rem;
651
+ --dt-typography-headline-extra-large-text-case: none;
652
+ --dt-typography-headline-extra-extra-large-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
653
+ --dt-typography-headline-extra-extra-large-font-weight: 500;
654
+ --dt-typography-headline-extra-extra-large-line-height: 1.2;
655
+ --dt-typography-headline-extra-extra-large-font-size: 3.8rem;
656
+ --dt-typography-headline-extra-extra-large-text-case: none;
657
+ --dt-typography-headline-soft-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
658
+ --dt-typography-headline-soft-small-font-weight: 500;
659
+ --dt-typography-headline-soft-small-line-height: 1.4;
660
+ --dt-typography-headline-soft-small-font-size: 1.2rem;
661
+ --dt-typography-headline-soft-small-text-case: none;
662
+ --dt-typography-headline-compact-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
663
+ --dt-typography-headline-compact-small-font-weight: 700;
664
+ --dt-typography-headline-compact-small-line-height: 1.2;
665
+ --dt-typography-headline-compact-small-font-size: 1.2rem;
666
+ --dt-typography-headline-compact-small-text-case: none;
667
+ --dt-typography-headline-compact-medium-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
668
+ --dt-typography-headline-compact-medium-font-weight: 700;
669
+ --dt-typography-headline-compact-medium-line-height: 1.4;
670
+ --dt-typography-headline-compact-medium-font-size: 1.5rem;
671
+ --dt-typography-headline-compact-medium-text-case: none;
672
+ --dt-typography-headline-compact-large-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
673
+ --dt-typography-headline-compact-large-font-weight: 700;
674
+ --dt-typography-headline-compact-large-line-height: 1.2;
675
+ --dt-typography-headline-compact-large-font-size: 1.9rem;
676
+ --dt-typography-headline-compact-large-text-case: none;
677
+ --dt-typography-headline-compact-soft-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
678
+ --dt-typography-headline-compact-soft-small-font-weight: 500;
679
+ --dt-typography-headline-compact-soft-small-line-height: 1.2;
680
+ --dt-typography-headline-compact-soft-small-font-size: 1.2rem;
681
+ --dt-typography-headline-compact-soft-small-text-case: none;
682
+ --dt-typography-label-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
683
+ --dt-typography-label-small-font-weight: 600;
684
+ --dt-typography-label-small-line-height: 1.4;
685
+ --dt-typography-label-small-font-size: 1.2rem;
686
+ --dt-typography-label-small-text-case: none;
687
+ --dt-typography-label-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
688
+ --dt-typography-label-base-font-weight: 600;
689
+ --dt-typography-label-base-line-height: 1.6;
690
+ --dt-typography-label-base-font-size: 1.5rem;
691
+ --dt-typography-label-base-text-case: none;
692
+ --dt-typography-label-compact-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
693
+ --dt-typography-label-compact-small-font-weight: 600;
694
+ --dt-typography-label-compact-small-line-height: 1.2;
695
+ --dt-typography-label-compact-small-font-size: 1.2rem;
696
+ --dt-typography-label-compact-small-text-case: none;
697
+ --dt-typography-label-compact-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
698
+ --dt-typography-label-compact-base-font-weight: 600;
699
+ --dt-typography-label-compact-base-line-height: 1.4;
700
+ --dt-typography-label-compact-base-font-size: 1.5rem;
701
+ --dt-typography-label-compact-base-text-case: none;
702
+ --dt-typography-label-compact-plain-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
703
+ --dt-typography-label-compact-plain-small-font-weight: 400;
704
+ --dt-typography-label-compact-plain-small-line-height: 1.2;
705
+ --dt-typography-label-compact-plain-small-font-size: 1.2rem;
706
+ --dt-typography-label-compact-plain-small-text-case: none;
707
+ --dt-typography-label-compact-plain-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
708
+ --dt-typography-label-compact-plain-base-font-weight: 400;
709
+ --dt-typography-label-compact-plain-base-line-height: 1.4;
710
+ --dt-typography-label-compact-plain-base-font-size: 1.5rem;
711
+ --dt-typography-label-compact-plain-base-text-case: none;
712
+ --dt-typography-label-plain-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
713
+ --dt-typography-label-plain-small-font-weight: 400;
714
+ --dt-typography-label-plain-small-line-height: 1.4;
715
+ --dt-typography-label-plain-small-font-size: 1.2rem;
716
+ --dt-typography-label-plain-small-text-case: none;
717
+ --dt-typography-label-plain-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
718
+ --dt-typography-label-plain-base-font-weight: 400;
719
+ --dt-typography-label-plain-base-line-height: 1.6;
720
+ --dt-typography-label-plain-base-font-size: 1.5rem;
721
+ --dt-typography-label-plain-base-text-case: none;
722
+ --dt-typography-helper-small-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
723
+ --dt-typography-helper-small-font-weight: 400;
724
+ --dt-typography-helper-small-line-height: 1.2;
725
+ --dt-typography-helper-small-font-size: 1.2rem;
726
+ --dt-typography-helper-small-text-case: none;
727
+ --dt-typography-helper-base-font-family: -apple-system, BlinkMacSystemFont, '"SF Pro"', '"Segoe UI Adjusted"', '"Segoe UI"', SFMono, '"Helvetica Neue"', Cantarell, Ubuntu, Roboto, Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
728
+ --dt-typography-helper-base-font-weight: 400;
729
+ --dt-typography-helper-base-line-height: 1.4;
730
+ --dt-typography-helper-base-font-size: 1.5rem;
731
+ --dt-typography-helper-base-text-case: none;
732
+ --dt-typography-code-small-font-family: SFMono-Regular, '"SF Mono"', Consolas, '"Liberation Mono"', Menlo, Courier, monospace;
733
+ --dt-typography-code-small-font-weight: 400;
734
+ --dt-typography-code-small-line-height: 1.2;
735
+ --dt-typography-code-small-font-size: 1.2rem;
736
+ --dt-typography-code-small-text-case: none;
737
+ --dt-typography-code-base-font-family: SFMono-Regular, '"SF Mono"', Consolas, '"Liberation Mono"', Menlo, Courier, monospace;
738
+ --dt-typography-code-base-font-weight: 400;
739
+ --dt-typography-code-base-line-height: 1.2;
740
+ --dt-typography-code-base-font-size: 1.5rem;
741
+ --dt-typography-code-base-text-case: none;
742
+ --dt-inputs-size-border-default: 0.15rem;
743
+ --dt-inputs-size-border-status: 0.2rem;
744
+ --dt-inputs-size-radius-xs: 0.4rem;
745
+ --dt-inputs-size-radius-sm: 0.8rem;
746
+ --dt-inputs-size-radius-md: 0.8rem;
747
+ --dt-inputs-size-radius-lg: 1.2rem;
748
+ --dt-inputs-size-radius-xl: 1.6rem;
749
+ --dt-inputs-line-height-default: 1.2;
750
+ --dt-inputs-font-size-xs: 1.2rem;
751
+ --dt-inputs-font-size-sm: 1.2rem;
752
+ --dt-inputs-font-size-md: 1.5rem;
753
+ --dt-inputs-font-size-lg: 1.9rem;
754
+ --dt-inputs-font-size-xl: 2.7rem;
755
+ --dt-inputs-color-foreground-default: #E6E6E6;
756
+ --dt-inputs-color-foreground-placeholder: #AAAAAA;
757
+ --dt-inputs-color-foreground-disabled: #AAAAAA;
758
+ --dt-inputs-color-border-default: hsl(0 0% 100% / 0.14);
759
+ --dt-inputs-color-border-focus: #51A0FE;
760
+ --dt-inputs-color-border-critical: #FF8585;
761
+ --dt-inputs-color-border-success: #B0FFA3;
762
+ --dt-inputs-color-border-warning: #FFDB80;
763
+ --dt-inputs-color-border-disabled: transparent;
764
+ --dt-inputs-color-background-default: hsl(0 0% 90.2% / 0.06);
765
+ --dt-inputs-color-background-focus: hsl(0 0% 90.2% / 0.03);
766
+ --dt-inputs-color-background-disabled: hsl(0 0% 90.2% / 0.15);
767
+ --dt-action-color-foreground-base-default: #AB7EFF;
768
+ --dt-action-color-foreground-base-hover: lch(69.4 56.1 303);
769
+ --dt-action-color-foreground-base-active: lch(69.4 56.1 303);
770
+ --dt-action-color-foreground-base-primary-default: #ffffff;
771
+ --dt-action-color-foreground-critical-default: #FF8585;
772
+ --dt-action-color-foreground-critical-hover: lch(77.4 39.2 25.4);
773
+ --dt-action-color-foreground-critical-active: lch(77.4 39.2 25.4);
774
+ --dt-action-color-foreground-critical-primary-default: #ffffff;
775
+ --dt-action-color-foreground-inverted-default: #000000;
776
+ --dt-action-color-foreground-inverted-hover: #000000;
777
+ --dt-action-color-foreground-inverted-active: #000000;
778
+ --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
779
+ --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
780
+ --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
781
+ --dt-action-color-foreground-muted-default: #C2C2C2;
782
+ --dt-action-color-foreground-muted-hover: #C2C2C2;
783
+ --dt-action-color-foreground-muted-active: #C2C2C2;
784
+ --dt-action-color-foreground-disabled-default: #AAAAAA;
785
+ --dt-action-color-background-base-default: transparent;
786
+ --dt-action-color-background-base-hover: hsl(261 100% 74.7% / 0.1);
787
+ --dt-action-color-background-base-active: hsl(261 100% 74.7% / 0.2);
788
+ --dt-action-color-background-base-primary-default: #7C52FF;
789
+ --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
790
+ --dt-action-color-background-base-primary-active: hsl(255 100% 60.8%);
791
+ --dt-action-color-background-critical-default: transparent;
792
+ --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.2);
793
+ --dt-action-color-background-critical-active: hsl(0 88.8% 49% / 0.3);
794
+ --dt-action-color-background-critical-primary-default: #EC0E0E;
795
+ --dt-action-color-background-critical-primary-hover: hsl(0 88.8% 45.1%);
796
+ --dt-action-color-background-critical-primary-active: hsl(0 88.8% 43.1%);
797
+ --dt-action-color-background-inverted-default: transparent;
798
+ --dt-action-color-background-inverted-hover: hsl(0 0% 12% / 0.15);
799
+ --dt-action-color-background-inverted-active: hsl(0 0% 12% / 0.3);
800
+ --dt-action-color-background-inverted-primary-default: hsl(0 0% 12%);
801
+ --dt-action-color-background-inverted-primary-hover: #10022C;
802
+ --dt-action-color-background-inverted-primary-active: hsl(254 67.4% 33.5%);
803
+ --dt-action-color-background-muted-default: transparent;
804
+ --dt-action-color-background-muted-hover: hsl(0 0% 83.1% / 0.1);
805
+ --dt-action-color-background-muted-active: hsl(0 0% 83.1% / 0.16);
806
+ --dt-action-color-background-disabled-default: #3A3A3A;
807
+ --dt-action-color-border-base-outlined-default: #AB7EFF;
808
+ --dt-action-color-border-critical-outlined-default: #FF8585;
809
+ --dt-action-color-border-inverted-outlined-default: #000000;
810
+ --dt-action-color-border-muted-outlined-default: #AAAAAA;
811
+ --dt-theme-color-base: #E6E6E6;
812
+ --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
813
+ --dt-theme-topbar-color-background: #262626;
814
+ --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
815
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
816
+ --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
817
+ --dt-theme-topbar-field-color-background-hover: hsl(0 0% 10.1%);
818
+ --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
819
+ --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
820
+ --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
821
+ --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
822
+ --dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
823
+ --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
824
+ --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
825
+ --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
826
+ --dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.75);
827
+ --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
828
+ --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
829
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
830
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
831
+ --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
832
+ --dt-theme-sidebar-color-foreground: #C2C2C2;
833
+ --dt-theme-sidebar-color-foreground-unread: #E6E6E6;
834
+ --dt-theme-sidebar-color-background: #262626;
835
+ --dt-theme-sidebar-icon-color-foreground: #C2C2C2;
836
+ --dt-theme-sidebar-status-color-foreground: #AAAAAA;
837
+ --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
838
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.18);
839
+ --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.24);
840
+ --dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
841
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.2);
842
+ --dt-theme-sidebar-section-color-foreground: #AAAAAA;
843
+ --dt-theme-presence-color-background-available: #B0FFA3;
844
+ --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
845
+ --dt-theme-presence-color-background-busy: #F6AB3C;
846
+ --dt-theme-presence-color-background-offline: #ffffff;
847
+ --dt-theme-mention-color-foreground: #ffffff;
848
+ --dt-theme-mention-color-background: #7C52FF;
849
+ --dt-avatar-color-foreground: #000000;
850
+ --dt-avatar-color-background-100: #1aa340;
851
+ --dt-avatar-color-background-200: #aaff83;
852
+ --dt-avatar-color-background-300: #adea88;
853
+ --dt-avatar-color-background-400: #77eca6;
854
+ --dt-avatar-color-background-500: #7aedbd;
855
+ --dt-avatar-color-background-600: #77deec;
856
+ --dt-avatar-color-background-700: #5ed8ff;
857
+ --dt-avatar-color-background-800: #99e7ff;
858
+ --dt-avatar-color-background-900: #51a0fe;
859
+ --dt-avatar-color-background-1000: #b6cfff;
860
+ --dt-avatar-color-background-1100: #f1b7e8;
861
+ --dt-avatar-color-background-1200: #ec77bd;
862
+ --dt-avatar-color-background-1300: #ff67be;
863
+ --dt-avatar-color-background-1400: #f87e7e;
864
+ --dt-avatar-color-background-1500: #eca877;
865
+ --dt-avatar-color-background-1600: #ffbe41;
866
+ --dt-avatar-color-background-1700: #ffd646;
867
+ --dt-avatar-color-background-1800: #f1dab7;
868
+ --dt-avatar-color-background-000: #e0e0e0;
869
+ --dt-badge-color-background-default: hsl(0 0% 90.2% / 0.15);
870
+ --dt-badge-color-background-info: #01326D;
871
+ --dt-badge-color-background-success: #124620;
872
+ --dt-badge-color-background-warning: #815008;
873
+ --dt-badge-color-background-critical: #5B0505;
874
+ --dt-badge-color-background-bulletin: #7C52FF;
875
+ --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
876
+ --dt-badge-color-foreground-default: #E6E6E6;
877
+ --dt-badge-color-foreground-bulletin: #ffffff;
878
+ --dt-checkbox-size-width: 1.6rem;
879
+ --dt-checkbox-size-height: 1.6rem;
880
+ --dt-checkbox-size-radius: 0.4rem;
881
+ --dt-checkbox-color-border-unchecked: #808080;
882
+ --dt-checkbox-color-border-checked: #7C52FF;
883
+ --dt-checkbox-color-background-checked: #7C52FF;
884
+ --dt-icon-size-100: 1.2rem;
885
+ --dt-icon-size-200: 1.4rem;
886
+ --dt-icon-size-300: 1.8rem;
887
+ --dt-icon-size-400: 2rem;
888
+ --dt-icon-size-500: 2.4rem;
889
+ --dt-icon-size-600: 3.2rem;
890
+ --dt-icon-size-700: 3.8rem;
891
+ --dt-icon-size-800: 4.8rem;
892
+ --dt-icon-size-border-100: 0.1rem;
893
+ --dt-icon-size-border-200: 0.125rem;
894
+ --dt-icon-size-border-300: 0.15rem;
895
+ --dt-icon-size-border-400: 0.175rem;
896
+ --dt-icon-size-border-500: 0.175rem;
897
+ --dt-icon-size-border-600: 0.25rem;
898
+ --dt-icon-size-border-700: 0.275rem;
899
+ --dt-icon-size-border-800: 0.35rem;
900
+ --dt-radio-size-width: 1.6rem;
901
+ --dt-radio-size-height: 1.6rem;
902
+ --dt-radio-size-radius: 50%;
903
+ --dt-radio-color-border-unchecked: #808080;
904
+ --dt-radio-color-border-checked: #7C52FF;
905
+ --dt-radio-color-background-checked: #7C52FF;
906
906
  }