@arc-ui/tokens-ee 12.0.0-beta.5 → 12.0.0-beta7

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 (6) hide show
  1. package/dist/index.cjs.d.ts +1529 -1413
  2. package/dist/index.cjs.js +1639 -1407
  3. package/dist/index.css +1515 -1399
  4. package/dist/index.es.js +1516 -1400
  5. package/dist/scss/index.scss +1515 -1399
  6. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,1170 +1,129 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Aug 2024 08:40:41 GMT
3
+ * Generated on Fri, 25 Oct 2024 08:32:14 GMT
4
4
  */
5
5
 
6
6
  .arc-ds-sys-theme--ee {
7
- --sem-font-family-heading: Non-Dottee;
8
- --sem-font-family-body: Non-Dottee;
9
- --sem-font-family-interface: Non-Dottee;
10
- --sem-font-weight-regular: 400;
11
- --sem-font-weight-semi: 700;
12
- --sem-font-weight-bold: 700;
13
- --sem-font-weight-button: 700;
14
- --sem-font-weight-semi-bold: 500;
15
- --sem-type-body-reg-xs: 400 12px/16px Non-Dottee;
16
- --sem-type-body-reg-s: 400 14px/20px Non-Dottee;
17
- --sem-type-body-reg-m: 400 16px/24px Non-Dottee;
18
- --sem-type-body-reg-l: 400 20px/26px Non-Dottee;
19
- --sem-type-body-bold-xs: 700 12px/16px Non-Dottee;
20
- --sem-type-body-bold-s: 700 14px/20px Non-Dottee;
21
- --sem-type-body-bold-m: 700 16px/24px Non-Dottee;
22
- --sem-type-body-bold-l: 700 20px/26px Non-Dottee;
23
- --sem-type-body-semi-xs: 700 12px/16px Non-Dottee;
24
- --sem-type-body-semi-s: 700 14px/20px Non-Dottee;
25
- --sem-type-body-semi-m: 700 16px/24px Non-Dottee;
26
- --sem-type-body-semi-l: 700 20px/26px Non-Dottee;
27
- --sem-type-interface-reg-xs: 400 12px/12px Non-Dottee;
28
- --sem-type-interface-reg-s: 400 14px/14px Non-Dottee;
29
- --sem-type-interface-reg-m: 400 16px/16px Non-Dottee;
30
- --sem-type-interface-reg-l: 400 20px/20px Non-Dottee;
31
- --sem-type-interface-semi-xs: 700 12px/12px Non-Dottee;
32
- --sem-type-interface-semi-s: 700 14px/14px Non-Dottee;
33
- --sem-type-interface-semi-m: 700 16px/16px Non-Dottee;
34
- --sem-type-interface-semi-l: 700 20px/20px Non-Dottee;
35
- --sem-type-interface-bold-xs: 700 12px/12px Non-Dottee;
36
- --sem-type-interface-bold-s: 700 14px/14px Non-Dottee;
37
- --sem-type-interface-bold-m: 700 16px/16px Non-Dottee;
38
- --sem-type-interface-bold-l: 700 20px/20px Non-Dottee;
39
- --sem-type-interface-button-s: 700 14px/14px Non-Dottee;
40
- --sem-type-interface-button-m: 700 16px/16px Non-Dottee;
41
- --sem-type-interface-button-l: 700 20px/20px Non-Dottee;
42
- --sem-type-interface-card-semi-m: 700 24px/32px Non-Dottee;
43
- --sem-type-interface-card-semi-l: 700 28px/32px Non-Dottee;
44
- --sem-type-interface-card-semi-xl: 700 32px/40px Non-Dottee;
45
- --sem-type-interface-card-semi-s: 700 20px/26px Non-Dottee;
46
- --sem-type-interface-alert-title-m: 700 16px/24px Non-Dottee;
47
- --sem-type-interface-progress-bar-title-m: 400 16px/16px Non-Dottee;
48
- --sem-type-support-reg-xs: 400 12px/16px Non-Dottee;
49
- --sem-type-support-reg-s: 400 14px/20px Non-Dottee;
50
- --sem-type-support-reg-m: 400 16px/24px Non-Dottee;
51
- --sem-type-support-reg-l: 400 20px/26px Non-Dottee;
52
- --sem-type-mobile-semi-xxxs: 700 12px/16px Non-Dottee;
53
- --sem-type-mobile-semi-xxs: 700 14px/20px Non-Dottee;
54
- --sem-type-mobile-semi-xs: 700 16px/24px Non-Dottee;
55
- --sem-type-mobile-semi-s: 700 20px/26px Non-Dottee;
56
- --sem-type-mobile-semi-m: 700 24px/32px Non-Dottee;
57
- --sem-type-mobile-semi-l: 700 28px/36px Non-Dottee;
58
- --sem-type-mobile-semi-xl: 700 36px/44px Non-Dottee;
59
- --sem-type-mobile-semi-xxl: 700 40px/48px Non-Dottee;
60
- --sem-type-mobile-semi-xxxl: 700 56px/64px Non-Dottee;
61
- --sem-type-mobile-bold-xxxs: 700 12px/16px Non-Dottee;
62
- --sem-type-mobile-bold-xxs: 700 14px/20px Non-Dottee;
63
- --sem-type-mobile-bold-xs: 700 16px/24px Non-Dottee;
64
- --sem-type-mobile-bold-s: 700 20px/26px Non-Dottee;
65
- --sem-type-mobile-bold-m: 700 24px/32px Non-Dottee;
66
- --sem-type-mobile-bold-l: 700 28px/36px Non-Dottee;
67
- --sem-type-mobile-bold-xl: 700 36px/44px Non-Dottee;
68
- --sem-type-mobile-bold-xxl: 700 40px/48px Non-Dottee;
69
- --sem-type-mobile-bold-xxxl: 700 56px/64px Non-Dottee;
70
- --sem-type-tablet-semi-m: 700 28px/36px Non-Dottee;
71
- --sem-type-tablet-semi-l: 700 32px/40px Non-Dottee;
72
- --sem-type-tablet-semi-xl: 700 40px/48px Non-Dottee;
73
- --sem-type-tablet-semi-xxl: 700 56px/64px Non-Dottee;
74
- --sem-type-tablet-semi-xxxl: 700 80px/96px Non-Dottee;
75
- --sem-type-tablet-bold-m: 700 28px/36px Non-Dottee;
76
- --sem-type-tablet-bold-l: 700 32px/40px Non-Dottee;
77
- --sem-type-tablet-bold-xl: 700 40px/48px Non-Dottee;
78
- --sem-type-tablet-bold-xxl: 700 56px/64px Non-Dottee;
79
- --sem-type-tablet-bold-xxxl: 700 80px/96px Non-Dottee;
80
- --sem-type-desktop-semi-m: 700 32px/40px Non-Dottee;
81
- --sem-type-desktop-semi-l: 700 40px/48px Non-Dottee;
82
- --sem-type-desktop-semi-xl: 700 56px/64px Non-Dottee;
83
- --sem-type-desktop-semi-xxl: 700 80px/96px Non-Dottee;
84
- --sem-type-desktop-semi-xxxl: 700 120px/136px Non-Dottee;
85
- --sem-type-desktop-bold-m: 700 32px/40px Non-Dottee;
86
- --sem-type-desktop-bold-l: 700 40px/48px Non-Dottee;
87
- --sem-type-desktop-bold-xl: 700 56px/64px Non-Dottee;
88
- --sem-type-desktop-bold-xxl: 700 80px/96px Non-Dottee;
89
- --sem-type-desktop-bold-xxxl: 700 120px/136px Non-Dottee;
90
- --sem-type-label-reg-xxs: 400 14px/20px Non-Dottee;
91
- --sem-type-label-reg-xs: 400 14px/20px Non-Dottee;
92
- --sem-type-label-reg-l: 400 20px/26px Non-Dottee;
93
- --sem-type-label-reg-m: 400 16px/24px Non-Dottee;
94
- --sem-type-label-reg-xl: 400 20px/26px Non-Dottee;
95
- --sem-type-label-reg-s: 400 14px/20px Non-Dottee;
96
- --sem-font-size-75: 12px;
97
- --sem-font-size-87: 14px;
98
- --sem-font-size-100: 16px;
99
- --sem-font-size-125: 20px;
100
- --sem-font-size-150: 24px;
101
- --sem-font-size-175: 28px;
102
- --sem-font-size-200: 32px;
103
- --sem-font-size-225: 36px;
104
- --sem-font-size-250: 40px;
105
- --sem-font-size-300: 48px;
106
- --sem-font-size-350: 56px;
107
- --sem-font-size-400: 64px;
108
- --sem-font-size-500: 80px;
109
- --sem-font-size-750: 120px;
110
- --sem-line-height-base-scale-xxxs: 16px;
111
- --sem-line-height-base-scale-xxs: 20px;
112
- --sem-line-height-base-scale-xs: 24px;
113
- --sem-line-height-base-scale-s: 26px;
114
- --sem-line-height-base-scale-m: 28px;
115
- --sem-line-height-base-scale-l: 32px;
116
- --sem-line-height-base-scale-xl: 36px;
117
- --sem-line-height-base-scale-xxl: 40px;
118
- --sem-line-height-base-scale-xxxl: 44px;
119
- --sem-line-height-base-scale-xxxxl: 48px;
120
- --sem-line-height-base-scale-xxxxxl: 64px;
121
- --sem-line-height-base-scale-xxxxxxl: 96px;
122
- --sem-line-height-base-scale-xxxxxxxl: 136px;
123
- --sem-line-height-interface-none: 0px;
124
- --sem-line-height-interface-xxxs: 8px;
125
- --sem-line-height-interface-xxs: 10px;
126
- --sem-line-height-interface-xs: 12px;
127
- --sem-line-height-interface-s: 14px;
128
- --sem-line-height-interface-m: 16px;
129
- --sem-line-height-interface-l: 20px;
130
- --sem-paragraph-spacing-heading: 0;
131
- --sem-paragraph-spacing-body: 0.5;
132
- --sem-paragraph-spacing-interface: 0;
133
- --sem-size-icon-xxxs: 12px;
134
- --sem-size-icon-xxs: 14px;
135
- --sem-size-icon-xs: 16px;
136
- --sem-size-icon-s: 20px;
137
- --sem-size-icon-m: 24px;
138
- --sem-size-icon-ml: 42px;
139
- --sem-size-icon-l: 28px;
140
- --sem-size-icon-xl: 32px;
141
- --sem-size-icon-xxl: 40px;
142
- --sem-size-icon-xxxl: 48px;
143
- --sem-size-icon-xxxxl: 64px;
144
- --sem-size-icon-xxxxxl: 80px;
145
- --sem-size-icon-xxxxxxl: 96px;
146
- --sem-size-icon-xxxxs: 32px;
147
- --sem-size-icon-xxxxxxs: 10px;
148
- --sem-size-all-5: 2px;
149
- --sem-size-all-10: 1px;
150
- --sem-size-all-20: 4px;
151
- --sem-size-all-30: 8px;
152
- --sem-size-all-40: 12px;
153
- --sem-size-all-45: 14px;
154
- --sem-size-all-50: 16px;
155
- --sem-size-all-60: 20px;
156
- --sem-size-all-70: 24px;
157
- --sem-size-all-75: 26px;
158
- --sem-size-all-80: 28px;
159
- --sem-size-all-85: 28px;
160
- --sem-size-all-90: 32px;
161
- --sem-size-all-95: 34px;
162
- --sem-size-all-100: 36px;
163
- --sem-size-all-110: 40px;
164
- --sem-size-all-115: 36px;
165
- --sem-size-all-120: 42px;
166
- --sem-size-all-130: 44px;
167
- --sem-size-all-140: 48px;
168
- --sem-size-all-142: 52px;
169
- --sem-size-all-145: 56px;
170
- --sem-size-all-150: 58px;
171
- --sem-size-all-155: 60px;
172
- --sem-size-all-160: 64px;
173
- --sem-size-all-162: 84px; /* SiteHeader (ENT) */
174
- --sem-size-all-165: 80px;
175
- --sem-size-all-170: 96px;
176
- --sem-size-all-175: 96px;
177
- --sem-size-all-178: 72px;
178
- --sem-size-all-180: 128px;
179
- --sem-size-all-182: 106px;
180
- --sem-size-all-185: 282px;
181
- --sem-size-all-190: 288px;
182
- --sem-size-all-195: 304px;
183
- --sem-size-all-200: 384px;
184
- --sem-size-all-210: 472px;
185
- --sem-size-all-220: 591px;
186
- --sem-size-all-230: 800px;
187
- --sem-size-all-240: 800px;
188
- --sem-size-breakpoints-xs: 320px; /* Extra Small (XS) - 320px or under 576px: This is typically the breakpoint for smartphones in portrait mode. */
189
- --sem-size-breakpoints-s: 576px; /* Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets. */
190
- --sem-size-breakpoints-m: 768px; /* Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens. */
191
- --sem-size-breakpoints-l: 1024px; /* Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops. */
192
- --sem-size-breakpoints-xl: 1280px; /* Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens. */
193
- --sem-size-breakpoints-xxl: 1440px; /* Extra Large (XXL) - Used for very large desktop screens. */
194
- --sem-size-vertical-10: 4px; /* This can be reserved for commonly used components: buttons, dropdowns, inputs etc */
195
- --sem-size-vertical-20: 8px;
196
- --sem-size-vertical-30: 12px;
197
- --sem-size-vertical-40: 16px;
198
- --sem-size-vertical-50: 20px;
199
- --sem-size-vertical-60: 24px;
200
- --sem-size-vertical-70: 28px;
201
- --sem-size-vertical-80: 32px;
202
- --sem-size-vertical-90: 40px;
203
- --sem-size-vertical-100: 48px;
204
- --sem-size-vertical-110: 64px;
205
- --sem-size-vertical-120: 96px;
206
- --sem-size-vertical-130: 128px;
207
- --sem-space-padding-5: 1px;
208
- --sem-space-padding-10: 2px;
209
- --sem-space-padding-15: 3px;
210
- --sem-space-padding-20: 4px;
211
- --sem-space-padding-30: 6px;
212
- --sem-space-padding-40: 8px;
213
- --sem-space-padding-45: 22px;
214
- --sem-space-padding-50: 10px;
215
- --sem-space-padding-60: 12px;
216
- --sem-space-padding-70: 16px;
217
- --sem-space-padding-80: 18px;
218
- --sem-space-padding-90: 20px;
219
- --sem-space-padding-100: 22px;
220
- --sem-space-padding-110: 24px;
221
- --sem-space-padding-120: 28px;
222
- --sem-space-padding-130: 32px;
223
- --sem-space-padding-140: 40px;
224
- --sem-space-padding-145: 40px;
225
- --sem-space-padding-150: 44px;
226
- --sem-space-padding-160: 48px;
227
- --sem-space-padding-170: 56px;
228
- --sem-space-padding-180: 64px;
229
- --sem-space-padding-190: 128px;
230
- --sem-space-gap-5: 0px;
231
- --sem-space-gap-10: 2px;
232
- --sem-space-gap-20: 4px;
233
- --sem-space-gap-30: 6px;
234
- --sem-space-gap-40: 8px;
235
- --sem-space-gap-60: 12px;
236
- --sem-space-gap-70: 16px;
237
- --sem-space-gap-80: 18px;
238
- --sem-space-gap-90: 20px;
239
- --sem-space-gap-100: 22px;
240
- --sem-space-gap-110: 24px;
241
- --sem-space-gap-120: 28px;
242
- --sem-space-gap-130: 32px;
243
- --sem-space-gap-140: 40px;
244
- --sem-space-gap-150: 44px;
245
- --sem-space-gap-160: 48px;
246
- --sem-space-gap-170: 56px;
247
- --sem-space-gap-180: 64px;
248
- --sem-space-gap-190: 128px;
249
- --sem-space-gap-none: 0px;
250
- --sem-space-stack-10: 2px;
251
- --sem-space-stack-20: 4px;
252
- --sem-space-stack-30: 8px;
253
- --sem-space-stack-40: 12px;
254
- --sem-space-stack-50: 16px;
255
- --sem-space-stack-60: 18px;
256
- --sem-space-stack-70: 20px;
257
- --sem-space-stack-80: 22px;
258
- --sem-space-stack-90: 24px;
259
- --sem-space-stack-100: 28px;
260
- --sem-space-stack-110: 32px;
261
- --sem-space-stack-120: 36px;
262
- --sem-space-stack-130: 40px;
263
- --sem-space-stack-140: 44px;
264
- --sem-space-stack-150: 48px;
265
- --sem-space-stack-160: 56px;
266
- --sem-space-stack-170: 64px;
267
- --sem-space-stack-180: 72px;
268
- --sem-space-stack-190: 80px;
269
- --sem-space-stack-200: 96px;
270
- --sem-space-stack-210: 112px;
271
- --sem-space-stack-220: 128px;
272
- --sem-space-stack-none: 0px;
273
- --sem-space-variant-gap-30: 8px;
274
- --sem-border-width-xxxxs: 0;
275
- --sem-border-width-xxxs: 1px; /* Used: Alerts / */
276
- --sem-border-width-xxs: 4px; /* Used: Alerts / */
277
- --sem-border-width-xs: 1px;
278
- --sem-border-width-s: 2px;
279
- --sem-border-width-l: 3px;
280
- --sem-border-width-xl: 4px;
281
- --sem-border-width-xxl: 8px;
282
- --sem-border-width-xxxl: 10px;
283
- --sem-border-width-m: 2px;
284
- --sem-border-radius-xxxxxxs: 2px;
285
- --sem-border-radius-xxxxxs: 8px;
286
- --sem-border-radius-xxxxs: 8px;
287
- --sem-border-radius-xxxs: 4px;
288
- --sem-border-radius-xxs: 4px;
289
- --sem-border-radius-xs: 8px;
290
- --sem-border-radius-s: 16px;
291
- --sem-border-radius-m: 16px;
292
- --sem-border-radius-l: 24px;
293
- --sem-border-radius-xl: 32px;
294
- --sem-border-radius-xxl: 1000px;
295
- --sem-border-radius-xxxl: 4px;
296
- --sem-border-radius-variant-s: 8px;
297
- --sem-border-radius-variant-m: 12px;
298
- --sem-border-radius-variant-l: 8px;
299
- --sem-color-gradient-border-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* indigo-gradient-1 */
300
- --sem-color-gradient-border-03: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); /* dark: pink-gradient-1 */
301
- --sem-color-gradient-border-04: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* dark: pink-gradient-2 */
302
- --sem-color-gradient-border-05: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%); /* dark: pink-gradient-2 */
303
- --sem-color-gradient-border-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); /* turquoise-gradient */
304
- --sem-color-gradient-bg-10: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); /* dark: pink-gradient-1 */
305
- --sem-color-gradient-bg-11: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* indigo-gradient-1 */
306
- --sem-color-gradient-bg-09: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* dark: pink-gradient-2 */
307
- --sem-color-gradient-bg-08: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); /* coral-gradient */
308
- --sem-color-gradient-bg-05: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
309
- --sem-color-gradient-bg-06: linear-gradient(225deg, #5615b4 0%, #4665cd 100%); /* turquoise-gradient */
310
- --sem-color-gradient-bg-07: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%); /* turquoise-gradient */
311
- --sem-color-gradient-bg-01: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%);
312
- --sem-color-gradient-bg-02: linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%); /* turquoise-gradient */
313
- --sem-color-gradient-bg-03: linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%); /* turquoise-gradient */
314
- --sem-color-gradient-bg-04: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
315
- --sem-color-gradient-fg-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); /* turquoise-gradient */
316
- --sem-color-gradient-tertiary-light-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* turquoise-gradient */
317
- --sem-color-gradient-tertiary-dark-emphasis: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* turquoise-gradient */
318
- --sem-color-status-border-light-error: #D20007;
319
- --sem-color-status-border-light-warning: #B14D00;
320
- --sem-color-status-border-light-success: #138100;
321
- --sem-color-status-border-light-general: #3F3F3F;
322
- --sem-color-status-border-dark-error: #FF8883;
323
- --sem-color-status-border-dark-warning: #FFA94D;
324
- --sem-color-status-border-dark-general: #F3F3F3;
325
- --sem-color-status-border-dark-success: #73C367;
326
- --sem-color-status-border-dark-error-subtle: #E81D1D;
327
- --sem-color-status-border-dark-warning-subtle: #FEDDA4;
328
- --sem-color-status-border-dark-success-subtle: #138100;
329
- --sem-color-status-border-dark-error-minimal: #D20007;
330
- --sem-color-status-bg-light-error-alt: #D20007;
331
- --sem-color-status-bg-light-warning-alt: #FFA94D;
332
- --sem-color-status-bg-light-success-alt: #0F6D00;
333
- --sem-color-status-bg-light-warning-strong: #ffa200;
334
- --sem-color-status-bg-light-error-strong: #da020f;
335
- --sem-color-status-bg-light-error: #FEEDED;
336
- --sem-color-status-bg-light-success: #e6f4e5;
337
- --sem-color-status-bg-light-warning: #FEF2DE;
338
- --sem-color-status-bg-light-general: #F3F3F3;
339
- --sem-color-status-bg-light-general-alt: #2a2a2a;
340
- --sem-color-status-bg-light-error-subtle: #AA0006;
341
- --sem-color-status-bg-light-error-emphasis: #ffc8cb;
342
- --sem-color-status-bg-dark-error-strong: #FF8883;
343
- --sem-color-status-bg-dark-warning-strong: #FFA94D;
344
- --sem-color-status-bg-dark-error: #2D0002;
345
- --sem-color-status-bg-dark-success: #073600;
346
- --sem-color-status-bg-dark-warning: #4B2000;
347
- --sem-color-status-bg-dark-general: #2B2B2B;
348
- --sem-color-status-bg-dark-general-alt: #f0f0f0;
349
- --sem-color-status-bg-dark-default: #FFFFFF;
350
- --sem-color-status-bg-dark-error-subtle: #401313;
351
- --sem-color-status-fg-light-error: #D20007;
352
- --sem-color-status-fg-light-warning: #B14D00;
353
- --sem-color-status-fg-light-success: #138100;
354
- --sem-color-status-fg-light-general: #3F3F3F;
355
- --sem-color-status-fg-light-warning-alt: #ffa200;
356
- --sem-color-status-fg-dark-error-alt: #D20007;
357
- --sem-color-status-fg-dark-error-subtle: #E81D1D;
358
- --sem-color-status-fg-dark-error: #FF8883;
359
- --sem-color-status-fg-dark-warning: #FFA94D;
360
- --sem-color-status-fg-dark-success: #73C367;
361
- --sem-color-status-fg-dark-success-subtle: #138100;
362
- --sem-color-status-fg-dark-warning-alt: #2a2a2a;
363
- --sem-color-status-fg-dark-warning-subtle: #2a2a2a;
364
- --sem-color-status-fg-dark-general: #F3F3F3;
365
- --sem-color-border-primary-light-default: #111111; /* Brand indigo */
366
- --sem-color-border-primary-light-subtle: #686868;
367
- --sem-color-border-primary-light-strong: #525252; /* Brand indigo */
368
- --sem-color-border-primary-light-emphasis: #111111; /* Brand indigo */
369
- --sem-color-border-primary-light-minimal: #BBBBBB;
370
- --sem-color-border-primary-light-minimal-alt: #3F3F3F;
371
- --sem-color-border-primary-light-emphasis-subtle: #BBBBBB; /* Brand indigo */
372
- --sem-color-border-primary-dark-default: #FFFFFF;
373
- --sem-color-border-primary-dark-subtle: #BBBBBB;
374
- --sem-color-border-primary-dark-strong: #F3F3F3;
375
- --sem-color-border-primary-dark-emphasis: #D9D9D9;
376
- --sem-color-border-primary-dark-minimal: #BBBBBB;
377
- --sem-color-border-secondary-light-default: #818181;
378
- --sem-color-border-secondary-light-subtle: #D9D9D9;
379
- --sem-color-border-secondary-light-strong: #525252;
380
- --sem-color-border-secondary-light-minimal: #BBBBBB;
381
- --sem-color-border-secondary-light-alt: #F3F3F3;
382
- --sem-color-border-secondary-light-default-alt: #818181;
383
- --sem-color-border-secondary-light-muted: #ffffff;
384
- --sem-color-border-secondary-dark-default: #F3F3F3;
385
- --sem-color-border-secondary-dark-strong: #BBBBBB;
386
- --sem-color-border-secondary-dark-subtle: #686868;
387
- --sem-color-border-secondary-dark-minimal: #525252;
388
- --sem-color-border-secondary-dark-alt: #2B2B2B;
389
- --sem-color-border-secondary-dark-muted: #6b6b6b;
390
- --sem-color-border-tertiary-light-default: #009BA5;
391
- --sem-color-border-tertiary-dark-default: #06C3C2;
392
- --sem-color-bg-primary-light-default: #111111;
393
- --sem-color-bg-primary-light-default-alt: #035F6E; /* Brand indigo */
394
- --sem-color-bg-primary-light-default-strong: #111111; /* Brand indigo */
395
- --sem-color-bg-primary-light-subtle: #3F3F3F; /* Brand indigo */
396
- --sem-color-bg-primary-light-strong: #2B2B2B;
397
- --sem-color-bg-primary-light-emphasis: #9C9C9C; /* Brand indigo */
398
- --sem-color-bg-primary-light-minimal: #F3F3F3; /* Brand indigo */
399
- --sem-color-bg-primary-light-subtle-alt: #F3F3F3; /* Brand indigo */
400
- --sem-color-bg-primary-light-minimal-alt: #057382;
401
- --sem-color-bg-primary-dark-default: #FFFFFF;
402
- --sem-color-bg-primary-dark-default-alt: #F3F3F3;
403
- --sem-color-bg-primary-dark-strong: #F3F3F3;
404
- --sem-color-bg-primary-dark-subtle: #BBBBBB;
405
- --sem-color-bg-primary-dark-emphasis: #F3F3F3;
406
- --sem-color-bg-primary-dark-minimal: #FFFFFF;
407
- --sem-color-bg-primary-dark-minimal-alt: #818181;
408
- --sem-color-bg-secondary-light-default: #FFFFFF;
409
- --sem-color-bg-secondary-light-default-alt: #f7f7f7;
410
- --sem-color-bg-secondary-light-subtle: #818181;
411
- --sem-color-bg-secondary-light-strong: #686868;
412
- --sem-color-bg-secondary-light-minimal: #BBBBBB;
413
- --sem-color-bg-secondary-light-minimal-alt: #D9D9D9;
414
- --sem-color-bg-secondary-light-muted: #D9D9D9;
415
- --sem-color-bg-secondary-light-alt: #2B2B2B;
416
- --sem-color-bg-secondary-light-strong-alt: #111111;
417
- --sem-color-bg-secondary-light-muted-alt: #F3F3F3;
418
- --sem-color-bg-secondary-light-muted-subtle: #ffffff;
419
- --sem-color-bg-secondary-dark-default: #111111;
420
- --sem-color-bg-secondary-dark-strong: #BBBBBB;
421
- --sem-color-bg-secondary-dark-alt: #FFFFFF;
422
- --sem-color-bg-secondary-dark-strong-alt: #FFFFFF;
423
- --sem-color-bg-secondary-dark-subtle: #9C9C9C;
424
- --sem-color-bg-secondary-dark-minimal: #818181;
425
- --sem-color-bg-secondary-dark-minimal-alt: #2B2B2B;
426
- --sem-color-bg-secondary-dark-muted: #686868;
427
- --sem-color-bg-secondary-dark-muted-alt: #3F3F3F;
428
- --sem-color-bg-tertiary-warning-default: #AA0006;
429
- --sem-color-bg-tertiary-warning-subtle: #840106;
430
- --sem-color-bg-tertiary-warning-strong: #600104;
431
- --sem-color-bg-tertiary-status-light-general: #2a2a2a;
432
- --sem-color-bg-tertiary-status-light-error: #2a2a2a;
433
- --sem-color-bg-tertiary-status-light-warning: #2a2a2a;
434
- --sem-color-bg-tertiary-status-light-success: #2a2a2a;
435
- --sem-color-bg-tertiary-status-light-error-alt: #2a2a2a;
436
- --sem-color-bg-tertiary-status-light-success-alt: #2a2a2a;
437
- --sem-color-text-status-light-default: #ffffff;
438
- --sem-color-text-status-light-error: #ffffff;
439
- --sem-color-text-status-light-warning: #2a2a2a;
440
- --sem-color-text-status-light-success: #ffffff;
441
- --sem-color-text-status-dark-default: #2a2a2a;
442
- --sem-color-text-status-dark-error: #2a2a2a;
443
- --sem-color-text-primary-light-default: #001318;
444
- --sem-color-text-primary-light-default-alt: #5514b4;
445
- --sem-color-text-primary-light-hover: #2a1c4a;
446
- --sem-color-text-primary-light-default-strong: #ffffff;
447
- --sem-color-text-primary-light-emphasis: #ffffff;
448
- --sem-color-text-primary-light-subtle: #6b6b6b;
449
- --sem-color-text-primary-light-strong: #01404C;
450
- --sem-color-text-primary-dark-default: #ffffff;
451
- --sem-color-text-primary-dark-strong: #ffffff;
452
- --sem-color-text-primary-dark-default-alt: #efe5f7;
453
- --sem-color-text-primary-dark-strong-alt: #D9D9D9;
454
- --sem-color-text-secondary-light-default: #5514b4;
455
- --sem-color-text-secondary-light-default-alt: #ffffff;
456
- --sem-color-text-secondary-light-hover: #2a1c4a;
457
- --sem-color-text-secondary-light-default-strong: #ffffff;
458
- --sem-color-text-secondary-light-emphasis: #ff80ff;
459
- --sem-color-text-secondary-light-subtle: #6b6b6b;
460
- --sem-color-text-secondary-light-strong: #2a2a2a;
461
- --sem-color-text-secondary-dark-default: #ffffff;
462
- --sem-color-text-secondary-dark-default-alt: #F3F3F3;
463
- --sem-color-text-secondary-dark-strong: #ffffff;
464
- --sem-color-text-secondary-dark-strong-alt: #ffe4ff;
465
- --sem-color-fg-primary-light-default: #009BA5;
466
- --sem-color-fg-primary-light-subtle: #057382;
467
- --sem-color-fg-primary-light-strong: #001318;
468
- --sem-color-fg-primary-light-emphasis: #035F6E; /* Brand indigo */
469
- --sem-color-fg-primary-light-vibrant: #057382; /* Brand indigo */
470
- --sem-color-fg-primary-light-minimal: #3F3F3F; /* Brand indigo */
471
- --sem-color-fg-primary-light-default-alt: #001318;
472
- --sem-color-fg-primary-light-subtle-alt: #3f187f;
473
- --sem-color-fg-primary-dark-default: #EBF304;
474
- --sem-color-fg-primary-dark-subtle: #FFFFFF;
475
- --sem-color-fg-primary-dark-strong: #F8FF19;
476
- --sem-color-fg-primary-dark-emphasis: #ABAD00;
477
- --sem-color-fg-primary-dark-vibrant: #EBF304; /* Brand indigo */
478
- --sem-color-fg-secondary-light-default: #2B2B2B;
479
- --sem-color-fg-secondary-light-subtle: #818181;
480
- --sem-color-fg-secondary-light-strong: #686868;
481
- --sem-color-fg-secondary-light-minimal: #BBBBBB;
482
- --sem-color-fg-secondary-light-muted: #525252;
483
- --sem-color-fg-secondary-light-alt: #FFFFFF;
484
- --sem-color-fg-secondary-light-default-alt: #2a2a2a;
485
- --sem-color-fg-secondary-light-subtle-alt: #9C9C9C;
486
- --sem-color-fg-secondary-light-strong-alt: #111111;
487
- --sem-color-fg-secondary-light-minimal-alt: #ffffff;
488
- --sem-color-fg-secondary-light-muted-alt: #6b6b6b;
489
- --sem-color-fg-secondary-light-strong-subtle: #aaaaaa;
490
- --sem-color-fg-secondary-dark-default: #FFFFFF;
491
- --sem-color-fg-secondary-dark-muted: #BBBBBB;
492
- --sem-color-fg-secondary-dark-strong: #9C9C9C;
493
- --sem-color-fg-secondary-dark-subtle: #686868;
494
- --sem-color-fg-secondary-dark-minimal: #525252;
495
- --sem-color-fg-secondary-dark-alt: #2B2B2B;
496
- --sem-color-fg-secondary-dark-minimal-alt: #111111;
497
- --sem-color-fg-secondary-dark-subtle-alt: #818181;
498
- --sem-color-overlay-gradient-faded: rgba(85,20,180,0.5);
499
- --sem-color-overlay-gradient-dark-faded: rgba(255,128,255,0.5);
500
- --sem-color-overlay-flat-default: rgba(0,0,0,0.5);
501
- --sem-color-overlay-flat-light: rgba(255,255,255,0.5);
502
- --sem-color-overlay-flat-brand: rgba(85,20,180,0.5);
503
- --sem-inner-shadow-01: inset 0 1px 0 0 #c8c8c8;
504
- --sem-inner-shadow-02: inset 0 1px 0 0 #c8c8c8;
505
- --sem-box-shadow-01: 0 2px 6px 2px rgba( 0, 0, 0 , 0.25);
506
- --sem-box-shadow-02: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.25);
507
- --sem-box-shadow-03: 0 2px 6px 2px rgba( 0, 0, 0 , 0.9 );
508
- --sem-box-shadow-04: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.9);
509
- --sem-box-shadow-05: 0 0 0 2px #8449cc;
510
- --sem-box-shadow-06: 0 0 0 2px #fd51ff;
511
- --sem-underline: underline;
512
- --sem-line-through: line-through;
513
- --sem-scale-modifier-1: 4px;
514
- --sem-scale-modifier-3: 4px;
515
- --sem-scale-modifier-2: 3px;
516
- --sem-scale-modifier-4: 0;
517
- --select-size-s: 32px;
518
- --select-size-m: 44px;
519
- --select-size-l: 64px;
520
- --select-padding-s: 8px;
521
- --select-padding-m: 12px;
522
- --select-padding-l: 16px;
523
- --select-padding-xl: 28px;
524
- --select-border-radius-s: 4px;
525
- --select-border-radius-m: 4px;
526
- --select-border-radius-l: 8px;
527
- --select-border-weight-s: 1px;
528
- --select-border-weight-m: 2px;
529
- --select-border-weight-l: 4px;
530
- --select-gap-s: 4px;
531
- --select-gap-m: 8px;
532
- --select-gap-l: 12px;
533
- --select-size-icon-s: 16px;
534
- --select-size-icon-m: 20px;
535
- --select-size-icon-l: 24px;
536
- --select-colors-light-bg-default: #FFFFFF;
537
- --select-colors-light-bg-hover: #D9D9D9;
538
- --select-colors-light-bg-disabled: #D9D9D9;
539
- --select-colors-light-bg-error: #FEEDED;
540
- --select-colors-light-bg-hover-alt: #D9D9D9;
541
- --select-colors-light-bg-selected: #F3F3F3;
542
- --select-colors-light-border-default: #818181;
543
- --select-colors-light-border-hover: #525252;
544
- --select-colors-light-border-focus: #111111;
545
- --select-colors-light-border-disabled: #D9D9D9;
546
- --select-colors-light-border-error: #D20007;
547
- --select-colors-light-border-subtle: #BBBBBB;
548
- --select-colors-light-fg-default: #2B2B2B;
549
- --select-colors-light-fg-disabled: #686868;
550
- --select-colors-light-fg-subtle: #BBBBBB;
551
- --select-colors-light-fg-error: #D20007;
552
- --select-colors-light-text-default: #2B2B2B;
553
- --select-colors-light-text-default-alt: #5514b4;
554
- --select-colors-light-text-disabled: #686868;
555
- --select-colors-light-text-error: #D20007;
556
- --select-colors-dark-bg-default: #111111;
557
- --select-colors-dark-bg-hover: #111111;
558
- --select-colors-dark-bg-disabled: #686868;
559
- --select-colors-dark-bg-error: #2D0002;
560
- --select-colors-dark-bg-hover-alt: #F3F3F3;
561
- --select-colors-dark-bg-selected: #818181;
562
- --select-colors-dark-border-strong: #F3F3F3;
563
- --select-colors-dark-border-hover: #F3F3F3;
564
- --select-colors-dark-border-focus: #D9D9D9;
565
- --select-colors-dark-border-disabled: #686868;
566
- --select-colors-dark-border-error: #FF8883;
567
- --select-colors-dark-border-subtle: #525252;
568
- --select-colors-dark-text-default: #FFFFFF;
569
- --select-colors-dark-text-disabled: #9C9C9C;
570
- --select-colors-dark-text-error: #2a2a2a;
571
- --select-colors-dark-fg-default: #FFFFFF;
572
- --select-colors-dark-fg-disabled: #9C9C9C;
573
- --select-colors-dark-fg-subtle: #525252;
574
- --select-colors-dark-fg-error: #FF8883;
575
- --select-border-radius-test-s: 32px;
576
- --select-border-radius-test-m: 24px;
577
- --select-border-radius-test-l: 32px;
578
- --checkbox-size-s: 24px;
579
- --checkbox-size-l: 36px;
580
- --checkbox-padding-s: 2px;
581
- --checkbox-gap-s: 8px;
582
- --checkbox-gap-m: 12px;
583
- --checkbox-border-radius-xs: 8px;
584
- --checkbox-border-radius-s: 12px;
585
- --checkbox-border-weight-s: 2px;
586
- --checkbox-size-icon-s: 20px;
587
- --checkbox-size-icon-m: 32px;
588
- --checkbox-colors-light-bg-default: #035F6E;
589
- --checkbox-colors-light-bg-default-alt: #FFFFFF;
590
- --checkbox-colors-light-bg-disabled: #D9D9D9;
591
- --checkbox-colors-light-bg-error: #FEEDED;
592
- --checkbox-colors-light-fg-default: #FFFFFF;
593
- --checkbox-colors-light-fg-disabled: #686868;
594
- --checkbox-colors-light-border-default: #818181;
595
- --checkbox-colors-light-border-disabled: #D9D9D9;
596
- --checkbox-colors-light-border-error: #D20007;
597
- --checkbox-colors-light-text-default: #2B2B2B;
598
- --checkbox-colors-light-text-disabled: #686868;
599
- --checkbox-colors-dark-bg-default: #FFFFFF;
600
- --checkbox-colors-dark-bg-default-alt: #111111;
601
- --checkbox-colors-dark-bg-disabled: #686868;
602
- --checkbox-colors-dark-bg-error: #2D0002;
603
- --checkbox-colors-dark-fg-default: #2B2B2B;
604
- --checkbox-colors-dark-fg-disabled: #9C9C9C;
605
- --checkbox-colors-dark-border-default: #F3F3F3;
606
- --checkbox-colors-dark-border-disabled: #686868;
607
- --checkbox-colors-dark-border-error: #FF8883;
608
- --checkbox-colors-dark-text-default: #FFFFFF;
609
- --checkbox-colors-dark-text-disabled: #9C9C9C;
610
- --radio-size-s: 12px;
611
- --radio-size-m: 20px;
612
- --radio-size-l: 24px;
613
- --radio-size-xl: 34px;
614
- --radio-gap-s: 8px;
615
- --radio-gap-m: 12px;
616
- --radio-border-weight-s: 2px;
617
- --radio-colors-light-bg-default: #FFFFFF;
618
- --radio-colors-light-bg-disabled: #D9D9D9;
619
- --radio-colors-light-border-default: #818181;
620
- --radio-colors-light-border-disabled: #D9D9D9;
621
- --radio-colors-light-fg-default: #035F6E;
622
- --radio-colors-light-fg-disabled: #686868;
623
- --radio-colors-light-text-default: #2B2B2B;
624
- --radio-colors-light-text-disabled: #686868;
625
- --radio-colors-dark-bg-default: #111111;
626
- --radio-colors-dark-bg-disabled: #686868;
627
- --radio-colors-dark-border-default: #F3F3F3;
628
- --radio-colors-dark-border-disabled: #686868;
629
- --radio-colors-dark-fg-default: #EBF304;
630
- --radio-colors-dark-fg-disabled: #9C9C9C;
631
- --radio-colors-dark-text-default: #FFFFFF;
632
- --radio-colors-dark-text-disabled: #9C9C9C;
633
- --date-picker-size-s: 32px;
634
- --date-picker-size-m: 34px;
635
- --date-picker-size-l: 36px;
636
- --date-picker-size-xl: 40px;
637
- --date-picker-size-xxl: 44px;
638
- --date-picker-size-xxxl: 48px;
639
- --date-picker-size-xxxxl: 64px;
640
- --date-picker-padding-xxs: 2px;
641
- --date-picker-padding-xs: 3px;
642
- --date-picker-padding-s: 4px;
643
- --date-picker-padding-m: 8px;
644
- --date-picker-padding-l: 12px;
645
- --date-picker-padding-xl: 16px;
646
- --date-picker-border-radius-s: 4px;
647
- --date-picker-border-radius-m: 4px;
648
- --date-picker-border-radius-l: 8px;
649
- --date-picker-border-radius-xl: 1000px;
650
- --date-picker-border-weight-s: 1px;
651
- --date-picker-border-weight-m: 2px;
652
- --date-picker-border-weight-l: 4px;
653
- --date-picker-colors-light-bg-default-alt: #FFFFFF;
654
- --date-picker-colors-light-bg-hover: #2B2B2B;
655
- --date-picker-colors-light-bg-selected: #057382;
656
- --date-picker-colors-light-bg-pressed: #057382;
657
- --date-picker-colors-light-bg-disabled: #D9D9D9;
658
- --date-picker-colors-light-bg-error: #FEEDED;
659
- --date-picker-colors-light-bg-subtle: #F3F3F3;
660
- --date-picker-colors-light-bg-hover-alt: #D9D9D9;
661
- --date-picker-colors-light-border-hover: #525252;
662
- --date-picker-colors-light-border-focus: #111111;
663
- --date-picker-colors-light-border-selected: #3F3F3F;
664
- --date-picker-colors-light-border-disabled: #D9D9D9;
665
- --date-picker-colors-light-border-error: #D20007;
666
- --date-picker-colors-light-border-strong: #818181;
667
- --date-picker-colors-light-fg-default-alt: #FFFFFF;
668
- --date-picker-colors-light-fg-hover: #001318;
669
- --date-picker-colors-light-fg-strong: #2B2B2B;
670
- --date-picker-colors-light-fg-disabled: #686868;
671
- --date-picker-colors-light-fg-error: #D20007;
672
- --date-picker-colors-light-text-default: #009BA5;
673
- --date-picker-colors-light-text-default-alt: #FFFFFF;
674
- --date-picker-colors-light-text-strong: #2B2B2B;
675
- --date-picker-colors-light-text-disabled: #686868;
676
- --date-picker-colors-light-text-error: #D20007;
677
- --date-picker-colors-light-text-hint: #686868;
678
- --date-picker-gap-xs: 4px;
679
- --date-picker-gap-s: 8px;
680
- --date-picker-gap-m: 12px;
681
- --date-picker-gap-l: 40px;
682
- --date-picker-size-icon-s: 24px;
683
- --date-picker-size-icon-m: 32px;
684
- --date-picker-size-icon-l: 40px;
685
- --switch-size-s: 24px;
686
- --switch-size-m: 32px;
687
- --switch-border-weight-s: 2px;
688
- --switch-colors-light-bg-default: #035F6E;
689
- --switch-colors-light-bg-disabled: #D9D9D9;
690
- --switch-colors-light-bg-strong: #FFFFFF;
691
- --switch-colors-light-bg-subtle: #D9D9D9;
692
- --switch-colors-light-border-default: #111111;
693
- --switch-colors-light-border-disabled: #D9D9D9;
694
- --switch-colors-light-border-strong: #818181;
695
- --switch-colors-light-fg-default: #009BA5;
696
- --switch-colors-light-fg-disabled: #686868;
697
- --switch-colors-light-text-default: #2B2B2B;
698
- --switch-colors-light-text-disabled: #686868;
699
- --switch-colors-dark-bg-default: #FFFFFF;
700
- --switch-colors-dark-bg-disabled: #686868;
701
- --switch-colors-dark-bg-strong: #111111;
702
- --switch-colors-dark-bg-subtle: #3F3F3F;
703
- --switch-colors-dark-border-default: #FFFFFF;
704
- --switch-colors-dark-border-disabled: #686868;
705
- --switch-colors-dark-border-strong: #F3F3F3;
706
- --switch-colors-dark-fg-default: #EBF304;
707
- --switch-colors-dark-fg-disabled: #9C9C9C;
708
- --switch-colors-dark-text-default: #FFFFFF;
709
- --switch-colors-dark-text-disabled: #9C9C9C;
710
- --switch-border-radius-s: 1000px;
711
- --switch-box-shadow-01: 0 0 0 2px #8449cc;
712
- --switch-box-shadow-02: 0 0 0 2px #fd51ff;
713
- --switch-gap-s: 8px;
714
- --switch-gap-m: 12px;
715
- --textinput-size-s: 32px;
716
- --textinput-size-m: 44px;
717
- --textinput-size-l: 64px;
718
- --textinput-border-radius-s: 4px;
719
- --textinput-border-radius-m: 4px;
720
- --textinput-border-radius-l: 8px;
721
- --textinput-padding-s: 8px;
722
- --textinput-padding-m: 12px;
723
- --textinput-padding-l: 16px;
724
- --textinput-gap-s: 4px;
725
- --textinput-gap-m: 12px;
726
- --textinput-border-weight-s: 1px;
727
- --textinput-border-weight-m: 2px;
728
- --textinput-border-weight-l: 4px;
729
- --textinput-size-icon-m: 24px;
730
- --textinput-colors-light-bg-default: #FFFFFF;
731
- --textinput-colors-light-bg-hover: #D9D9D9;
732
- --textinput-colors-light-bg-disabled: #D9D9D9;
733
- --textinput-colors-light-bg-error: #FEEDED;
734
- --textinput-colors-light-border-default: #818181;
735
- --textinput-colors-light-border-hover: #525252;
736
- --textinput-colors-light-border-focus: #111111;
737
- --textinput-colors-light-border-disabled: #D9D9D9;
738
- --textinput-colors-light-border-error: #D20007;
739
- --textinput-colors-light-text-default: #2B2B2B;
740
- --textinput-colors-light-text-disabled: #686868;
741
- --textinput-colors-light-text-error: #D20007;
742
- --textinput-colors-light-fg-default: #2B2B2B;
743
- --textinput-colors-light-fg-error: #D20007;
744
- --textinput-colors-dark-bg-default: #111111;
745
- --textinput-colors-dark-bg-hover: #111111;
746
- --textinput-colors-dark-bg-disabled: #686868;
747
- --textinput-colors-dark-bg-error: #2D0002;
748
- --textinput-colors-dark-border-default: #F3F3F3;
749
- --textinput-colors-dark-border-hover: #F3F3F3;
750
- --textinput-colors-dark-border-focus: #D9D9D9;
751
- --textinput-colors-dark-border-disabled: #686868;
752
- --textinput-colors-dark-border-error: #FF8883;
753
- --textinput-colors-dark-text-default: #FFFFFF;
754
- --textinput-colors-dark-text-disabled: #9C9C9C;
755
- --textinput-colors-dark-text-error: #FF8883;
756
- --textinput-colors-dark-fg-default: #FFFFFF;
757
- --textinput-colors-dark-fg-error: #FF8883;
758
- --textarea-padding-s: 10px;
759
- --textarea-padding-m: 12px;
760
- --textarea-size-icon-s: 16px;
761
- --textarea-border-radius-s: 8px;
762
- --textarea-border-weight-s: 1px;
763
- --textarea-border-weight-m: 2px;
764
- --textarea-border-weight-l: 4px;
765
- --textarea-gap-s: 4px;
766
- --textarea-gap-m: 12px;
767
- --textarea-colors-light-bg-default: #FFFFFF;
768
- --textarea-colors-light-bg-hover: #D9D9D9;
769
- --textarea-colors-light-bg-disabled: #D9D9D9;
770
- --textarea-colors-light-bg-error: #FEEDED;
771
- --textarea-colors-light-border-default: #818181;
772
- --textarea-colors-light-border-hover: #525252;
773
- --textarea-colors-light-border-focus: #111111;
774
- --textarea-colors-light-border-error: #D20007;
775
- --textarea-colors-light-border-disabled: #D9D9D9;
776
- --textarea-colors-light-fg-default: #2B2B2B;
777
- --textarea-colors-light-fg-disabled: #686868;
778
- --textarea-colors-light-fg-error: #D20007;
779
- --textarea-colors-light-text-default: #2B2B2B;
780
- --textarea-colors-light-text-disabled: #686868;
781
- --textarea-colors-light-text-error: #D20007;
782
- --textarea-colors-dark-fg-default: #FFFFFF;
783
- --textarea-colors-dark-fg-disabled: #9C9C9C;
784
- --textarea-colors-dark-fg-error: #FF8883;
785
- --textarea-colors-dark-bg-default: #111111;
786
- --textarea-colors-dark-bg-hover: #2B2B2B;
787
- --textarea-colors-dark-bg-disabled: #686868;
788
- --textarea-colors-dark-bg-error: #2D0002;
789
- --textarea-colors-dark-border-strong: #F3F3F3;
790
- --textarea-colors-dark-border-hover: #F3F3F3;
791
- --textarea-colors-dark-border-focus: #D9D9D9;
792
- --textarea-colors-dark-border-disabled: #686868;
793
- --textarea-colors-dark-border-error: #FF8883;
794
- --textarea-colors-dark-text-strong: #FFFFFF;
795
- --textarea-colors-dark-text-disabled: #9C9C9C;
796
- --textarea-colors-dark-text-error: #FF8883;
797
- --backtotop-size-m: 48px;
798
- --backtotop-size-icon-m: 48px;
799
- --backtotop-padding-m: 22px;
800
- --backtotop-border-radius-m: 1000px;
801
- --backtotop-border-weight-m: 2px;
802
- --backtotop-colors-light-bg-default: #111111;
803
- --backtotop-colors-light-bg-hover: #2B2B2B;
804
- --backtotop-colors-light-bg-selected: #057382;
805
- --backtotop-colors-light-bg-strong: #FFFFFF;
806
- --backtotop-colors-light-bg-subtle: #D9D9D9;
807
- --backtotop-colors-light-border-default: #111111;
808
- --backtotop-colors-light-border-hover: #525252;
809
- --backtotop-colors-light-border-selected: #3F3F3F;
810
- --backtotop-colors-light-border-strong: #F3F3F3;
811
- --backtotop-colors-light-border-focus: #111111;
812
- --backtotop-colors-light-fg-default: #009BA5;
813
- --backtotop-colors-light-fg-default-alt: #FFFFFF;
814
- --backtotop-colors-light-text-default: #009BA5;
815
- --backtotop-colors-light-text-default-alt: #FFFFFF;
816
- --backtotop-colors-dark-bg-default: #FFFFFF;
817
- --backtotop-colors-dark-bg-hover: #F3F3F3;
818
- --backtotop-colors-dark-bg-selected: #818181;
819
- --backtotop-colors-dark-bg-strong: #111111;
820
- --backtotop-colors-dark-bg-subtle: #3F3F3F;
821
- --backtotop-colors-dark-border-default: #FFFFFF;
822
- --backtotop-colors-dark-border-hover: #F3F3F3;
823
- --backtotop-colors-dark-border-selected: #818181;
824
- --backtotop-colors-dark-border-strong: #818181;
825
- --backtotop-colors-dark-border-focus: #D9D9D9;
826
- --backtotop-colors-dark-fg-default: #2B2B2B;
827
- --backtotop-colors-dark-fg-default-alt: #FFFFFF;
828
- --backtotop-colors-dark-text-default: #2B2B2B;
829
- --backtotop-colors-dark-text-default-alt: #FFFFFF;
830
- --tabs-border-weight-s: 0;
831
- --tabs-border-weight-m: 1px;
832
- --tabs-border-weight-l: 2px;
833
- --tabs-border-radius-s: 8px;
834
- --tabs-padding-s: 4px;
835
- --tabs-padding-m: 12px;
836
- --tabs-padding-l: 16px;
837
- --tabs-padding-xl: 24px;
838
- --tabs-gap-s: 4px;
839
- --tabs-gap-m: 6px;
840
- --tabs-gap-l: 12px;
841
- --tabs-size-s: 42px;
842
- --tabs-size-m: 48px;
843
- --tabs-size-icon-s: 40px;
844
- --tabs-colors-light-bg-default: #FFFFFF;
845
- --tabs-colors-light-bg-subtle: #D9D9D9;
846
- --tabs-colors-light-bg-error: #D20007;
847
- --tabs-colors-light-border-subtle: #BBBBBB;
848
- --tabs-colors-light-border-selected: #3F3F3F;
849
- --tabs-colors-light-border-focus: #111111;
850
- --tabs-colors-light-border-error: #D20007;
851
- --tabs-colors-light-fg-default: #009BA5;
852
- --tabs-colors-light-fg-hover: #001318;
853
- --tabs-colors-light-fg-selected: #3F3F3F;
854
- --tabs-colors-light-text-default: #009BA5;
855
- --tabs-colors-light-text-hover: #001318;
856
- --tabs-colors-light-text-selected: #3F3F3F;
857
- --tabs-colors-light-text-strong: #01404C;
858
- --tabs-colors-dark-bg-default: #111111;
859
- --tabs-colors-dark-bg-subtle: #3F3F3F;
860
- --tabs-colors-dark-bg-error: #401313;
861
- --tabs-colors-dark-border-subtle: #525252;
862
- --tabs-colors-dark-border-selected: #818181;
863
- --tabs-colors-dark-border-focus: #D9D9D9;
864
- --tabs-colors-dark-border-error: #D20007;
865
- --tabs-colors-dark-fg-default: #EBF304;
866
- --tabs-colors-dark-fg-hover: #F8FF19;
867
- --tabs-colors-dark-fg-selected: #818181;
868
- --tabs-colors-dark-fg-strong: #FFFFFF;
869
- --tabs-colors-dark-text-default: #FFFFFF;
870
- --tabs-colors-dark-text-hover: #F8FF19;
871
- --tabs-colors-dark-text-selected: #818181;
872
- --tabs-colors-dark-text-strong: #ffffff;
873
- --pagination-size-m: 32px;
874
- --pagination-padding-s: 8px;
875
- --pagination-padding-m: 12px;
876
- --pagination-border-radius-m: 1000px;
877
- --pagination-border-weight-s: 2px;
878
- --pagination-colors-light-bg-hover: #2B2B2B;
879
- --pagination-colors-light-bg-selected: #057382;
880
- --pagination-colors-light-bg-pressed: #057382;
881
- --pagination-colors-light-bg-subtle: #BBBBBB;
882
- --pagination-colors-light-border-focus: #111111;
883
- --pagination-colors-light-text-default: #FFFFFF;
884
- --pagination-colors-light-text-strong: #2B2B2B;
885
- --pagination-colors-light-fg-default: #009BA5;
886
- --pagination-colors-light-fg-default-alt: #FFFFFF;
887
- --pagination-colors-dark-bg-hover: #F3F3F3;
888
- --pagination-colors-dark-bg-selected: #818181;
889
- --pagination-colors-dark-bg-pressed: #818181;
890
- --pagination-colors-dark-border-focus: #D9D9D9;
891
- --pagination-colors-dark-text-default: #2B2B2B;
892
- --pagination-colors-dark-text-strong: #FFFFFF;
893
- --pagination-colors-dark-fg-default: #EBF304;
894
- --pagination-colors-dark-fg-default-alt: #2B2B2B;
895
- --pagination-size-icon-m: 32px;
896
- --pagination-gap-s: 4px;
897
- --pagination-gap-m: 16px;
898
- --breadcrumb-size-icon-s: 12px;
899
- --breadcrumb-colors-light-fg-strong: #2B2B2B;
900
- --breadcrumb-colors-light-text-default: #009BA5;
901
- --breadcrumb-colors-light-text-hover: #001318;
902
- --breadcrumb-colors-light-text-strong: #2B2B2B;
903
- --breadcrumb-colors-dark-fg-strong: #FFFFFF;
904
- --breadcrumb-colors-dark-text-default: #EBF304;
905
- --breadcrumb-colors-dark-text-hover: #F8FF19;
906
- --breadcrumb-colors-dark-text-strong: #FFFFFF;
907
- --breadcrumb-gap-xs: 6px;
908
- --breadcrumb-gap-s: 8px;
909
- --box-padding-s: 16px;
910
- --box-border-radius-s: 16px;
911
- --box-border-weight-xs: 1px;
912
- --box-border-weight-s: 2px;
913
- --box-colors-light-bg-default: #FFFFFF;
914
- --box-colors-light-bg-subtle: #D9D9D9;
915
- --box-colors-light-bg-error-subtle: #D20007;
916
- --box-colors-light-bg-minimal: #f7f7f7;
917
- --box-colors-light-bg-error: #AA0006;
918
- --box-colors-light-fg-strong: #2B2B2B;
919
- --box-colors-light-border-subtle: #BBBBBB;
920
- --box-colors-light-border-error: #D20007;
921
- --box-colors-light-text-strong: #2B2B2B;
922
- --box-colors-dark-bg-default: #111111;
923
- --box-colors-dark-bg-subtle: #686868;
924
- --box-colors-dark-bg-minimal: #2B2B2B;
925
- --box-colors-dark-bg-default-alt: #111111;
926
- --box-colors-dark-border-subtle: #525252;
927
- --box-colors-variant-light-bg-default-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); /* coral-gradient */
928
- --box-colors-variant-light-bg-default-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
929
- --box-colors-variant-dark-bg-default-01: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* Brand gradient (light) */
930
- --disclosure-mini-padding-s: 28px;
931
- --disclosure-mini-size-icon-s: 16px;
932
- --disclosure-mini-gap-s: 8px;
933
- --disclosure-mini-gap-m: 12px;
934
- --disclosure-mini-colors-light-fg-default: #009BA5;
935
- --disclosure-mini-colors-light-text-default: #009BA5;
936
- --disclosure-mini-colors-light-text-strong: #2B2B2B;
937
- --disclosure-mini-colors-dark-fg-default: #EBF304;
938
- --disclosure-mini-colors-dark-text-default: #EBF304;
939
- --disclosure-mini-colors-dark-text-strong: #FFFFFF;
940
- --disclosure-padding-s: 16px;
941
- --disclosure-gap-s: 20px;
942
- --disclosure-size-s: 58px;
943
- --disclosure-border-weight-s: 1px;
944
- --disclosure-size-icon-s: 20px;
945
- --disclosure-colors-light-bg-hover: #D9D9D9;
946
- --disclosure-colors-light-border-subtle: #BBBBBB;
947
- --disclosure-colors-light-fg-default: #009BA5;
948
- --disclosure-colors-light-fg-hover: #001318;
949
- --disclosure-colors-light-text-default: #009BA5;
950
- --disclosure-colors-light-text-hover: #001318;
951
- --disclosure-colors-dark-bg-hover: #3F3F3F;
952
- --disclosure-colors-dark-border-subtle: #525252;
953
- --disclosure-colors-dark-fg-default: #EBF304;
954
- --disclosure-colors-dark-fg-hover: #F8FF19;
955
- --disclosure-colors-dark-text-default: #EBF304;
956
- --disclosure-colors-dark-text-hover: #F8FF19;
957
- --avatar-size-s: 32px;
958
- --avatar-size-m: 48px;
959
- --avatar-size-l: 64px;
960
- --avatar-size-xl: 80px;
961
- --avatar-size-icon-s: 16px;
962
- --avatar-size-icon-m: 24px;
963
- --avatar-size-icon-l: 32px;
964
- --avatar-size-icon-xl: 40px;
965
- --avatar-border-weight-s: 1px;
966
- --avatar-colors-light-bg-default: #111111;
967
- --avatar-colors-light-fg-default-alt: #FFFFFF;
968
- --avatar-colors-light-text-default-alt: #FFFFFF;
969
- --modal-size-s: 288px;
970
- --modal-size-m: 472px;
971
- --modal-size-l: 591px;
972
- --modal-size-xl: 800px;
973
- --modal-size-xxl: 800px;
974
- --modal-size-icon-s: 32px;
975
- --modal-padding-m: 24px;
976
- --modal-gap-s: 8px;
977
- --modal-gap-m: 20px;
978
- --modal-border-radius-s: 16px;
979
- --modal-colors-light-bg-default: #FFFFFF;
980
- --modal-colors-light-text-default: #2B2B2B;
981
- --modal-colors-light-fg-default: #2B2B2B;
982
- --overlay-colors-overlay-default: rgba(0,0,0,0.5);
983
- --stepper-size-s: 8px;
984
- --stepper-size-m: 14px;
985
- --stepper-size-l: 16px;
986
- --stepper-size-xl: 24px;
987
- --stepper-size-icon-s: 16px;
988
- --stepper-size-icon-l: 24px;
989
- --stepper-padding-s: 16px;
990
- --stepper-padding-m: 24px;
991
- --stepper-gap-s: 16px;
992
- --stepper-gap-m: 24px;
993
- --stepper-colors-light-bg-default: #111111;
994
- --stepper-colors-light-bg-subtle: #BBBBBB;
995
- --stepper-colors-light-bg-error: #da020f;
996
- --stepper-colors-light-bg-warning: #ffa200;
997
- --stepper-colors-light-bg-error-subtle: #FEEDED;
998
- --stepper-colors-light-bg-warning-subtle: #FEF2DE;
999
- --stepper-colors-light-border-default: #111111;
1000
- --stepper-colors-light-border-subtle: #BBBBBB;
1001
- --stepper-colors-light-border-error: #D20007;
1002
- --stepper-colors-light-border-warning: #B14D00;
1003
- --stepper-colors-light-border-variant: #009BA5;
1004
- --stepper-colors-light-fg-default: #009BA5;
1005
- --stepper-colors-light-fg-default-alt: #FFFFFF;
1006
- --stepper-colors-light-fg-error: #D20007;
1007
- --stepper-colors-light-fg-warning: #B14D00;
1008
- --stepper-colors-light-fg-variant: #001318;
1009
- --stepper-colors-light-text-default: #2B2B2B;
1010
- --stepper-colors-light-text-hover: #001318;
1011
- --stepper-colors-light-text-subtle: #686868;
1012
- --stepper-colors-dark-bg-default: #FFFFFF;
1013
- --stepper-colors-dark-bg-subtle: #818181;
1014
- --stepper-colors-dark-bg-strong: #FFFFFF;
1015
- --stepper-colors-dark-bg-error: #FF8883;
1016
- --stepper-colors-dark-bg-warning: #FFA94D;
1017
- --stepper-colors-dark-bg-error-subtle: #2D0002;
1018
- --stepper-colors-dark-bg-warning-subtle: #4B2000;
1019
- --stepper-colors-dark-border-default: #FFFFFF;
1020
- --stepper-colors-dark-border-subtle: #525252;
1021
- --stepper-colors-dark-border-strong: #F3F3F3;
1022
- --stepper-colors-dark-border-error: #FF8883;
1023
- --stepper-colors-dark-border-warning: #FFA94D;
1024
- --stepper-colors-dark-border-variant: #FFFFFF;
1025
- --stepper-colors-dark-fg-default: #FFFFFF;
1026
- --stepper-colors-dark-fg-default-alt: #2B2B2B;
1027
- --stepper-colors-dark-fg-strong: #FFFFFF;
1028
- --stepper-colors-dark-fg-error: #FF8883;
1029
- --stepper-colors-dark-fg-warning: #FFA94D;
1030
- --stepper-colors-dark-fg-variant: #FFFFFF;
1031
- --stepper-colors-dark-text-default: #FFFFFF;
1032
- --stepper-colors-dark-text-hover: #F8FF19;
1033
- --stepper-colors-dark-text-subtle: #9C9C9C;
1034
- --stepper-border-weight-s: 1px;
1035
- --stepper-border-weight-m: 2px;
1036
- --progress-bar-gap-s: 4px;
1037
- --progress-bar-gap-m: 8px;
1038
- --progress-bar-size-s: 12px;
1039
- --progress-bar-border-radius-s: 24px;
1040
- --progress-bar-colors-light-bg-default: #111111;
1041
- --progress-bar-colors-light-bg-default-alt: #D9D9D9;
1042
- --progress-bar-colors-light-bg-muted: #F3F3F3;
1043
- --progress-bar-colors-light-bg-error: #2a2a2a;
1044
- --progress-bar-colors-light-bg-success: #2a2a2a;
1045
- --progress-bar-colors-light-text-default: #2B2B2B;
1046
- --progress-bar-colors-light-text-default-alt: #009BA5;
1047
- --progress-bar-colors-light-text-default-alt-hover: hsl(184 100% 25.9%);
1048
- --progress-bar-colors-light-text-error: #D20007;
1049
- --progress-bar-colors-light-text-error-hover: hsl(358 100% 28.8%);
1050
- --progress-bar-colors-light-text-success: #2a2a2a;
1051
- --progress-bar-colors-light-text-success-hover: hsl(0 0% 11.5%);
1052
- --progress-bar-colors-light-fg-default: #009BA5;
1053
- --progress-bar-colors-light-fg-default-hover: hsl(184 100% 25.9%);
1054
- --progress-bar-colors-light-fg-error: #D20007;
1055
- --progress-bar-colors-light-fg-error-hover: hsl(358 100% 28.8%);
1056
- --progress-bar-colors-light-fg-success: #2a2a2a;
1057
- --progress-bar-colors-light-fg-success-hover: hsl(0 0% 11.5%);
1058
- --progress-bar-colors-dark-bg-default: #FFFFFF;
1059
- --progress-bar-colors-dark-bg-default-alt: #3F3F3F;
1060
- --progress-bar-colors-dark-bg-error: #FF8883;
1061
- --progress-bar-colors-dark-bg-success: #73C367;
1062
- --progress-bar-colors-dark-fg-default: #EBF304;
1063
- --progress-bar-colors-dark-fg-default-hover: hsl(62 96.8% 63.9%);
1064
- --progress-bar-colors-dark-fg-error: #FF8883;
1065
- --progress-bar-colors-dark-fg-error-hover: hsl(2.42 100% 87.8%);
1066
- --progress-bar-colors-dark-fg-success: #73C367;
1067
- --progress-bar-colors-dark-fg-success-hover: hsl(112 43.4% 63.6%);
1068
- --progress-bar-colors-dark-text-default: #FFFFFF;
1069
- --progress-bar-colors-dark-text-default-alt: #EBF304;
1070
- --progress-bar-colors-dark-text-default-alt-hover: hsl(62 96.8% 74.2%);
1071
- --progress-bar-colors-dark-text-error: #FF8883;
1072
- --progress-bar-colors-dark-text-error-hover: hsl(2.42 100% 87.8%);
1073
- --progress-bar-colors-dark-text-success: #73C367;
1074
- --progress-bar-colors-dark-text-success-hover: hsl(112 43.4% 63.6%);
1075
- --toast-size-s: 40px;
1076
- --toast-padding-s: 8px;
1077
- --toast-border-radius-s: 4px;
1078
- --toast-gap-s: 8px;
1079
- --toast-size-icon-s: 24px;
1080
- --toast-border-weight-s: 1px;
1081
- --toast-colors-status-light-bg-default: #2a2a2a;
1082
- --toast-colors-status-light-bg-error: #2a2a2a;
1083
- --toast-colors-status-light-bg-warning: #2a2a2a;
1084
- --toast-colors-status-light-bg-success: #2a2a2a;
1085
- --toast-colors-status-light-border-default: #F3F3F3;
1086
- --toast-colors-status-light-border-error: #FF8883;
1087
- --toast-colors-status-light-border-warning: #FFA94D;
1088
- --toast-colors-status-light-border-success: #73C367;
1089
- --toast-colors-status-light-fg-default: #2a2a2a;
1090
- --toast-colors-status-light-fg-error: #FF8883;
1091
- --toast-colors-status-light-fg-warning: #ffa200;
1092
- --toast-colors-status-light-fg-success: #73C367;
1093
- --toast-colors-status-light-fg-default-alt: #FFFFFF;
1094
- --toast-colors-status-light-text-default: #ffffff;
1095
- --toast-colors-status-light-text-default-alt: #ffffff;
1096
- --toast-colors-status-dark-bg-default: #f0f0f0;
1097
- --toast-colors-status-dark-bg-error: #f0f0f0;
1098
- --toast-colors-status-dark-bg-warning: #f0f0f0;
1099
- --toast-colors-status-dark-bg-success: #f0f0f0;
1100
- --toast-colors-status-dark-border-default: #3F3F3F;
1101
- --toast-colors-status-dark-border-error: #D20007;
1102
- --toast-colors-status-dark-border-warning: #FEDDA4;
1103
- --toast-colors-status-dark-border-success: #138100;
1104
- --toast-colors-status-dark-fg-default: #2B2B2B;
1105
- --toast-colors-status-dark-fg-error: #D20007;
1106
- --toast-colors-status-dark-fg-warning: #2a2a2a;
1107
- --toast-colors-status-dark-fg-success: #138100;
1108
- --toast-colors-status-dark-text-default: #2a2a2a;
1109
- --tag-size-s: 28px;
1110
- --tag-padding-xxs: 4px;
1111
- --tag-padding-xs: 6px;
1112
- --tag-padding-s: 8px;
1113
- --tag-border-radius-s: 32px;
1114
- --tag-border-weight-s: 1px;
1115
- --tag-colors-light-bg-default: #FFFFFF;
1116
- --tag-colors-light-bg-default-alt: #D9D9D9;
1117
- --tag-colors-light-bg-hover: #ffffff;
1118
- --tag-colors-light-border-default: #BBBBBB;
1119
- --tag-colors-light-border-default-alt: #ffffff;
1120
- --tag-colors-light-border-hover: #ffffff;
1121
- --tag-colors-light-fg-default: #2B2B2B;
1122
- --tag-colors-light-fg-hover: #001318;
1123
- --tag-colors-light-text-default: #2B2B2B;
1124
- --tag-colors-light-text-hover: #001318;
1125
- --tag-size-icon-s: 16px;
1126
- --tag-size-icon-m: 14px;
1127
- --badge-size-s: 24px;
1128
- --badge-padding-s: 8px;
1129
- --badge-border-radius-s: 1000px;
1130
- --badge-colors-bg-default: #2a2a2a;
1131
- --badge-colors-bg-error: #AA0006;
1132
- --badge-colors-bg-warning: #FFA94D;
1133
- --badge-colors-bg-success: #0F6D00;
1134
- --badge-colors-text-default: #ffffff;
1135
- --badge-colors-text-error: #ffffff;
1136
- --badge-colors-text-warning: #2a2a2a;
1137
- --badge-colors-text-success: #ffffff;
1138
- --alert-padding-xxs: 2px;
1139
- --alert-padding-xs: 6px;
1140
- --alert-padding-s: 22px;
1141
- --alert-padding-m: 10px;
1142
- --alert-border-radius-s: 8px;
1143
- --alert-border-weight-s: 1px;
1144
- --alert-border-weight-m: 4px;
1145
- --alert-box-shadow-01: sem.box-shadow.01;
1146
- --alert-colors-status-light-bg-subtle-default: #F3F3F3;
1147
- --alert-colors-status-light-bg-subtle-error: #FEEDED;
1148
- --alert-colors-status-light-bg-subtle-warning: #FEF2DE;
1149
- --alert-colors-status-light-bg-subtle-success: #e6f4e5;
1150
- --alert-colors-status-light-border-default: #3F3F3F;
1151
- --alert-colors-status-light-border-error: #D20007;
1152
- --alert-colors-status-light-border-warning: #B14D00;
1153
- --alert-colors-status-light-border-success: #138100;
1154
- --alert-colors-status-light-fg-default: #2B2B2B;
1155
- --alert-colors-status-light-text-default: #2B2B2B;
1156
- --alert-colors-status-dark-bg-subtle-default: #2B2B2B;
1157
- --alert-colors-status-dark-bg-subtle-error: #2D0002;
1158
- --alert-colors-status-dark-bg-subtle-warning: #4B2000;
1159
- --alert-colors-status-dark-bg-subtle-success: #073600;
1160
- --alert-colors-status-dark-border-default: #F3F3F3;
1161
- --alert-colors-status-dark-border-error: #E81D1D;
1162
- --alert-colors-status-dark-border-warning: #FFA94D;
1163
- --alert-colors-status-dark-border-success: #73C367;
1164
- --alert-colors-status-dark-fg-default: #F3F3F3;
1165
- --alert-colors-status-dark-text-default: #F3F3F3;
1166
- --alert-size-icon-s: 24px;
1167
- --alert-gap-s: 0px;
7
+ --card-colors-light-bg-default: #111111;
8
+ --card-colors-light-bg-default-alt: #FFFFFF;
9
+ --card-colors-light-bg-emphasis: #F8FF19;
10
+ --card-colors-light-fg-default: #001318;
11
+ --card-colors-light-fg-default-alt: #FFFFFF;
12
+ --card-colors-light-fg-hover: #057382;
13
+ --card-colors-light-border-default: #BBBBBB;
14
+ --card-colors-light-border-hover: #525252;
15
+ --card-colors-light-border-minimal: #BBBBBB;
16
+ --card-colors-light-text-default: #2B2B2B;
17
+ --card-colors-light-text-hover: #001318;
18
+ --card-colors-light-text-support: #686868;
19
+ --card-colors-dark-bg-default: #FFFFFF;
20
+ --card-colors-dark-bg-default-alt: #111111;
21
+ --card-colors-dark-bg-emphasis: #009BA5;
22
+ --card-colors-dark-fg-default-alt: #FFFFFF;
23
+ --card-colors-dark-border-hover: #F3F3F3;
24
+ --card-colors-dark-text-default: #FFFFFF;
25
+ --card-colors-dark-text-hover: #F8FF19;
26
+ --card-colors-dark-text-support: #BBBBBB;
27
+ --card-padding-xs: 8px;
28
+ --card-padding-s: 24px;
29
+ --card-padding-m: 32px;
30
+ --card-border-weight-s: 1px;
31
+ --card-border-weight-m: 2px;
32
+ --card-border-radius-s: 16px;
33
+ --card-gap-xs: 8px;
34
+ --card-gap-s: 16px;
35
+ --card-gap-m: 20px;
36
+ --card-gap-l: 22px;
37
+ --card-gap-xl: 24px;
38
+ --card-gap-xxl: 48px;
39
+ --card-size-s: 42px;
40
+ --card-size-m: 80px;
41
+ --card-size-l: 96px;
42
+ --card-size-icon-s: 42px;
43
+ --card-size-icon-m: 80px;
44
+ --universal-header-size-s: 32px;
45
+ --universal-header-padding-s: 10px;
46
+ --universal-header-padding-m: 16px;
47
+ --universal-header-padding-l: 24px;
48
+ --universal-header-padding-xl: 32px;
49
+ --universal-header-gap-s: 6px;
50
+ --universal-header-gap-m: 12px;
51
+ --universal-header-gap-l: 32px;
52
+ --universal-header-size-icon-s: 10px;
53
+ --universal-header-colors-light-bg-default: #D9D9D9;
54
+ --universal-header-colors-light-fg-default: #2B2B2B;
55
+ --universal-header-colors-light-text-default: #01404C;
56
+ --universal-header-colors-light-text-hover: #001318;
57
+ --siteheader-size-s: 34px;
58
+ --siteheader-size-m: 58px;
59
+ --siteheader-size-l: 84px;
60
+ --siteheader-padding-s: 12px;
61
+ --siteheader-padding-m: 16px;
62
+ --siteheader-padding-l: 24px;
63
+ --siteheader-padding-xl: 32px;
64
+ --siteheader-gap-s: 12px;
65
+ --siteheader-gap-m: 24px;
66
+ --siteheader-gap-l: 40px;
67
+ --siteheader-size-icon-s: 24px;
68
+ --siteheader-colors-light-bg-default: #111111;
69
+ --siteheader-colors-light-fg-default: #aaaaaa;
70
+ --siteheader-colors-light-fg-default-alt: #2B2B2B;
71
+ --siteheader-colors-light-text-default: #5514b4;
72
+ --siteheader-colors-light-text-default-alt: #01404C;
73
+ --sitefooter-size-s: 20px;
74
+ --sitefooter-size-m: 34px;
75
+ --sitefooter-size-icon-s: 16px;
76
+ --sitefooter-size-icon-m: 24px;
77
+ --sitefooter-size-icon-l: 32px;
78
+ --sitefooter-padding-s: 8px;
79
+ --sitefooter-padding-m: 12px;
80
+ --sitefooter-padding-l: 16px;
81
+ --sitefooter-padding-xl: 24px;
82
+ --sitefooter-padding-xxl: 32px;
83
+ --sitefooter-gap-s: 4px;
84
+ --sitefooter-gap-m: 8px;
85
+ --sitefooter-gap-l: 16px;
86
+ --sitefooter-gap-xl: 24px;
87
+ --sitefooter-gap-xxl: 48px;
88
+ --sitefooter-colors-light-bg-default: #111111;
89
+ --sitefooter-colors-light-fg-default: #aaaaaa;
90
+ --sitefooter-colors-light-fg-default-alt: #3f187f;
91
+ --sitefooter-colors-light-border-subtle: #BBBBBB;
92
+ --sitefooter-colors-light-text-default: #ffffff;
93
+ --sitefooter-colors-light-text-subtle: #6b6b6b;
94
+ --sitefooter-border-weight-s: 1px;
95
+ --header-menu-size-s: 40px;
96
+ --header-menu-size-m: 96px;
97
+ --header-menu-size-l: 72px;
98
+ --header-menu-size-xl: 106px;
99
+ --header-menu-padding-s: 8px;
100
+ --header-menu-padding-m: 12px;
101
+ --header-menu-padding-l: 24px;
102
+ --header-menu-padding-xl: 40px;
103
+ --header-menu-gap-s: 8px;
104
+ --header-menu-gap-m: 16px;
105
+ --header-menu-gap-l: 20px;
106
+ --header-menu-gap-xl: 24px;
107
+ --header-menu-gap-xxl: 28px;
108
+ --header-menu-gap-xxxl: 44px;
109
+ --header-menu-gap-xxxxl: 48px;
110
+ --header-menu-border-radius-s: 24px;
111
+ --header-menu-border-radius-m: 16px;
112
+ --header-menu-border-radius-l: 16px;
113
+ --header-menu-border-radius-xl: 16px;
114
+ --header-menu-size-icon-s: 16px;
115
+ --header-menu-size-icon-m: 28px;
116
+ --header-menu-size-icon-l: 48px;
117
+ --header-menu-border-weight-s: 1px;
118
+ --header-menu-colors-light-bg-strong: #2B2B2B;
119
+ --header-menu-colors-light-bg-default-alt: #FFFFFF;
120
+ --header-menu-colors-light-fg-default: #009BA5;
121
+ --header-menu-colors-light-fg-default-alt: #FFFFFF;
122
+ --header-menu-colors-light-fg-strong: #2B2B2B;
123
+ --header-menu-colors-light-border-strong-alt-copy: #818181;
124
+ --header-menu-colors-light-text-default: #009BA5;
125
+ --header-menu-colors-light-text-default-alt: #FFFFFF;
126
+ --header-menu-colors-light-text-strong: #2B2B2B;
1168
127
  --segmented-control-size-icon-s: 24px;
1169
128
  --segmented-control-size-s: 40px;
1170
129
  --segmented-control-padding-s: 8px;
@@ -1185,27 +144,259 @@
1185
144
  --segmented-control-colors-light-text-default: #009BA5;
1186
145
  --segmented-control-colors-light-text-default-alt: #FFFFFF;
1187
146
  --segmented-control-colors-light-text-focus: #035F6E;
1188
- --rule-colors-light-border-subtle: #BBBBBB;
1189
- --rule-colors-dark-border-subtle: #525252;
1190
- --rule-border-weight-s: 1px;
1191
- --logos-size-m: 40px;
1192
- --logos-colors-light-fg-default: #009BA5;
1193
- --logos-colors-light-fg-strong: #2B2B2B;
1194
- --logos-colors-light-fg-variant: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1195
- --logos-colors-dark-fg-default: #EBF304;
1196
- --vertical-space-size-4: 4px;
1197
- --vertical-space-size-8: 8px;
1198
- --vertical-space-size-12: 12px;
1199
- --vertical-space-size-16: 16px;
1200
- --vertical-space-size-20: 20px;
1201
- --vertical-space-size-24: 24px;
1202
- --vertical-space-size-28: 28px;
1203
- --vertical-space-size-32: 32px;
1204
- --vertical-space-size-40: 40px;
1205
- --vertical-space-size-48: 48px;
1206
- --vertical-space-size-64: 64px;
1207
- --vertical-space-size-96: 96px;
1208
- --vertical-space-size-128: 128px;
147
+ --pagination-size-m: 32px;
148
+ --pagination-padding-s: 8px;
149
+ --pagination-padding-m: 12px;
150
+ --pagination-border-radius-m: 1000px;
151
+ --pagination-border-weight-s: 2px;
152
+ --pagination-colors-light-bg-hover: #2B2B2B;
153
+ --pagination-colors-light-bg-selected: #057382;
154
+ --pagination-colors-light-bg-pressed: #057382;
155
+ --pagination-colors-light-bg-subtle: #BBBBBB;
156
+ --pagination-colors-light-border-focus: #111111;
157
+ --pagination-colors-light-text-default: #FFFFFF;
158
+ --pagination-colors-light-text-strong: #2B2B2B;
159
+ --pagination-colors-light-fg-default: #009BA5;
160
+ --pagination-colors-light-fg-default-alt: #FFFFFF;
161
+ --pagination-colors-dark-bg-hover: #F3F3F3;
162
+ --pagination-colors-dark-bg-selected: #818181;
163
+ --pagination-colors-dark-bg-pressed: #818181;
164
+ --pagination-colors-dark-border-focus: #D9D9D9;
165
+ --pagination-colors-dark-text-default: #2B2B2B;
166
+ --pagination-colors-dark-text-strong: #FFFFFF;
167
+ --pagination-colors-dark-fg-default: #EBF304;
168
+ --pagination-colors-dark-fg-default-alt: #2B2B2B;
169
+ --pagination-size-icon-m: 32px;
170
+ --pagination-gap-s: 4px;
171
+ --pagination-gap-m: 16px;
172
+ --breadcrumb-size-icon-s: 12px;
173
+ --breadcrumb-colors-light-fg-strong: #2B2B2B;
174
+ --breadcrumb-colors-light-text-default: #001318;
175
+ --breadcrumb-colors-light-text-hover: #001318;
176
+ --breadcrumb-colors-light-text-strong: #2B2B2B;
177
+ --breadcrumb-colors-dark-fg-strong: #FFFFFF;
178
+ --breadcrumb-colors-dark-text-default: #EBF304;
179
+ --breadcrumb-colors-dark-text-hover: #F8FF19;
180
+ --breadcrumb-colors-dark-text-strong: #FFFFFF;
181
+ --breadcrumb-gap-xs: 6px;
182
+ --breadcrumb-gap-s: 8px;
183
+ --tabs-border-weight-s: 0;
184
+ --tabs-border-weight-m: 1px;
185
+ --tabs-border-weight-l: 2px;
186
+ --tabs-border-radius-s: 8px;
187
+ --tabs-padding-s: 4px;
188
+ --tabs-padding-m: 12px;
189
+ --tabs-padding-l: 16px;
190
+ --tabs-padding-xl: 24px;
191
+ --tabs-gap-s: 4px;
192
+ --tabs-gap-m: 6px;
193
+ --tabs-gap-l: 12px;
194
+ --tabs-size-s: 42px;
195
+ --tabs-size-m: 48px;
196
+ --tabs-size-icon-s: 40px;
197
+ --tabs-colors-light-bg-default: #FFFFFF;
198
+ --tabs-colors-light-bg-subtle: #f7f7f7;
199
+ --tabs-colors-light-bg-error: #D20007;
200
+ --tabs-colors-light-border-subtle: #BBBBBB;
201
+ --tabs-colors-light-border-selected: #3F3F3F;
202
+ --tabs-colors-light-border-focus: #111111;
203
+ --tabs-colors-light-border-error: #D20007;
204
+ --tabs-colors-light-fg-default: #686868;
205
+ --tabs-colors-light-fg-hover: #001318;
206
+ --tabs-colors-light-fg-selected: #3F3F3F;
207
+ --tabs-colors-light-text-default: #686868;
208
+ --tabs-colors-light-text-hover: #001318;
209
+ --tabs-colors-light-text-selected: #3F3F3F;
210
+ --tabs-colors-light-text-strong: #01404C;
211
+ --tabs-colors-dark-bg-default: #111111;
212
+ --tabs-colors-dark-bg-subtle: #3F3F3F;
213
+ --tabs-colors-dark-bg-error: #401313;
214
+ --tabs-colors-dark-border-subtle: #BBBBBB;
215
+ --tabs-colors-dark-border-selected: #FFFFFF;
216
+ --tabs-colors-dark-border-focus: #D9D9D9;
217
+ --tabs-colors-dark-border-error: #D20007;
218
+ --tabs-colors-dark-fg-default: #EBF304;
219
+ --tabs-colors-dark-fg-hover: #F8FF19;
220
+ --tabs-colors-dark-fg-selected: #FFFFFF;
221
+ --tabs-colors-dark-fg-strong: #FFFFFF;
222
+ --tabs-colors-dark-text-default: #FFFFFF;
223
+ --tabs-colors-dark-text-hover: #F8FF19;
224
+ --tabs-colors-dark-text-selected: #ffffff;
225
+ --tabs-colors-dark-text-strong: #ffffff;
226
+ --filter-size-s: 32px;
227
+ --filter-padding-s: 4px;
228
+ --filter-padding-m: 12px;
229
+ --filter-border-radius-s: 32px;
230
+ --filter-border-weight-s: 1px;
231
+ --filter-border-weight-m: 2px;
232
+ --filter-colors-light-border-default: #BBBBBB;
233
+ --filter-colors-light-border-hover: #525252;
234
+ --filter-colors-light-bg-default: #FFFFFF;
235
+ --filter-colors-light-bg-selected: #111111;
236
+ --filter-colors-light-text-default: #001318;
237
+ --filter-colors-light-text-default-alt: #ffffff;
238
+ --filter-colors-light-text-hover: #2a1c4a;
239
+ --filter-colors-dark-border-default: #FFFFFF;
240
+ --filter-colors-dark-border-hover: #525252;
241
+ --filter-colors-dark-bg-selected: #FFFFFF;
242
+ --filter-colors-dark-bg-default: #111111;
243
+ --filter-colors-dark-text-default: #001318;
244
+ --filter-colors-dark-text-default-alt: #efe5f7;
245
+ --filter-colors-dark-text-hover: #D9D9D9;
246
+ --filter-colors-dark-text-selected: #2a1c4a;
247
+ --filter-gap-l: 16px;
248
+ --filter-margin-m: 16px;
249
+ --content-switcher-padding-s: 10px;
250
+ --content-switcher-padding-xs: 8px;
251
+ --content-switcher-padding-m: 12px;
252
+ --content-switcher-padding-l: 16px;
253
+ --content-switcher-padding-xl: 18px;
254
+ --content-switcher-padding-xxl: 20px;
255
+ --content-switcher-padding-xxxl: 24px;
256
+ --content-switcher-gap-xs: 2px;
257
+ --content-switcher-gap-s: 4px;
258
+ --content-switcher-gap-m: 6px;
259
+ --content-switcher-gap-l: 8px;
260
+ --content-switcher-gap-xl: 16px;
261
+ --content-switcher-colors-light-bg-default: #ffffff;
262
+ --content-switcher-colors-light-bg-default-alt: #5514b4;
263
+ --content-switcher-colors-light-bg-hover: #f0f0f0;
264
+ --content-switcher-colors-light-bg-active: #e3e3e3;
265
+ --content-switcher-colors-light-bg-selected: #000000;
266
+ --content-switcher-colors-light-bg-selected-hover: #3f187f;
267
+ --content-switcher-colors-light-bg-disabled: rgba(255,255,255,0);
268
+ --content-switcher-colors-light-bg-seleced: #000000;
269
+ --content-switcher-colors-light-border-default: #111111;
270
+ --content-switcher-colors-light-border-pressed: #3F3F3F;
271
+ --content-switcher-colors-light-border-disabled: #D9D9D9;
272
+ --content-switcher-colors-light-fg-default: #001318;
273
+ --content-switcher-colors-light-fg-default-alt: #FFFFFF;
274
+ --content-switcher-colors-light-fg-hover: #001318;
275
+ --content-switcher-colors-light-fg-pressed: #3F3F3F;
276
+ --content-switcher-colors-light-fg-disabled: #686868;
277
+ --content-switcher-colors-light-text-default: #01404C;
278
+ --content-switcher-colors-light-text-default-alt: #FFFFFF;
279
+ --content-switcher-colors-light-text-hover: #001318;
280
+ --content-switcher-colors-light-text-pressed: #3F3F3F;
281
+ --content-switcher-colors-light-text-disabled: lch(67.1 0 0);
282
+ --content-switcher-colors-dark-bg-default: #FFFFFF;
283
+ --content-switcher-colors-dark-bg-hover: #F3F3F3;
284
+ --content-switcher-colors-dark-bg-pressed: #818181;
285
+ --content-switcher-colors-dark-bg-disabled: #686868;
286
+ --content-switcher-colors-dark-border-default: #FFFFFF;
287
+ --content-switcher-colors-dark-border-pressed: #818181;
288
+ --content-switcher-colors-dark-border-disabled: #686868;
289
+ --content-switcher-colors-dark-fg-default: #EBF304;
290
+ --content-switcher-colors-dark-fg-default-alt: #2B2B2B;
291
+ --content-switcher-colors-dark-fg-hover: #F8FF19;
292
+ --content-switcher-colors-dark-fg-pressed: #818181;
293
+ --content-switcher-colors-dark-fg-disabled: #9C9C9C;
294
+ --content-switcher-colors-dark-text-default: #EBF304;
295
+ --content-switcher-colors-dark-text-default-alt: #2B2B2B;
296
+ --content-switcher-colors-dark-text-hover: #F8FF19;
297
+ --content-switcher-colors-dark-text-pressed: #818181;
298
+ --content-switcher-colors-dark-text-disabled: #9C9C9C;
299
+ --content-switcher-border-radius-pill: 1000px;
300
+ --content-switcher-border-radius-xl: 32px;
301
+ --content-switcher-border-weight-s: 2px;
302
+ --content-switcher-elevations-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
303
+ --herobanner-padding-s: 24px;
304
+ --herobanner-padding-m: 40px;
305
+ --herobanner-padding-l: 64px;
306
+ --herobanner-gap-s: 8px;
307
+ --herobanner-gap-m: 16px;
308
+ --herobanner-gap-l: 32px;
309
+ --herobanner-radius-l: 16px;
310
+ --herobanner-radius-m: 24px;
311
+ --herobanner-border-default: 1px solid #BBBBBB;
312
+ --herobanner-color-light-bg-default: #ffffff;
313
+ --herobanner-color-light-bg-contained: #ffffff;
314
+ --herobanner-color-light-bg-gradient: ;
315
+ --herobanner-color-light-text-default: #2B2B2B;
316
+ --herobanner-color-dark-bg-default: #009BA5;
317
+ --herobanner-color-dark-bg-gradient: ;
318
+ --herobanner-color-dark-text-default: #ffffff;
319
+ --herobanner-box-shadow-01: -24px -24px 150px 0 rgb(241, 242, 202, 45%), 24px 24px 150px 0 rgb(198, 23, 238, 45%);
320
+ --box-padding-s: 16px;
321
+ --box-border-radius-s: 16px;
322
+ --box-border-weight-xs: 1px;
323
+ --box-border-weight-s: 2px;
324
+ --box-colors-light-bg-default: #FFFFFF;
325
+ --box-colors-light-bg-subtle: #D9D9D9;
326
+ --box-colors-light-bg-error-subtle: #D20007;
327
+ --box-colors-light-bg-minimal: #f7f7f7;
328
+ --box-colors-light-bg-error: #AA0006;
329
+ --box-colors-light-bg-replacement: #f8c8da;
330
+ --box-colors-light-fg-strong: #2B2B2B;
331
+ --box-colors-light-border-subtle: #BBBBBB;
332
+ --box-colors-light-border-error: #D20007;
333
+ --box-colors-light-text-strong: #2B2B2B;
334
+ --box-colors-dark-bg-default: #111111;
335
+ --box-colors-dark-bg-subtle: #686868;
336
+ --box-colors-dark-bg-minimal: #2B2B2B;
337
+ --box-colors-dark-bg-default-alt: #111111;
338
+ --box-colors-dark-border-subtle: #525252;
339
+ --box-colors-variant-light-bg-default-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); /* coral-gradient */
340
+ --box-colors-variant-light-bg-default-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
341
+ --box-colors-variant-dark-bg-default-01: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* Brand gradient (light) */
342
+ --disclosure-mini-padding-s: 28px;
343
+ --disclosure-mini-size-icon-s: 16px;
344
+ --disclosure-mini-gap-s: 8px;
345
+ --disclosure-mini-gap-m: 12px;
346
+ --disclosure-mini-colors-light-fg-default: #057382;
347
+ --disclosure-mini-colors-light-text-default: #057382;
348
+ --disclosure-mini-colors-light-text-strong: #2B2B2B;
349
+ --disclosure-mini-colors-dark-fg-default: #EBF304;
350
+ --disclosure-mini-colors-dark-text-default: #EBF304;
351
+ --disclosure-mini-colors-dark-text-strong: #FFFFFF;
352
+ --disclosure-padding-s: 16px;
353
+ --disclosure-padding-l: 40px;
354
+ --disclosure-padding-xl: 56px;
355
+ --disclosure-gap-s: 20px;
356
+ --disclosure-size-s: 58px;
357
+ --disclosure-border-weight-s: 1px;
358
+ --disclosure-size-icon-s: 20px;
359
+ --disclosure-colors-light-bg-hover: #F3F3F3;
360
+ --disclosure-colors-light-border-subtle: #BBBBBB;
361
+ --disclosure-colors-light-fg-default: #001318;
362
+ --disclosure-colors-light-fg-hover: #001318;
363
+ --disclosure-colors-light-text-default: #001318;
364
+ --disclosure-colors-light-text-body: #01404C;
365
+ --disclosure-colors-light-text-hover: #001318;
366
+ --disclosure-colors-dark-bg-hover: #3F3F3F;
367
+ --disclosure-colors-dark-border-subtle: #525252;
368
+ --disclosure-colors-dark-fg-default: #EBF304;
369
+ --disclosure-colors-dark-fg-hover: #F8FF19;
370
+ --disclosure-colors-dark-text-default: #EBF304;
371
+ --disclosure-colors-dark-text-body: #FFFFFF;
372
+ --disclosure-colors-dark-text-hover: #F8FF19;
373
+ --disclosure-type-label-l: 700 20px/1 Non-Dottee;
374
+ --avatar-size-s: 32px;
375
+ --avatar-size-m: 48px;
376
+ --avatar-size-l: 64px;
377
+ --avatar-size-xl: 80px;
378
+ --avatar-size-icon-s: 16px;
379
+ --avatar-size-icon-m: 24px;
380
+ --avatar-size-icon-l: 32px;
381
+ --avatar-size-icon-xl: 40px;
382
+ --avatar-border-weight-s: 1px;
383
+ --avatar-colors-light-bg-default: #ebebeb;
384
+ --avatar-colors-light-fg-default-alt: #3f3f3f;
385
+ --avatar-colors-light-text-default-alt: #3f3f3f;
386
+ --modal-size-s: 288px;
387
+ --modal-size-m: 472px;
388
+ --modal-size-l: 591px;
389
+ --modal-size-xl: 800px;
390
+ --modal-size-xxl: 800px;
391
+ --modal-size-icon-s: 32px;
392
+ --modal-padding-m: 24px;
393
+ --modal-gap-s: 8px;
394
+ --modal-gap-m: 20px;
395
+ --modal-border-radius-s: 16px;
396
+ --modal-colors-light-bg-default: #FFFFFF;
397
+ --modal-colors-light-text-default: #2B2B2B;
398
+ --modal-colors-light-fg-default: #2B2B2B;
399
+ --overlay-colors-overlay-default: rgba(0,0,0,0.5);
1209
400
  --textlink-size-s: 20px;
1210
401
  --textlink-size-m: 24px;
1211
402
  --textlink-size-l: 26px;
@@ -1220,81 +411,69 @@
1220
411
  --textlink-colors-light-text-visited: #111111;
1221
412
  --textlink-colors-dark-fg-default: #EBF304;
1222
413
  --textlink-colors-dark-fg-hover: #F8FF19;
1223
- --textlink-colors-dark-fg-visited: #ABAD00;
414
+ --textlink-colors-dark-fg-visited: #EBF304;
1224
415
  --textlink-colors-dark-text-default: #EBF304;
1225
416
  --textlink-colors-dark-text-hover: #F8FF19;
1226
- --textlink-colors-dark-text-visited: #ABAD00;
417
+ --textlink-colors-dark-text-visited: #EBF304;
1227
418
  --textlink-gap-s: 4px;
1228
- --siteheader-size-s: 34px;
1229
- --siteheader-size-m: 58px;
1230
- --siteheader-size-l: 84px;
1231
- --siteheader-padding-s: 12px;
1232
- --siteheader-padding-m: 16px;
1233
- --siteheader-padding-l: 24px;
1234
- --siteheader-padding-xl: 32px;
1235
- --siteheader-gap-s: 12px;
1236
- --siteheader-gap-m: 24px;
1237
- --siteheader-gap-l: 40px;
1238
- --siteheader-size-icon-s: 24px;
1239
- --siteheader-colors-light-bg-default: #111111;
1240
- --siteheader-colors-light-fg-default: #aaaaaa;
1241
- --siteheader-colors-light-fg-default-alt: #2B2B2B;
1242
- --siteheader-colors-light-text-default: #5514b4;
1243
- --siteheader-colors-light-text-default-alt: #01404C;
1244
- --sitefooter-size-s: 20px;
1245
- --sitefooter-size-m: 34px;
1246
- --sitefooter-size-icon-s: 16px;
1247
- --sitefooter-size-icon-m: 24px;
1248
- --sitefooter-size-icon-l: 32px;
1249
- --sitefooter-padding-s: 8px;
1250
- --sitefooter-padding-m: 12px;
1251
- --sitefooter-padding-l: 16px;
1252
- --sitefooter-padding-xl: 24px;
1253
- --sitefooter-padding-xxl: 32px;
1254
- --sitefooter-gap-s: 4px;
1255
- --sitefooter-gap-m: 8px;
1256
- --sitefooter-gap-l: 16px;
1257
- --sitefooter-gap-xl: 24px;
1258
- --sitefooter-gap-xxl: 48px;
1259
- --sitefooter-colors-light-bg-default: #111111;
1260
- --sitefooter-colors-light-fg-default: #aaaaaa;
1261
- --sitefooter-colors-light-fg-default-alt: #3f187f;
1262
- --sitefooter-colors-light-border-subtle: #BBBBBB;
1263
- --sitefooter-colors-light-text-default: #ffffff;
1264
- --sitefooter-colors-light-text-subtle: #6b6b6b;
1265
- --sitefooter-border-weight-s: 1px;
1266
- --header-menu-size-s: 40px;
1267
- --header-menu-size-m: 96px;
1268
- --header-menu-size-l: 72px;
1269
- --header-menu-size-xl: 106px;
1270
- --header-menu-padding-s: 8px;
1271
- --header-menu-padding-m: 12px;
1272
- --header-menu-padding-l: 24px;
1273
- --header-menu-padding-xl: 40px;
1274
- --header-menu-gap-s: 8px;
1275
- --header-menu-gap-m: 16px;
1276
- --header-menu-gap-l: 20px;
1277
- --header-menu-gap-xl: 24px;
1278
- --header-menu-gap-xxl: 28px;
1279
- --header-menu-gap-xxxl: 44px;
1280
- --header-menu-gap-xxxxl: 48px;
1281
- --header-menu-border-radius-s: 24px;
1282
- --header-menu-border-radius-m: 16px;
1283
- --header-menu-border-radius-l: 16px;
1284
- --header-menu-border-radius-xl: 16px;
1285
- --header-menu-size-icon-s: 16px;
1286
- --header-menu-size-icon-m: 28px;
1287
- --header-menu-size-icon-l: 48px;
1288
- --header-menu-border-weight-s: 1px;
1289
- --header-menu-colors-light-bg-strong: #2B2B2B;
1290
- --header-menu-colors-light-bg-default-alt: #FFFFFF;
1291
- --header-menu-colors-light-fg-default: #009BA5;
1292
- --header-menu-colors-light-fg-default-alt: #FFFFFF;
1293
- --header-menu-colors-light-fg-strong: #2B2B2B;
1294
- --header-menu-colors-light-border-strong-alt-copy: #818181;
1295
- --header-menu-colors-light-text-default: #009BA5;
1296
- --header-menu-colors-light-text-default-alt: #FFFFFF;
1297
- --header-menu-colors-light-text-strong: #2B2B2B;
419
+ --button-padding-s: 10px;
420
+ --button-padding-m: 12px;
421
+ --button-padding-l: 16px;
422
+ --button-padding-xl: 18px;
423
+ --button-padding-xxl: 20px;
424
+ --button-padding-xxxl: 24px;
425
+ --button-gap-xs: 2px;
426
+ --button-gap-s: 4px;
427
+ --button-gap-m: 6px;
428
+ --button-gap-l: 8px;
429
+ --button-border-radius-s: 20px;
430
+ --button-size-xxs: 20px;
431
+ --button-size-xs: 24px;
432
+ --button-size-s: 28px;
433
+ --button-size-m: 32px;
434
+ --button-size-l: 44px;
435
+ --button-size-xl: 48px;
436
+ --button-size-xxl: 60px;
437
+ --button-size-icon-xs: 12px;
438
+ --button-size-icon-s: 16px;
439
+ --button-size-icon-m: 20px;
440
+ --button-size-icon-l: 24px;
441
+ --button-size-icon-xl: 28px;
442
+ --button-colors-light-bg-default: #111111;
443
+ --button-colors-light-bg-hover: #2B2B2B;
444
+ --button-colors-light-bg-pressed: #3F3F3F;
445
+ --button-colors-light-bg-disabled: #D9D9D9;
446
+ --button-colors-light-border-default: #111111;
447
+ --button-colors-light-border-pressed: #3F3F3F;
448
+ --button-colors-light-border-disabled: #D9D9D9;
449
+ --button-colors-light-fg-default: #001318;
450
+ --button-colors-light-fg-default-alt: #FFFFFF;
451
+ --button-colors-light-fg-hover: #001318;
452
+ --button-colors-light-fg-pressed: #3F3F3F;
453
+ --button-colors-light-fg-disabled: #686868;
454
+ --button-colors-light-text-default: #001318;
455
+ --button-colors-light-text-default-alt: #FFFFFF;
456
+ --button-colors-light-text-hover: #001318;
457
+ --button-colors-light-text-pressed: #3F3F3F;
458
+ --button-colors-light-text-disabled: #686868;
459
+ --button-colors-dark-bg-default: #FFFFFF;
460
+ --button-colors-dark-bg-hover: #d9d9d9;
461
+ --button-colors-dark-bg-pressed: #b7b7b7;
462
+ --button-colors-dark-bg-disabled: #686868;
463
+ --button-colors-dark-border-default: #FFFFFF;
464
+ --button-colors-dark-border-pressed: #818181;
465
+ --button-colors-dark-border-disabled: #686868;
466
+ --button-colors-dark-fg-default: #ffffff;
467
+ --button-colors-dark-fg-default-alt: #2B2B2B;
468
+ --button-colors-dark-fg-hover: #ffffff;
469
+ --button-colors-dark-fg-pressed: #818181;
470
+ --button-colors-dark-fg-disabled: #9C9C9C;
471
+ --button-colors-dark-text-default: #ffffff;
472
+ --button-colors-dark-text-default-alt: #2B2B2B;
473
+ --button-colors-dark-text-hover: #ffffff;
474
+ --button-colors-dark-text-pressed: #ffffff;
475
+ --button-colors-dark-text-disabled: #9C9C9C;
476
+ --button-border-weight-s: 2px;
1298
477
  --button-v2-padding-xxxs: 3px;
1299
478
  --button-v2-padding-xxs: 4px;
1300
479
  --button-v2-padding-xs: 8px;
@@ -1309,7 +488,7 @@
1309
488
  --button-v2-gap-m: 8px;
1310
489
  --button-v2-border-radius-s: 16px;
1311
490
  --button-v2-size-s: 32px;
1312
- --button-v2-size-m: 44px;
491
+ --button-v2-size-m: 48px;
1313
492
  --button-v2-size-l: 64px;
1314
493
  --button-v2-size-icon-s: 20px;
1315
494
  --button-v2-size-icon-m: 24px;
@@ -1320,7 +499,7 @@
1320
499
  --button-v2-border-weight-m: 2px;
1321
500
  --button-v2-colors-light-bg-default: #111111;
1322
501
  --button-v2-colors-light-bg-hover: #2B2B2B;
1323
- --button-v2-colors-light-bg-pressed: #057382;
502
+ --button-v2-colors-light-bg-pressed: #3F3F3F;
1324
503
  --button-v2-colors-light-bg-disabled: #D9D9D9;
1325
504
  --button-v2-colors-light-bg-strong: #D9D9D9;
1326
505
  --button-v2-colors-light-bg-subtle: #F3F3F3;
@@ -1351,7 +530,7 @@
1351
530
  --button-v2-colors-light-variant-border-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
1352
531
  --button-v2-colors-dark-bg-default: #FFFFFF;
1353
532
  --button-v2-colors-dark-bg-hover: #F3F3F3;
1354
- --button-v2-colors-dark-bg-pressed: #818181;
533
+ --button-v2-colors-dark-bg-pressed: #BBBBBB;
1355
534
  --button-v2-colors-dark-bg-disabled: #686868;
1356
535
  --button-v2-colors-dark-bg-strong: #686868;
1357
536
  --button-v2-colors-dark-bg-hover-alt: #3F3F3F;
@@ -1361,9 +540,9 @@
1361
540
  --button-v2-colors-dark-border-pressed: #818181;
1362
541
  --button-v2-colors-dark-border-disabled: #686868;
1363
542
  --button-v2-colors-dark-border-subtle: #6b6b6b;
1364
- --button-v2-colors-dark-fg-default: #EBF304;
543
+ --button-v2-colors-dark-fg-default: #ffffff;
1365
544
  --button-v2-colors-dark-fg-default-alt: #2B2B2B;
1366
- --button-v2-colors-dark-fg-hover: #F8FF19;
545
+ --button-v2-colors-dark-fg-hover: #ffffff;
1367
546
  --button-v2-colors-dark-fg-pressed: #818181;
1368
547
  --button-v2-colors-dark-fg-disabled: #9C9C9C;
1369
548
  --button-v2-colors-dark-fg-strong: #9C9C9C;
@@ -1373,10 +552,10 @@
1373
552
  --button-v2-colors-dark-status-bg-default: #600104;
1374
553
  --button-v2-colors-dark-status-bg-hover: #840106;
1375
554
  --button-v2-colors-dark-status-bg-pressed: #AA0006;
1376
- --button-v2-colors-dark-text-default: #EBF304;
555
+ --button-v2-colors-dark-text-default: #ffffff;
1377
556
  --button-v2-colors-dark-text-default-alt: #2B2B2B;
1378
- --button-v2-colors-dark-text-hover: #F8FF19;
1379
- --button-v2-colors-dark-text-pressed: #818181;
557
+ --button-v2-colors-dark-text-hover: #ffffff;
558
+ --button-v2-colors-dark-text-pressed: #ffffff;
1380
559
  --button-v2-colors-dark-text-disabled: #9C9C9C;
1381
560
  --button-v2-colors-dark-variant-bg-loader: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%);
1382
561
  --button-v2-colors-dark-variant-fg-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
@@ -1471,147 +650,1084 @@
1471
650
  --hero-button-colors-dark-variant-border-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
1472
651
  --hero-button-colors-overlay-flat-01: rgba(255,255,255,0.5);
1473
652
  --hero-button-colors-overlay-flat-02: rgba(85,20,180,0.5);
1474
- --button-padding-s: 10px;
1475
- --button-padding-m: 12px;
1476
- --button-padding-l: 16px;
1477
- --button-padding-xl: 18px;
1478
- --button-padding-xxl: 20px;
1479
- --button-padding-xxxl: 24px;
1480
- --button-gap-xs: 2px;
1481
- --button-gap-s: 4px;
1482
- --button-gap-m: 6px;
1483
- --button-gap-l: 8px;
1484
- --button-border-radius-s: 16px;
1485
- --button-size-xxs: 20px;
1486
- --button-size-xs: 24px;
1487
- --button-size-s: 28px;
1488
- --button-size-m: 32px;
1489
- --button-size-l: 44px;
1490
- --button-size-xl: 48px;
1491
- --button-size-xxl: 60px;
1492
- --button-size-icon-xs: 12px;
1493
- --button-size-icon-s: 16px;
1494
- --button-size-icon-m: 20px;
1495
- --button-size-icon-l: 24px;
1496
- --button-size-icon-xl: 28px;
1497
- --button-colors-light-bg-default: #111111;
1498
- --button-colors-light-bg-hover: #2B2B2B;
1499
- --button-colors-light-bg-pressed: #057382;
1500
- --button-colors-light-bg-disabled: #D9D9D9;
1501
- --button-colors-light-border-default: #111111;
1502
- --button-colors-light-border-pressed: #3F3F3F;
1503
- --button-colors-light-border-disabled: #D9D9D9;
1504
- --button-colors-light-fg-default: #001318;
1505
- --button-colors-light-fg-default-alt: #FFFFFF;
1506
- --button-colors-light-fg-hover: #001318;
1507
- --button-colors-light-fg-pressed: #3F3F3F;
1508
- --button-colors-light-fg-disabled: #686868;
1509
- --button-colors-light-text-default: #001318;
1510
- --button-colors-light-text-default-alt: #FFFFFF;
1511
- --button-colors-light-text-hover: #001318;
1512
- --button-colors-light-text-pressed: #3F3F3F;
1513
- --button-colors-light-text-disabled: #686868;
1514
- --button-colors-dark-bg-default: #FFFFFF;
1515
- --button-colors-dark-bg-hover: #F3F3F3;
1516
- --button-colors-dark-bg-pressed: #818181;
1517
- --button-colors-dark-bg-disabled: #686868;
1518
- --button-colors-dark-border-default: #FFFFFF;
1519
- --button-colors-dark-border-pressed: #818181;
1520
- --button-colors-dark-border-disabled: #686868;
1521
- --button-colors-dark-fg-default: #EBF304;
1522
- --button-colors-dark-fg-default-alt: #2B2B2B;
1523
- --button-colors-dark-fg-hover: #F8FF19;
1524
- --button-colors-dark-fg-pressed: #818181;
1525
- --button-colors-dark-fg-disabled: #9C9C9C;
1526
- --button-colors-dark-text-default: #EBF304;
1527
- --button-colors-dark-text-default-alt: #2B2B2B;
1528
- --button-colors-dark-text-hover: #F8FF19;
1529
- --button-colors-dark-text-pressed: #818181;
1530
- --button-colors-dark-text-disabled: #9C9C9C;
1531
- --button-border-weight-s: 2px;
653
+ --backtotop-size-m: 48px;
654
+ --backtotop-size-icon-m: 48px;
655
+ --backtotop-padding-m: 22px;
656
+ --backtotop-border-radius-m: 1000px;
657
+ --backtotop-border-weight-m: 2px;
658
+ --backtotop-colors-light-bg-default: #111111;
659
+ --backtotop-colors-light-bg-hover: #2B2B2B;
660
+ --backtotop-colors-light-bg-selected: #057382;
661
+ --backtotop-colors-light-bg-strong: #FFFFFF;
662
+ --backtotop-colors-light-bg-subtle: #D9D9D9;
663
+ --backtotop-colors-light-border-default: #111111;
664
+ --backtotop-colors-light-border-hover: #525252;
665
+ --backtotop-colors-light-border-selected: #3F3F3F;
666
+ --backtotop-colors-light-border-strong: #F3F3F3;
667
+ --backtotop-colors-light-border-focus: #111111;
668
+ --backtotop-colors-light-fg-default: #009BA5;
669
+ --backtotop-colors-light-fg-default-alt: #FFFFFF;
670
+ --backtotop-colors-light-text-default: #009BA5;
671
+ --backtotop-colors-light-text-default-alt: #FFFFFF;
672
+ --backtotop-colors-dark-bg-default: #FFFFFF;
673
+ --backtotop-colors-dark-bg-hover: #F3F3F3;
674
+ --backtotop-colors-dark-bg-selected: #818181;
675
+ --backtotop-colors-dark-bg-strong: #111111;
676
+ --backtotop-colors-dark-bg-subtle: #3F3F3F;
677
+ --backtotop-colors-dark-border-default: #FFFFFF;
678
+ --backtotop-colors-dark-border-hover: #F3F3F3;
679
+ --backtotop-colors-dark-border-selected: #818181;
680
+ --backtotop-colors-dark-border-strong: #818181;
681
+ --backtotop-colors-dark-border-focus: #D9D9D9;
682
+ --backtotop-colors-dark-fg-default: #2B2B2B;
683
+ --backtotop-colors-dark-fg-default-alt: #FFFFFF;
684
+ --backtotop-colors-dark-text-default: #2B2B2B;
685
+ --backtotop-colors-dark-text-default-alt: #FFFFFF;
686
+ --elevation-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 2px 6px 0 rgba( 0, 0, 0 , 0.10);
687
+ --elevation-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
688
+ --elevation-03: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 8px 16px 0 rgba( 0, 0, 0 , 0.10);
689
+ --elevation-04: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 16px 20px 0 rgba( 0, 0, 0 , 0.10);
690
+ --elevation-05: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 24px 32px 0 rgba( 0, 0, 0 , 0.10);
691
+ --vertical-space-size-4: 4px;
692
+ --vertical-space-size-8: 8px;
693
+ --vertical-space-size-12: 12px;
694
+ --vertical-space-size-16: 16px;
695
+ --vertical-space-size-20: 20px;
696
+ --vertical-space-size-24: 24px;
697
+ --vertical-space-size-28: 28px;
698
+ --vertical-space-size-32: 32px;
699
+ --vertical-space-size-40: 40px;
700
+ --vertical-space-size-48: 48px;
701
+ --vertical-space-size-64: 64px;
702
+ --vertical-space-size-96: 96px;
703
+ --vertical-space-size-128: 128px;
704
+ --rule-colors-light-border-subtle: #BBBBBB;
705
+ --rule-colors-dark-border-subtle: #525252;
706
+ --rule-border-weight-s: 1px;
1532
707
  --focus-colors-light-border-subtle: #111111;
1533
708
  --focus-colors-dark-border-subtle: #D9D9D9;
1534
709
  --focus-border-weight-s: 2px;
1535
710
  --focus-border-radius-s: 16px;
1536
- --universal-header-size-s: 32px;
1537
- --universal-header-padding-s: 10px;
1538
- --universal-header-padding-m: 16px;
1539
- --universal-header-padding-l: 24px;
1540
- --universal-header-padding-xl: 32px;
1541
- --universal-header-gap-s: 6px;
1542
- --universal-header-gap-m: 12px;
1543
- --universal-header-gap-l: 32px;
1544
- --universal-header-size-icon-s: 10px;
1545
- --universal-header-colors-light-bg-default: #D9D9D9;
1546
- --universal-header-colors-light-fg-default: #2B2B2B;
1547
- --universal-header-colors-light-text-default: #01404C;
1548
- --universal-header-colors-light-text-hover: #001318;
1549
- --card-colors-light-bg-default: #111111;
1550
- --card-colors-light-bg-default-alt: #FFFFFF;
1551
- --card-colors-light-bg-emphasis: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%);
1552
- --card-colors-light-fg-default: #001318;
1553
- --card-colors-light-fg-default-alt: #FFFFFF;
1554
- --card-colors-light-fg-hover: #057382;
1555
- --card-colors-light-border-default: #BBBBBB;
1556
- --card-colors-light-border-hover: #525252;
1557
- --card-colors-light-border-minimal: #BBBBBB;
1558
- --card-colors-light-text-default: #2B2B2B;
1559
- --card-colors-light-text-hover: #001318;
1560
- --card-colors-light-text-support: #686868;
1561
- --card-colors-dark-bg-default: #FFFFFF;
1562
- --card-colors-dark-bg-default-alt: #111111;
1563
- --card-colors-dark-bg-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1564
- --card-colors-dark-fg-default-alt: #FFFFFF;
1565
- --card-colors-dark-border-hover: #F3F3F3;
1566
- --card-colors-dark-text-default: #FFFFFF;
1567
- --card-colors-dark-text-hover: #F8FF19;
1568
- --card-colors-dark-text-support: #BBBBBB;
1569
- --card-padding-s: 24px;
1570
- --card-padding-m: 32px;
1571
- --card-border-weight-s: 1px;
1572
- --card-border-weight-m: 2px;
1573
- --card-border-radius-s: 16px;
1574
- --card-gap-xs: 8px;
1575
- --card-gap-s: 16px;
1576
- --card-gap-m: 20px;
1577
- --card-gap-l: 22px;
1578
- --card-gap-xl: 24px;
1579
- --card-size-s: 48px;
1580
- --card-size-m: 80px;
1581
- --card-size-l: 96px;
1582
- --card-size-icon-s: 42px;
1583
- --card-size-icon-m: 80px;
1584
- --surface-colors-bg-dark-brand-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1585
- --surface-colors-bg-dark-brand-01: #111111;
1586
- --surface-colors-bg-dark-neutral-01: #686868;
711
+ --logos-size-m: 40px;
712
+ --logos-colors-light-fg-default: #009BA5;
713
+ --logos-colors-light-fg-strong: #2B2B2B;
714
+ --logos-colors-light-fg-variant: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
715
+ --logos-colors-dark-fg-default: #EBF304;
716
+ --surface-colors-bg-dark-brand-01: #067382;
717
+ --surface-colors-bg-dark-brand-02: #067382;
718
+ --surface-colors-bg-dark-neutral-01: #3F3F3F;
1587
719
  --surface-colors-bg-dark-neutral-02: #2B2B2B;
720
+ --surface-colors-bg-dark-black: #111111;
1588
721
  --surface-colors-bg-light-white: #FFFFFF;
1589
722
  --surface-colors-bg-light-neutral-01: #f7f7f7;
1590
- --surface-colors-bg-light-neutral-02: #D9D9D9;
1591
- --surface-colors-bg-light-brand-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%);
1592
- --surface-colors-bg-light-brand-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%);
1593
- --surface-colors-bg-dark-black: #111111;
1594
- --filter-size-s: 28px;
1595
- --filter-padding-s: 4px;
1596
- --filter-padding-m: 10px;
1597
- --filter-border-radius-s: 32px;
1598
- --filter-border-weight-s: 1px;
1599
- --filter-border-weight-m: 2px;
1600
- --filter-colors-light-border-default: #BBBBBB;
1601
- --filter-colors-light-border-hover: #525252;
1602
- --filter-colors-light-bg-default: #FFFFFF;
1603
- --filter-colors-light-bg-selected: #111111;
1604
- --filter-colors-light-text-default: #001318;
1605
- --filter-colors-light-text-default-alt: #ffffff;
1606
- --filter-colors-light-text-hover: #2a1c4a;
1607
- --filter-colors-dark-border-default: #06C3C2;
1608
- --filter-colors-dark-border-hover: #525252;
1609
- --filter-colors-dark-bg-selected: #FFFFFF;
1610
- --filter-colors-dark-bg-default: #111111;
1611
- --filter-colors-dark-text-default: #001318;
1612
- --filter-colors-dark-text-default-alt: #efe5f7;
1613
- --filter-colors-dark-text-hover: #D9D9D9;
1614
- --filter-colors-dark-text-seleced: #2a1c4a;
1615
- --filter-gap-l: 16px;
1616
- --filter-margin-m: 16px;
723
+ --surface-colors-bg-light-neutral-02: #F7F7F7;
724
+ --surface-colors-bg-light-brand-01: #009BA5;
725
+ --surface-colors-bg-light-brand-02: #EAF304;
726
+ --tag-size-s: 28px;
727
+ --tag-padding-xxs: 4px;
728
+ --tag-padding-xs: 6px;
729
+ --tag-padding-s: 8px;
730
+ --tag-border-radius-s: 32px;
731
+ --tag-border-weight-s: 1px;
732
+ --tag-colors-light-bg-default: #FFFFFF;
733
+ --tag-colors-light-bg-default-alt: #FFFFFF;
734
+ --tag-colors-light-bg-hover: #ffffff;
735
+ --tag-colors-light-border-default: #BBBBBB;
736
+ --tag-colors-light-border-default-alt: #BBBBBB;
737
+ --tag-colors-light-border-hover: #BBBBBB;
738
+ --tag-colors-light-fg-default: #2B2B2B;
739
+ --tag-colors-light-fg-hover: #001318;
740
+ --tag-colors-light-text-default: #2B2B2B;
741
+ --tag-colors-light-text-hover: #001318;
742
+ --tag-size-icon-s: 16px;
743
+ --tag-size-icon-m: 20;
744
+ --alert-padding-xxs: 2px;
745
+ --alert-padding-xs: 6px;
746
+ --alert-padding-s: 22px;
747
+ --alert-padding-m: 10px;
748
+ --alert-border-radius-s: 16px;
749
+ --alert-border-weight-s: 2px;
750
+ --alert-border-weight-m: 2px;
751
+ --alert-colors-status-light-bg-subtle-default: #F3F3F3;
752
+ --alert-colors-status-light-bg-subtle-error: #FEEDED;
753
+ --alert-colors-status-light-bg-subtle-warning: #FEF2DE;
754
+ --alert-colors-status-light-bg-subtle-success: #e6f4e5;
755
+ --alert-colors-status-light-border-default: #3F3F3F;
756
+ --alert-colors-status-light-border-error: #D20007;
757
+ --alert-colors-status-light-border-warning: #B14D00;
758
+ --alert-colors-status-light-border-success: #138100;
759
+ --alert-colors-status-light-fg-default: #2B2B2B;
760
+ --alert-colors-status-light-text-default: #2B2B2B;
761
+ --alert-colors-status-dark-bg-subtle-default: #121212;
762
+ --alert-colors-status-dark-bg-subtle-error: #2D0002;
763
+ --alert-colors-status-dark-bg-subtle-warning: #1F0D00;
764
+ --alert-colors-status-dark-bg-subtle-success: #031700;
765
+ --alert-colors-status-dark-border-default: #838383;
766
+ --alert-colors-status-dark-border-error: #E81D1D;
767
+ --alert-colors-status-dark-border-warning: #D55C00;
768
+ --alert-colors-status-dark-border-success: #159000;
769
+ --alert-colors-status-dark-fg-default: #F3F3F3;
770
+ --alert-colors-status-dark-text-default: #F3F3F3;
771
+ --alert-size-icon-s: 24px;
772
+ --alert-gap-s: 0px;
773
+ --badge-size-s: 24px;
774
+ --badge-padding-s: 8px;
775
+ --badge-padding-xxs: 1px;
776
+ --badge-border-radius-s: 1000px;
777
+ --badge-colors-bg-default: #2a2a2a;
778
+ --badge-colors-bg-error: #AA0006;
779
+ --badge-colors-bg-warning: #FFA94D;
780
+ --badge-colors-bg-success: #0F6D00;
781
+ --badge-colors-text-default: #ffffff;
782
+ --badge-colors-text-error: #ffffff;
783
+ --badge-colors-text-warning: #2a2a2a;
784
+ --badge-colors-text-success: #ffffff;
785
+ --stepper-size-s: 8px;
786
+ --stepper-size-m: 14px;
787
+ --stepper-size-l: 16px;
788
+ --stepper-size-xl: 24px;
789
+ --stepper-size-icon-s: 16px;
790
+ --stepper-size-icon-l: 24px;
791
+ --stepper-padding-s: 16px;
792
+ --stepper-padding-m: 24px;
793
+ --stepper-gap-s: 16px;
794
+ --stepper-gap-m: 24px;
795
+ --stepper-colors-light-bg-default: #111111;
796
+ --stepper-colors-light-bg-subtle: #BBBBBB;
797
+ --stepper-colors-light-bg-error: #da020f;
798
+ --stepper-colors-light-bg-warning: #ffa200;
799
+ --stepper-colors-light-bg-error-subtle: #FEEDED;
800
+ --stepper-colors-light-bg-warning-subtle: #FEF2DE;
801
+ --stepper-colors-light-border-default: #111111;
802
+ --stepper-colors-light-border-subtle: #BBBBBB;
803
+ --stepper-colors-light-border-error: #D20007;
804
+ --stepper-colors-light-border-warning: #B14D00;
805
+ --stepper-colors-light-border-variant: #000000;
806
+ --stepper-colors-light-fg-default: #009BA5;
807
+ --stepper-colors-light-fg-default-alt: #FFFFFF;
808
+ --stepper-colors-light-fg-error: #D20007;
809
+ --stepper-colors-light-fg-warning: #B14D00;
810
+ --stepper-colors-light-fg-variant: #009BA5;
811
+ --stepper-colors-light-text-default: #2B2B2B;
812
+ --stepper-colors-light-text-hover: #001318;
813
+ --stepper-colors-light-text-subtle: #686868;
814
+ --stepper-colors-light-pluse-from: rgba(0,155,165, 20%);;
815
+ --stepper-colors-light-pluse-to: rgba(0,155,165, 0%);;
816
+ --stepper-colors-dark-bg-default: #FFFFFF;
817
+ --stepper-colors-dark-bg-subtle: #818181;
818
+ --stepper-colors-dark-bg-strong: #FFFFFF;
819
+ --stepper-colors-dark-bg-error: #FF8883;
820
+ --stepper-colors-dark-bg-warning: #FFA94D;
821
+ --stepper-colors-dark-bg-error-subtle: #2D0002;
822
+ --stepper-colors-dark-bg-warning-subtle: #4B2000;
823
+ --stepper-colors-dark-border-default: #FFFFFF;
824
+ --stepper-colors-dark-border-subtle: #525252;
825
+ --stepper-colors-dark-border-strong: #F3F3F3;
826
+ --stepper-colors-dark-border-error: #FF8883;
827
+ --stepper-colors-dark-border-warning: #FFA94D;
828
+ --stepper-colors-dark-border-variant: #FFFFFF;
829
+ --stepper-colors-dark-fg-default: #FFFFFF;
830
+ --stepper-colors-dark-fg-default-alt: #2B2B2B;
831
+ --stepper-colors-dark-fg-strong: #FFFFFF;
832
+ --stepper-colors-dark-fg-error: #FF8883;
833
+ --stepper-colors-dark-fg-warning: #FFA94D;
834
+ --stepper-colors-dark-fg-variant: #FFFFFF;
835
+ --stepper-colors-dark-text-default: #FFFFFF;
836
+ --stepper-colors-dark-text-hover: #F8FF19;
837
+ --stepper-colors-dark-text-subtle: #9C9C9C;
838
+ --stepper-border-weight-s: 1px;
839
+ --stepper-border-weight-m: 2px;
840
+ --stepper-border-radius: 50px;
841
+ --spinner-size-s: 16px;
842
+ --spinner-size-m: 24px;
843
+ --spinner-size-l: 32px;
844
+ --spinner-size-xl: 40px;
845
+ --spinner-size-xxl: 48px;
846
+ --spinner-colors-light-fg-default: #009BA5;
847
+ --spinner-colors-dark-fg-default: #FFFFFF;
848
+ --toast-size-s: 40px;
849
+ --toast-padding-s: 8px;
850
+ --toast-border-radius-s: 8px;
851
+ --toast-gap-s: 8px;
852
+ --toast-size-icon-s: 24px;
853
+ --toast-border-weight-s: 1px;
854
+ --toast-colors-status-light-bg-default: #2a2a2a;
855
+ --toast-colors-status-light-bg-error: #2a2a2a;
856
+ --toast-colors-status-light-bg-warning: #2a2a2a;
857
+ --toast-colors-status-light-bg-success: #2a2a2a;
858
+ --toast-colors-status-light-border-default: #F3F3F3;
859
+ --toast-colors-status-light-border-error: #FF8883;
860
+ --toast-colors-status-light-border-warning: #FFA94D;
861
+ --toast-colors-status-light-border-success: #73C367;
862
+ --toast-colors-status-light-fg-default: #2a2a2a;
863
+ --toast-colors-status-light-fg-error: #FFA200;
864
+ --toast-colors-status-light-fg-warning: #ffa200;
865
+ --toast-colors-status-light-fg-success: #73C367;
866
+ --toast-colors-status-light-fg-default-alt: #FFFFFF;
867
+ --toast-colors-status-light-text-default: #ffffff;
868
+ --toast-colors-status-light-text-default-alt: #ffffff;
869
+ --toast-colors-status-dark-bg-default: #f0f0f0;
870
+ --toast-colors-status-dark-bg-error: #f0f0f0;
871
+ --toast-colors-status-dark-bg-warning: #f0f0f0;
872
+ --toast-colors-status-dark-bg-success: #f0f0f0;
873
+ --toast-colors-status-dark-border-default: #3F3F3F;
874
+ --toast-colors-status-dark-border-error: #D20007;
875
+ --toast-colors-status-dark-border-warning: #FEDDA4;
876
+ --toast-colors-status-dark-border-success: #138100;
877
+ --toast-colors-status-dark-fg-default: #2B2B2B;
878
+ --toast-colors-status-dark-fg-error: #D20007;
879
+ --toast-colors-status-dark-fg-warning: #FFA200;
880
+ --toast-colors-status-dark-fg-success: #138100;
881
+ --toast-colors-status-dark-text-default: #2a2a2a;
882
+ --toast-box-shadow-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
883
+ --progress-bar-gap-s: 4px;
884
+ --progress-bar-gap-m: 8px;
885
+ --progress-bar-size-s: 12px;
886
+ --progress-bar-border-radius-s: 24px;
887
+ --progress-bar-colors-light-bg-default: #111111;
888
+ --progress-bar-colors-light-bg-default-alt: #D9D9D9;
889
+ --progress-bar-colors-light-bg-muted: #F3F3F3;
890
+ --progress-bar-colors-light-bg-error: #2a2a2a;
891
+ --progress-bar-colors-light-bg-success: #2a2a2a;
892
+ --progress-bar-colors-light-text-default: #2B2B2B;
893
+ --progress-bar-colors-light-text-default-alt: #009BA5;
894
+ --progress-bar-colors-light-text-default-alt-hover: hsl(184 100% 25.9%);
895
+ --progress-bar-colors-light-text-error: #D20007;
896
+ --progress-bar-colors-light-text-error-hover: hsl(358 100% 28.8%);
897
+ --progress-bar-colors-light-text-success: #2a2a2a;
898
+ --progress-bar-colors-light-text-success-hover: hsl(0 0% 11.5%);
899
+ --progress-bar-colors-light-fg-default: #009BA5;
900
+ --progress-bar-colors-light-fg-default-hover: hsl(184 100% 25.9%);
901
+ --progress-bar-colors-light-fg-error: #D20007;
902
+ --progress-bar-colors-light-fg-error-hover: hsl(358 100% 28.8%);
903
+ --progress-bar-colors-light-fg-success: #2a2a2a;
904
+ --progress-bar-colors-light-fg-success-hover: hsl(0 0% 11.5%);
905
+ --progress-bar-colors-dark-bg-default: #FFFFFF;
906
+ --progress-bar-colors-dark-bg-default-alt: #3F3F3F;
907
+ --progress-bar-colors-dark-bg-error: #FF8883;
908
+ --progress-bar-colors-dark-bg-success: #73C367;
909
+ --progress-bar-colors-dark-fg-default: #EBF304;
910
+ --progress-bar-colors-dark-fg-default-hover: hsl(62 96.8% 63.9%);
911
+ --progress-bar-colors-dark-fg-error: #FF8883;
912
+ --progress-bar-colors-dark-fg-error-hover: hsl(2.42 100% 87.8%);
913
+ --progress-bar-colors-dark-fg-success: #73C367;
914
+ --progress-bar-colors-dark-fg-success-hover: hsl(112 43.4% 63.6%);
915
+ --progress-bar-colors-dark-text-default: #FFFFFF;
916
+ --progress-bar-colors-dark-text-default-alt: #EBF304;
917
+ --progress-bar-colors-dark-text-default-alt-hover: hsl(62 96.8% 74.2%);
918
+ --progress-bar-colors-dark-text-error: #FF8883;
919
+ --progress-bar-colors-dark-text-error-hover: hsl(2.42 100% 87.8%);
920
+ --progress-bar-colors-dark-text-success: #73C367;
921
+ --progress-bar-colors-dark-text-success-hover: hsl(112 43.4% 63.6%);
922
+ --date-picker-size-s: 32px;
923
+ --date-picker-size-m: 34px;
924
+ --date-picker-size-l: 36px;
925
+ --date-picker-size-xl: 40px;
926
+ --date-picker-size-xxl: 44px;
927
+ --date-picker-size-xxxl: 48px;
928
+ --date-picker-size-xxxxl: 64px;
929
+ --date-picker-padding-xxs: 2px;
930
+ --date-picker-padding-xs: 3px;
931
+ --date-picker-padding-s: 4px;
932
+ --date-picker-padding-m: 8px;
933
+ --date-picker-padding-l: 12px;
934
+ --date-picker-padding-xl: 16px;
935
+ --date-picker-border-radius-s: 4px;
936
+ --date-picker-border-radius-m: 8px;
937
+ --date-picker-border-radius-l: 8px;
938
+ --date-picker-border-radius-xl: 1000px;
939
+ --date-picker-border-weight-s: 1px;
940
+ --date-picker-border-weight-m: 2px;
941
+ --date-picker-border-weight-l: 4px;
942
+ --date-picker-colors-light-bg-default-alt: #FFFFFF;
943
+ --date-picker-colors-light-bg-hover: #2B2B2B;
944
+ --date-picker-colors-light-bg-selected: #057382;
945
+ --date-picker-colors-light-bg-pressed: #057382;
946
+ --date-picker-colors-light-bg-disabled: #F0F0F0;
947
+ --date-picker-colors-light-bg-error: #FEEDED;
948
+ --date-picker-colors-light-bg-subtle: #F3F3F3;
949
+ --date-picker-colors-light-bg-hover-alt: #D9D9D9;
950
+ --date-picker-colors-light-border-hover: #525252;
951
+ --date-picker-colors-light-border-focus: #111111;
952
+ --date-picker-colors-light-border-selected: #3F3F3F;
953
+ --date-picker-colors-light-border-disabled: #949494;
954
+ --date-picker-colors-light-border-error: #D20007;
955
+ --date-picker-colors-light-border-strong: #818181;
956
+ --date-picker-colors-light-fg-default-alt: #FFFFFF;
957
+ --date-picker-colors-light-fg-hover: #001318;
958
+ --date-picker-colors-light-fg-strong: #2B2B2B;
959
+ --date-picker-colors-light-fg-disabled: #686868;
960
+ --date-picker-colors-light-fg-error: #D20007;
961
+ --date-picker-colors-light-text-default: #009BA5;
962
+ --date-picker-colors-light-text-default-alt: #FFFFFF;
963
+ --date-picker-colors-light-text-strong: #2B2B2B;
964
+ --date-picker-colors-light-text-disabled: #AAAAAA;
965
+ --date-picker-colors-light-text-error: #D20007;
966
+ --date-picker-colors-light-text-hint: #686868;
967
+ --date-picker-gap-xs: 4px;
968
+ --date-picker-gap-s: 8px;
969
+ --date-picker-gap-m: 12px;
970
+ --date-picker-gap-l: 40px;
971
+ --date-picker-size-icon-s: 24px;
972
+ --date-picker-size-icon-m: 32px;
973
+ --date-picker-size-icon-l: 40px;
974
+ --date-picker-type-label-s: 700 14px/1 Non-Dottee;
975
+ --date-picker-type-label-m: 700 16px/1 Non-Dottee;
976
+ --date-picker-type-label-l: 700 20px/1 Non-Dottee;
977
+ --datepicker-type-label-s: 700 14px/1 Non-Dottee;
978
+ --datepicker-type-label-m: 700 16px/1 Non-Dottee;
979
+ --datepicker-type-label-l: 700 20px/1 Non-Dottee;
980
+ --select-size-s: 32px;
981
+ --select-size-m: 44px;
982
+ --select-size-l: 64px;
983
+ --select-padding-s: 8px;
984
+ --select-padding-m: 12px;
985
+ --select-padding-l: 16px;
986
+ --select-padding-xl: 28px;
987
+ --select-border-radius-s: 4px;
988
+ --select-border-radius-m: 8px;
989
+ --select-border-radius-l: 8px;
990
+ --select-border-weight-s: 1px;
991
+ --select-border-weight-m: 2px;
992
+ --select-border-weight-l: 4px;
993
+ --select-gap-s: 4px;
994
+ --select-gap-m: 8px;
995
+ --select-gap-l: 12px;
996
+ --select-size-icon-s: 16px;
997
+ --select-size-icon-m: 20px;
998
+ --select-size-icon-l: 24px;
999
+ --select-colors-light-bg-default: #FFFFFF;
1000
+ --select-colors-light-bg-hover: #D9D9D9;
1001
+ --select-colors-light-bg-disabled: #F0F0F0;
1002
+ --select-colors-light-bg-error: #FEEDED;
1003
+ --select-colors-light-bg-hover-alt: #D9D9D9;
1004
+ --select-colors-light-bg-selected: #F3F3F3;
1005
+ --select-colors-light-border-default: #818181;
1006
+ --select-colors-light-border-hover: #525252;
1007
+ --select-colors-light-border-focus: #111111;
1008
+ --select-colors-light-border-disabled: #949494;
1009
+ --select-colors-light-border-error: #D20007;
1010
+ --select-colors-light-border-subtle: #BBBBBB;
1011
+ --select-colors-light-fg-default: #2B2B2B;
1012
+ --select-colors-light-fg-disabled: #686868;
1013
+ --select-colors-light-fg-subtle: #BBBBBB;
1014
+ --select-colors-light-fg-error: #D20007;
1015
+ --select-colors-light-text-default: #2B2B2B;
1016
+ --select-colors-light-text-default-alt: #5514b4;
1017
+ --select-colors-light-text-disabled: #686868;
1018
+ --select-colors-light-text-error: #D20007;
1019
+ --select-colors-dark-bg-default: #111111;
1020
+ --select-colors-dark-bg-hover: #111111;
1021
+ --select-colors-dark-bg-disabled: #686868;
1022
+ --select-colors-dark-bg-error: #2D0002;
1023
+ --select-colors-dark-bg-hover-alt: #F3F3F3;
1024
+ --select-colors-dark-bg-selected: #818181;
1025
+ --select-colors-dark-border-strong: #F3F3F3;
1026
+ --select-colors-dark-border-hover: #F3F3F3;
1027
+ --select-colors-dark-border-focus: #D9D9D9;
1028
+ --select-colors-dark-border-disabled: #686868;
1029
+ --select-colors-dark-border-error: #FF8883;
1030
+ --select-colors-dark-border-subtle: #525252;
1031
+ --select-colors-dark-text-default: #FFFFFF;
1032
+ --select-colors-dark-text-disabled: #9C9C9C;
1033
+ --select-colors-dark-text-error: #2a2a2a;
1034
+ --select-colors-dark-fg-default: #FFFFFF;
1035
+ --select-colors-dark-fg-disabled: #9C9C9C;
1036
+ --select-colors-dark-fg-subtle: #525252;
1037
+ --select-colors-dark-fg-error: #FF8883;
1038
+ --select-border-radius-test-s: 32px;
1039
+ --select-border-radius-test-m: 24px;
1040
+ --select-border-radius-test-l: 32px;
1041
+ --select-type-label-s: 700 14px/1 Non-Dottee;
1042
+ --select-type-label-m: 700 16px/1 Non-Dottee;
1043
+ --select-type-label-l: 700 20px/1 Non-Dottee;
1044
+ --checkbox-size-s: 24px;
1045
+ --checkbox-size-l: 36px;
1046
+ --checkbox-padding-s: 2px;
1047
+ --checkbox-gap-s: 8px;
1048
+ --checkbox-gap-m: 12px;
1049
+ --checkbox-border-radius-xs: 4px;
1050
+ --checkbox-border-radius-s: 8px;
1051
+ --checkbox-border-weight-s: 2px;
1052
+ --checkbox-size-icon-s: 20px;
1053
+ --checkbox-size-icon-m: 32px;
1054
+ --checkbox-colors-light-bg-default: #035F6E;
1055
+ --checkbox-colors-light-bg-default-alt: #FFFFFF;
1056
+ --checkbox-colors-light-bg-disabled: #D9D9D9;
1057
+ --checkbox-colors-light-bg-error: #FEEDED;
1058
+ --checkbox-colors-light-fg-default: #FFFFFF;
1059
+ --checkbox-colors-light-fg-disabled: #686868;
1060
+ --checkbox-colors-light-border-default: #818181;
1061
+ --checkbox-colors-light-border-disabled: #D9D9D9;
1062
+ --checkbox-colors-light-border-error: #D20007;
1063
+ --checkbox-colors-light-text-default: #2B2B2B;
1064
+ --checkbox-colors-light-text-disabled: #686868;
1065
+ --checkbox-colors-dark-bg-default: #FFFFFF;
1066
+ --checkbox-colors-dark-bg-default-alt: #111111;
1067
+ --checkbox-colors-dark-bg-disabled: #686868;
1068
+ --checkbox-colors-dark-bg-error: #2D0002;
1069
+ --checkbox-colors-dark-fg-default: #2B2B2B;
1070
+ --checkbox-colors-dark-fg-disabled: #C8C8C8;
1071
+ --checkbox-colors-dark-border-default: #F3F3F3;
1072
+ --checkbox-colors-dark-border-disabled: #686868;
1073
+ --checkbox-colors-dark-border-error: #FF8883;
1074
+ --checkbox-colors-dark-text-default: #FFFFFF;
1075
+ --checkbox-colors-dark-text-disabled: #C8C8C8;
1076
+ --checkbox-type-label-s: 400 14px/1 Non-Dottee;
1077
+ --checkbox-type-label-m: 400 16px/1 Non-Dottee;
1078
+ --checkbox-type-label-l: 400 20px/1 Non-Dottee;
1079
+ --textarea-padding-s: 12px;
1080
+ --textarea-padding-m: 10px;
1081
+ --textarea-size-icon-s: 16px;
1082
+ --textarea-border-radius-s: 8px;
1083
+ --textarea-border-radius-xs: 4px;
1084
+ --textarea-border-weight-s: 1px;
1085
+ --textarea-border-weight-m: 2px;
1086
+ --textarea-border-weight-l: 4px;
1087
+ --textarea-gap-s: 4px;
1088
+ --textarea-gap-m: 12px;
1089
+ --textarea-colors-light-bg-default: #FFFFFF;
1090
+ --textarea-colors-light-bg-hover: #D9D9D9;
1091
+ --textarea-colors-light-bg-disabled: #F0F0F0;
1092
+ --textarea-colors-light-bg-error: #FEEDED;
1093
+ --textarea-colors-light-border-default: #818181;
1094
+ --textarea-colors-light-border-hover: #525252;
1095
+ --textarea-colors-light-border-focus: #111111;
1096
+ --textarea-colors-light-border-error: #D20007;
1097
+ --textarea-colors-light-border-disabled: #949494;
1098
+ --textarea-colors-light-fg-default: #2B2B2B;
1099
+ --textarea-colors-light-fg-disabled: #686868;
1100
+ --textarea-colors-light-fg-error: #D20007;
1101
+ --textarea-colors-light-text-default: #2B2B2B;
1102
+ --textarea-colors-light-text-disabled: #686868;
1103
+ --textarea-colors-light-text-error: #D20007;
1104
+ --textarea-colors-dark-fg-default: #FFFFFF;
1105
+ --textarea-colors-dark-fg-disabled: #9C9C9C;
1106
+ --textarea-colors-dark-fg-error: #FF8883;
1107
+ --textarea-colors-dark-bg-default: #111111;
1108
+ --textarea-colors-dark-bg-hover: #2B2B2B;
1109
+ --textarea-colors-dark-bg-disabled: #686868;
1110
+ --textarea-colors-dark-bg-error: #2D0002;
1111
+ --textarea-colors-dark-border-strong: #F3F3F3;
1112
+ --textarea-colors-dark-border-hover: #F3F3F3;
1113
+ --textarea-colors-dark-border-focus: #D9D9D9;
1114
+ --textarea-colors-dark-border-disabled: #686868;
1115
+ --textarea-colors-dark-border-error: #FF8883;
1116
+ --textarea-colors-dark-text-strong: #FFFFFF;
1117
+ --textarea-colors-dark-text-disabled: #9C9C9C;
1118
+ --textarea-colors-dark-text-error: #FF8883;
1119
+ --textarea-type-label-s: 700 14px/1 Non-Dottee;
1120
+ --textarea-type-label-m: 700 16px/1 Non-Dottee;
1121
+ --textarea-type-label-l: 700 20px/1 Non-Dottee;
1122
+ --textinput-size-s: 32px;
1123
+ --textinput-size-m: 44px;
1124
+ --textinput-size-l: 64px;
1125
+ --textinput-border-radius-s: 4px;
1126
+ --textinput-border-radius-m: 8px;
1127
+ --textinput-border-radius-l: 8px;
1128
+ --textinput-padding-s: 8px;
1129
+ --textinput-padding-m: 12px;
1130
+ --textinput-padding-l: 16px;
1131
+ --textinput-gap-s: 4px;
1132
+ --textinput-gap-m: 12px;
1133
+ --textinput-border-weight-s: 1px;
1134
+ --textinput-border-weight-m: 1px;
1135
+ --textinput-border-weight-l: 4px;
1136
+ --textinput-size-icon-m: 24px;
1137
+ --textinput-colors-light-bg-default: #FFFFFF;
1138
+ --textinput-colors-light-bg-hover: #f7f7f7;
1139
+ --textinput-colors-light-bg-disabled: #F0F0F0;
1140
+ --textinput-colors-light-bg-error: #FEEDED;
1141
+ --textinput-colors-light-border-default: #818181;
1142
+ --textinput-colors-light-border-hover: #525252;
1143
+ --textinput-colors-light-border-focus: #111111;
1144
+ --textinput-colors-light-border-disabled: #949494;
1145
+ --textinput-colors-light-border-error: #D20007;
1146
+ --textinput-colors-light-text-default: #2B2B2B;
1147
+ --textinput-colors-light-text-disabled: #686868;
1148
+ --textinput-colors-light-text-error: #D20007;
1149
+ --textinput-colors-light-fg-default: #2B2B2B;
1150
+ --textinput-colors-light-fg-error: #D20007;
1151
+ --textinput-colors-dark-bg-default: #111111;
1152
+ --textinput-colors-dark-bg-hover: #111111;
1153
+ --textinput-colors-dark-bg-disabled: #686868;
1154
+ --textinput-colors-dark-bg-error: #2D0002;
1155
+ --textinput-colors-dark-border-default: #F3F3F3;
1156
+ --textinput-colors-dark-border-hover: #F3F3F3;
1157
+ --textinput-colors-dark-border-focus: #D9D9D9;
1158
+ --textinput-colors-dark-border-disabled: #686868;
1159
+ --textinput-colors-dark-border-error: #FF8883;
1160
+ --textinput-colors-dark-text-default: #FFFFFF;
1161
+ --textinput-colors-dark-text-disabled: #9C9C9C;
1162
+ --textinput-colors-dark-text-error: #FF8883;
1163
+ --textinput-colors-dark-fg-default: #FFFFFF;
1164
+ --textinput-colors-dark-fg-error: #FF8883;
1165
+ --textinput-type-label-s: 700 14px/1 Non-Dottee;
1166
+ --textinput-type-label-m: 700 16px/1 Non-Dottee;
1167
+ --textinput-type-label-l: 700 20px/1 Non-Dottee;
1168
+ --radio-size-s: 12px;
1169
+ --radio-size-m: 20px;
1170
+ --radio-size-l: 24px;
1171
+ --radio-size-xl: 34px;
1172
+ --radio-gap-s: 8px;
1173
+ --radio-gap-m: 12px;
1174
+ --radio-border-weight-s: 2px;
1175
+ --radio-colors-light-bg-default: #FFFFFF;
1176
+ --radio-colors-light-bg-disabled: #D9D9D9;
1177
+ --radio-colors-light-border-default: #818181;
1178
+ --radio-colors-light-border-disabled: #D9D9D9;
1179
+ --radio-colors-light-fg-default: #035F6E;
1180
+ --radio-colors-light-fg-disabled: #686868;
1181
+ --radio-colors-light-text-default: #2B2B2B;
1182
+ --radio-colors-light-text-disabled: #686868;
1183
+ --radio-colors-dark-bg-default: #111111;
1184
+ --radio-colors-dark-bg-disabled: #434343;
1185
+ --radio-colors-dark-border-default: #F3F3F3;
1186
+ --radio-colors-dark-border-disabled: #808080;
1187
+ --radio-colors-dark-fg-default: #EBF304;
1188
+ --radio-colors-dark-fg-disabled: #C8C8C8;
1189
+ --radio-colors-dark-text-default: #FFFFFF;
1190
+ --radio-colors-dark-text-disabled: #C8C8C8;
1191
+ --radio-type-label-s: 400 14px/1 Non-Dottee;
1192
+ --radio-type-label-m: 400 16px/1 Non-Dottee;
1193
+ --radio-type-label-l: 400 20px/1 Non-Dottee;
1194
+ --switch-size-s: 24px;
1195
+ --switch-size-m: 32px;
1196
+ --switch-border-weight-s: 2px;
1197
+ --switch-colors-light-bg-default: #057382;
1198
+ --switch-colors-light-bg-disabled: #F0F0F0;
1199
+ --switch-colors-light-bg-strong: #FFFFFF;
1200
+ --switch-colors-light-bg-subtle: #F3F3F3;
1201
+ --switch-colors-light-border-default: #111111;
1202
+ --switch-colors-light-border-disabled: #949494;
1203
+ --switch-colors-light-border-strong: #818181;
1204
+ --switch-colors-light-fg-default: #009BA5;
1205
+ --switch-colors-light-fg-disabled: #686868;
1206
+ --switch-colors-light-text-default: #2B2B2B;
1207
+ --switch-colors-light-text-disabled: #686868;
1208
+ --switch-colors-dark-bg-default: #EBF304;
1209
+ --switch-colors-dark-bg-disabled: #434343;
1210
+ --switch-colors-dark-bg-strong: #111111;
1211
+ --switch-colors-dark-bg-subtle: #3F3F3F;
1212
+ --switch-colors-dark-border-default: #FFFFFF;
1213
+ --switch-colors-dark-border-disabled: #808080;
1214
+ --switch-colors-dark-border-strong: #F3F3F3;
1215
+ --switch-colors-dark-fg-default: #EBF304;
1216
+ --switch-colors-dark-fg-disabled: #9C9C9C;
1217
+ --switch-colors-dark-text-default: #FFFFFF;
1218
+ --switch-colors-dark-text-disabled: #9C9C9C;
1219
+ --switch-border-radius-s: 1000px;
1220
+ --switch-box-shadow-01: 0 0 0 2px #8449cc;
1221
+ --switch-box-shadow-02: 0 0 0 2px #fd51ff;
1222
+ --switch-gap-s: 8px;
1223
+ --switch-gap-m: 12px;
1224
+ --switch-type-label-s: 700 14px/1 Non-Dottee;
1225
+ --switch-type-label-m: 700 16px/1 Non-Dottee;
1226
+ --switch-type-label-l: 700 20px/1 Non-Dottee;
1227
+ --sem-font-family-heading: Non-Dottee;
1228
+ --sem-font-family-body: Non-Dottee;
1229
+ --sem-font-family-interface: Non-Dottee;
1230
+ --sem-font-weight-regular: 400;
1231
+ --sem-font-weight-semi: 700;
1232
+ --sem-font-weight-bold: 700;
1233
+ --sem-font-weight-button: 700;
1234
+ --sem-font-weight-semi-bold: 500;
1235
+ --sem-type-body-reg-xs: 400 12px/16px Non-Dottee;
1236
+ --sem-type-body-reg-s: 400 14px/20px Non-Dottee;
1237
+ --sem-type-body-reg-m: 400 16px/24px Non-Dottee;
1238
+ --sem-type-body-reg-l: 400 20px/26px Non-Dottee;
1239
+ --sem-type-body-bold-xs: 700 12px/16px Non-Dottee;
1240
+ --sem-type-body-bold-s: 700 14px/20px Non-Dottee;
1241
+ --sem-type-body-bold-m: 700 16px/24px Non-Dottee;
1242
+ --sem-type-body-bold-l: 700 20px/26px Non-Dottee;
1243
+ --sem-type-body-semi-xs: 700 12px/16px Non-Dottee;
1244
+ --sem-type-body-semi-s: 700 14px/20px Non-Dottee;
1245
+ --sem-type-body-semi-m: 700 16px/24px Non-Dottee;
1246
+ --sem-type-body-semi-l: 700 20px/26px Non-Dottee;
1247
+ --sem-type-interface-reg-xs: 400 12px/12px Non-Dottee;
1248
+ --sem-type-interface-reg-s: 400 14px/14px Non-Dottee;
1249
+ --sem-type-interface-reg-m: 400 16px/16px Non-Dottee;
1250
+ --sem-type-interface-reg-l: 400 20px/20px Non-Dottee;
1251
+ --sem-type-interface-semi-xs: 700 12px/12px Non-Dottee;
1252
+ --sem-type-interface-semi-s: 700 14px/14px Non-Dottee;
1253
+ --sem-type-interface-semi-m: 700 16px/16px Non-Dottee;
1254
+ --sem-type-interface-semi-l: 700 20px/20px Non-Dottee;
1255
+ --sem-type-interface-bold-xs: 700 12px/12px Non-Dottee;
1256
+ --sem-type-interface-bold-s: 700 14px/14px Non-Dottee;
1257
+ --sem-type-interface-bold-m: 700 16px/16px Non-Dottee;
1258
+ --sem-type-interface-bold-l: 700 20px/20px Non-Dottee;
1259
+ --sem-type-interface-button-s: 700 14px/14px Non-Dottee;
1260
+ --sem-type-interface-button-m: 700 16px/16px Non-Dottee;
1261
+ --sem-type-interface-button-l: 700 20px/20px Non-Dottee;
1262
+ --sem-type-interface-card-semi-m: 700 24px/32px Non-Dottee;
1263
+ --sem-type-interface-card-semi-l: 700 28px/32px Non-Dottee;
1264
+ --sem-type-interface-card-semi-xl: 700 32px/40px Non-Dottee;
1265
+ --sem-type-interface-card-semi-s: 700 20px/26px Non-Dottee;
1266
+ --sem-type-interface-alert-title-m: 700 16px/24px Non-Dottee;
1267
+ --sem-type-interface-progress-bar-title-m: 400 16px/16px Non-Dottee;
1268
+ --sem-type-support-reg-xs: 400 12px/16px Non-Dottee;
1269
+ --sem-type-support-reg-s: 400 14px/20px Non-Dottee;
1270
+ --sem-type-support-reg-m: 400 16px/24px Non-Dottee;
1271
+ --sem-type-support-reg-l: 400 20px/26px Non-Dottee;
1272
+ --sem-type-mobile-semi-xxxs: 700 12px/16px Non-Dottee;
1273
+ --sem-type-mobile-semi-xxs: 700 14px/20px Non-Dottee;
1274
+ --sem-type-mobile-semi-xs: 700 16px/24px Non-Dottee;
1275
+ --sem-type-mobile-semi-s: 700 20px/26px Non-Dottee;
1276
+ --sem-type-mobile-semi-m: 700 24px/32px Non-Dottee;
1277
+ --sem-type-mobile-semi-l: 700 28px/36px Non-Dottee;
1278
+ --sem-type-mobile-semi-xl: 700 36px/44px Non-Dottee;
1279
+ --sem-type-mobile-semi-xxl: 700 40px/48px Non-Dottee;
1280
+ --sem-type-mobile-semi-xxxl: 700 56px/64px Non-Dottee;
1281
+ --sem-type-mobile-bold-xxxs: 700 12px/16px Non-Dottee;
1282
+ --sem-type-mobile-bold-xxs: 700 14px/20px Non-Dottee;
1283
+ --sem-type-mobile-bold-xs: 700 16px/24px Non-Dottee;
1284
+ --sem-type-mobile-bold-s: 700 20px/26px Non-Dottee;
1285
+ --sem-type-mobile-bold-m: 700 24px/32px Non-Dottee;
1286
+ --sem-type-mobile-bold-l: 700 28px/36px Non-Dottee;
1287
+ --sem-type-mobile-bold-xl: 700 36px/44px Non-Dottee;
1288
+ --sem-type-mobile-bold-xxl: 700 40px/48px Non-Dottee;
1289
+ --sem-type-mobile-bold-xxxl: 700 56px/64px Non-Dottee;
1290
+ --sem-type-tablet-semi-m: 700 28px/36px Non-Dottee;
1291
+ --sem-type-tablet-semi-l: 700 32px/40px Non-Dottee;
1292
+ --sem-type-tablet-semi-xl: 700 40px/48px Non-Dottee;
1293
+ --sem-type-tablet-semi-xxl: 700 56px/64px Non-Dottee;
1294
+ --sem-type-tablet-semi-xxxl: 700 80px/96px Non-Dottee;
1295
+ --sem-type-tablet-bold-m: 700 28px/36px Non-Dottee;
1296
+ --sem-type-tablet-bold-l: 700 32px/40px Non-Dottee;
1297
+ --sem-type-tablet-bold-xl: 700 40px/48px Non-Dottee;
1298
+ --sem-type-tablet-bold-xxl: 700 56px/64px Non-Dottee;
1299
+ --sem-type-tablet-bold-xxxl: 700 80px/96px Non-Dottee;
1300
+ --sem-type-desktop-semi-m: 700 32px/40px Non-Dottee;
1301
+ --sem-type-desktop-semi-l: 700 40px/48px Non-Dottee;
1302
+ --sem-type-desktop-semi-xl: 700 56px/64px Non-Dottee;
1303
+ --sem-type-desktop-semi-xxl: 700 80px/96px Non-Dottee;
1304
+ --sem-type-desktop-semi-xxxl: 700 120px/136px Non-Dottee;
1305
+ --sem-type-desktop-bold-m: 700 32px/40px Non-Dottee;
1306
+ --sem-type-desktop-bold-l: 700 40px/48px Non-Dottee;
1307
+ --sem-type-desktop-bold-xl: 700 56px/64px Non-Dottee;
1308
+ --sem-type-desktop-bold-xxl: 700 80px/96px Non-Dottee;
1309
+ --sem-type-desktop-bold-xxxl: 700 120px/136px Non-Dottee;
1310
+ --sem-type-label-reg-xxs: 400 14px/20px Non-Dottee;
1311
+ --sem-type-label-reg-xs: 400 14px/20px Non-Dottee;
1312
+ --sem-type-label-reg-m: 700 16px/24px Non-Dottee;
1313
+ --sem-type-label-reg-l: 700 20px/26px Non-Dottee;
1314
+ --sem-type-label-reg-xl: 400 20px/26px Non-Dottee;
1315
+ --sem-type-label-reg-s: 700 14px/20px Non-Dottee;
1316
+ --sem-font-size-75: 12px;
1317
+ --sem-font-size-87: 14px;
1318
+ --sem-font-size-100: 16px;
1319
+ --sem-font-size-125: 20px;
1320
+ --sem-font-size-150: 24px;
1321
+ --sem-font-size-175: 28px;
1322
+ --sem-font-size-200: 32px;
1323
+ --sem-font-size-225: 36px;
1324
+ --sem-font-size-250: 40px;
1325
+ --sem-font-size-300: 48px;
1326
+ --sem-font-size-350: 56px;
1327
+ --sem-font-size-400: 64px;
1328
+ --sem-font-size-500: 80px;
1329
+ --sem-font-size-750: 120px;
1330
+ --sem-line-height-base-scale-xxxs: 16px;
1331
+ --sem-line-height-base-scale-xxs: 20px;
1332
+ --sem-line-height-base-scale-xs: 24px;
1333
+ --sem-line-height-base-scale-s: 26px;
1334
+ --sem-line-height-base-scale-m: 28px;
1335
+ --sem-line-height-base-scale-l: 32px;
1336
+ --sem-line-height-base-scale-xl: 36px;
1337
+ --sem-line-height-base-scale-xxl: 40px;
1338
+ --sem-line-height-base-scale-xxxl: 44px;
1339
+ --sem-line-height-base-scale-xxxxl: 48px;
1340
+ --sem-line-height-base-scale-xxxxxl: 64px;
1341
+ --sem-line-height-base-scale-xxxxxxl: 96px;
1342
+ --sem-line-height-base-scale-xxxxxxxl: 136px;
1343
+ --sem-line-height-interface-none: 0px;
1344
+ --sem-line-height-interface-xxxs: 8px;
1345
+ --sem-line-height-interface-xxs: 10px;
1346
+ --sem-line-height-interface-xs: 12px;
1347
+ --sem-line-height-interface-s: 14px;
1348
+ --sem-line-height-interface-m: 16px;
1349
+ --sem-line-height-interface-l: 20px;
1350
+ --sem-paragraph-spacing-heading: 0;
1351
+ --sem-paragraph-spacing-body: 0.5;
1352
+ --sem-paragraph-spacing-interface: 0;
1353
+ --sem-size-icon-xxxs: 12px;
1354
+ --sem-size-icon-xxs: 14px;
1355
+ --sem-size-icon-xs: 16px;
1356
+ --sem-size-icon-s: 20px;
1357
+ --sem-size-icon-m: 24px;
1358
+ --sem-size-icon-ml: 42px;
1359
+ --sem-size-icon-l: 28px;
1360
+ --sem-size-icon-xl: 32px;
1361
+ --sem-size-icon-xxl: 40px;
1362
+ --sem-size-icon-xxxl: 48px;
1363
+ --sem-size-icon-xxxxl: 64px;
1364
+ --sem-size-icon-xxxxxl: 80px;
1365
+ --sem-size-icon-xxxxxxl: 96px;
1366
+ --sem-size-icon-xxxxs: 32px;
1367
+ --sem-size-icon-xxxxxxs: 10px;
1368
+ --sem-size-all-5: 2px;
1369
+ --sem-size-all-10: 1px;
1370
+ --sem-size-all-20: 4px;
1371
+ --sem-size-all-30: 8px;
1372
+ --sem-size-all-40: 12px;
1373
+ --sem-size-all-45: 14px;
1374
+ --sem-size-all-50: 16px;
1375
+ --sem-size-all-60: 20px;
1376
+ --sem-size-all-70: 24px;
1377
+ --sem-size-all-75: 26px;
1378
+ --sem-size-all-80: 28px;
1379
+ --sem-size-all-85: 28px;
1380
+ --sem-size-all-90: 32px;
1381
+ --sem-size-all-95: 34px;
1382
+ --sem-size-all-100: 36px;
1383
+ --sem-size-all-110: 40px;
1384
+ --sem-size-all-115: 36px;
1385
+ --sem-size-all-120: 42px;
1386
+ --sem-size-all-130: 44px;
1387
+ --sem-size-all-140: 48px;
1388
+ --sem-size-all-142: 52px;
1389
+ --sem-size-all-145: 56px;
1390
+ --sem-size-all-150: 58px;
1391
+ --sem-size-all-155: 60px;
1392
+ --sem-size-all-160: 64px;
1393
+ --sem-size-all-162: 84px; /* SiteHeader (ENT) */
1394
+ --sem-size-all-165: 80px;
1395
+ --sem-size-all-170: 96px;
1396
+ --sem-size-all-175: 96px;
1397
+ --sem-size-all-178: 72px;
1398
+ --sem-size-all-180: 128px;
1399
+ --sem-size-all-182: 106px;
1400
+ --sem-size-all-185: 282px;
1401
+ --sem-size-all-190: 288px;
1402
+ --sem-size-all-195: 304px;
1403
+ --sem-size-all-200: 384px;
1404
+ --sem-size-all-210: 472px;
1405
+ --sem-size-all-220: 591px;
1406
+ --sem-size-all-230: 800px;
1407
+ --sem-size-all-240: 800px;
1408
+ --sem-size-breakpoints-xs: 320px; /* Extra Small (XS) - 320px or under 636px: This is typically the breakpoint for smartphones in portrait mode. */
1409
+ --sem-size-breakpoints-s: 636px; /* Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets. */
1410
+ --sem-size-breakpoints-m: 768px; /* Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens. */
1411
+ --sem-size-breakpoints-l: 1024px; /* Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops. */
1412
+ --sem-size-breakpoints-xl: 1280px; /* Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens. */
1413
+ --sem-size-breakpoints-xxl: 1440px; /* Extra Large (XXL) - Used for very large desktop screens. */
1414
+ --sem-size-vertical-10: 4px; /* This can be reserved for commonly used components: buttons, dropdowns, inputs etc */
1415
+ --sem-size-vertical-20: 8px;
1416
+ --sem-size-vertical-30: 12px;
1417
+ --sem-size-vertical-40: 16px;
1418
+ --sem-size-vertical-50: 20px;
1419
+ --sem-size-vertical-60: 24px;
1420
+ --sem-size-vertical-70: 28px;
1421
+ --sem-size-vertical-80: 32px;
1422
+ --sem-size-vertical-90: 40px;
1423
+ --sem-size-vertical-100: 48px;
1424
+ --sem-size-vertical-110: 64px;
1425
+ --sem-size-vertical-120: 96px;
1426
+ --sem-size-vertical-130: 128px;
1427
+ --sem-space-padding-5: 1px;
1428
+ --sem-space-padding-10: 2px;
1429
+ --sem-space-padding-15: 3px;
1430
+ --sem-space-padding-20: 4px;
1431
+ --sem-space-padding-30: 6px;
1432
+ --sem-space-padding-40: 8px;
1433
+ --sem-space-padding-45: 22px;
1434
+ --sem-space-padding-50: 10px;
1435
+ --sem-space-padding-60: 12px;
1436
+ --sem-space-padding-70: 16px;
1437
+ --sem-space-padding-80: 18px;
1438
+ --sem-space-padding-90: 20px;
1439
+ --sem-space-padding-100: 22px;
1440
+ --sem-space-padding-110: 24px;
1441
+ --sem-space-padding-120: 28px;
1442
+ --sem-space-padding-130: 32px;
1443
+ --sem-space-padding-140: 40px;
1444
+ --sem-space-padding-145: 40px;
1445
+ --sem-space-padding-150: 44px;
1446
+ --sem-space-padding-160: 48px;
1447
+ --sem-space-padding-170: 56px;
1448
+ --sem-space-padding-180: 64px;
1449
+ --sem-space-padding-190: 128px;
1450
+ --sem-space-gap-5: 0px;
1451
+ --sem-space-gap-10: 2px;
1452
+ --sem-space-gap-20: 4px;
1453
+ --sem-space-gap-30: 6px;
1454
+ --sem-space-gap-40: 8px;
1455
+ --sem-space-gap-60: 12px;
1456
+ --sem-space-gap-70: 16px;
1457
+ --sem-space-gap-80: 18px;
1458
+ --sem-space-gap-90: 20px;
1459
+ --sem-space-gap-100: 22px;
1460
+ --sem-space-gap-110: 24px;
1461
+ --sem-space-gap-120: 28px;
1462
+ --sem-space-gap-130: 32px;
1463
+ --sem-space-gap-140: 40px;
1464
+ --sem-space-gap-150: 44px;
1465
+ --sem-space-gap-160: 48px;
1466
+ --sem-space-gap-170: 56px;
1467
+ --sem-space-gap-180: 64px;
1468
+ --sem-space-gap-190: 128px;
1469
+ --sem-space-gap-none: 0px;
1470
+ --sem-space-stack-10: 2px;
1471
+ --sem-space-stack-20: 4px;
1472
+ --sem-space-stack-30: 8px;
1473
+ --sem-space-stack-40: 12px;
1474
+ --sem-space-stack-50: 16px;
1475
+ --sem-space-stack-60: 18px;
1476
+ --sem-space-stack-70: 20px;
1477
+ --sem-space-stack-80: 22px;
1478
+ --sem-space-stack-90: 24px;
1479
+ --sem-space-stack-100: 28px;
1480
+ --sem-space-stack-110: 32px;
1481
+ --sem-space-stack-120: 36px;
1482
+ --sem-space-stack-130: 40px;
1483
+ --sem-space-stack-140: 44px;
1484
+ --sem-space-stack-150: 48px;
1485
+ --sem-space-stack-160: 56px;
1486
+ --sem-space-stack-170: 64px;
1487
+ --sem-space-stack-180: 72px;
1488
+ --sem-space-stack-190: 80px;
1489
+ --sem-space-stack-200: 96px;
1490
+ --sem-space-stack-210: 112px;
1491
+ --sem-space-stack-220: 128px;
1492
+ --sem-space-stack-none: 0px;
1493
+ --sem-space-variant-gap-30: 8px;
1494
+ --sem-border-width-xxxxs: 0;
1495
+ --sem-border-width-xxxs: 1px; /* Used: Alerts / */
1496
+ --sem-border-width-xxs: 4px; /* Used: Alerts / */
1497
+ --sem-border-width-xs: 1px;
1498
+ --sem-border-width-s: 2px;
1499
+ --sem-border-width-l: 3px;
1500
+ --sem-border-width-xl: 4px;
1501
+ --sem-border-width-xxl: 8px;
1502
+ --sem-border-width-xxxl: 10px;
1503
+ --sem-border-width-m: 2px;
1504
+ --sem-border-radius-xxxxxxs: 2px;
1505
+ --sem-border-radius-xxxxxs: 8px;
1506
+ --sem-border-radius-xxxxs: 8px;
1507
+ --sem-border-radius-xxxs: 4px;
1508
+ --sem-border-radius-xxs: 4px;
1509
+ --sem-border-radius-xs: 8px;
1510
+ --sem-border-radius-s: 16px;
1511
+ --sem-border-radius-m: 16px;
1512
+ --sem-border-radius-l: 24px;
1513
+ --sem-border-radius-xl: 32px;
1514
+ --sem-border-radius-xxl: 1000px;
1515
+ --sem-border-radius-xxxl: 4px;
1516
+ --sem-border-radius-variant-s: 8px;
1517
+ --sem-border-radius-variant-m: 12px;
1518
+ --sem-border-radius-variant-l: 8px;
1519
+ --sem-border-radius-alert-01: 4px;
1520
+ --sem-border-radius-alert-02: 8px;
1521
+ --sem-color-gradient-border-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* indigo-gradient-1 */
1522
+ --sem-color-gradient-border-03: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); /* dark: pink-gradient-1 */
1523
+ --sem-color-gradient-border-04: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* dark: pink-gradient-2 */
1524
+ --sem-color-gradient-border-05: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%); /* dark: pink-gradient-2 */
1525
+ --sem-color-gradient-border-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); /* turquoise-gradient */
1526
+ --sem-color-gradient-bg-10: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); /* dark: pink-gradient-1 */
1527
+ --sem-color-gradient-bg-11: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* indigo-gradient-1 */
1528
+ --sem-color-gradient-bg-09: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* dark: pink-gradient-2 */
1529
+ --sem-color-gradient-bg-08: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); /* coral-gradient */
1530
+ --sem-color-gradient-bg-05: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
1531
+ --sem-color-gradient-bg-06: linear-gradient(225deg, #5615b4 0%, #4665cd 100%); /* turquoise-gradient */
1532
+ --sem-color-gradient-bg-07: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%); /* turquoise-gradient */
1533
+ --sem-color-gradient-bg-01: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%);
1534
+ --sem-color-gradient-bg-02: linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%); /* turquoise-gradient */
1535
+ --sem-color-gradient-bg-03: linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%); /* turquoise-gradient */
1536
+ --sem-color-gradient-bg-04: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); /* turquoise-gradient */
1537
+ --sem-color-gradient-fg-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); /* turquoise-gradient */
1538
+ --sem-color-gradient-tertiary-light-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); /* turquoise-gradient */
1539
+ --sem-color-gradient-tertiary-dark-emphasis: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); /* turquoise-gradient */
1540
+ --sem-color-status-border-light-error: #D20007;
1541
+ --sem-color-status-border-light-warning: #B14D00;
1542
+ --sem-color-status-border-light-success: #138100;
1543
+ --sem-color-status-border-light-general: #3F3F3F;
1544
+ --sem-color-status-border-dark-error: #FF8883;
1545
+ --sem-color-status-border-dark-warning: #FFA94D;
1546
+ --sem-color-status-border-dark-general: #F3F3F3;
1547
+ --sem-color-status-border-dark-success: #73C367;
1548
+ --sem-color-status-border-dark-error-subtle: #E81D1D;
1549
+ --sem-color-status-border-dark-warning-subtle: #FEDDA4;
1550
+ --sem-color-status-border-dark-success-subtle: #138100;
1551
+ --sem-color-status-border-dark-error-minimal: #D20007;
1552
+ --sem-color-status-bg-light-error-alt: #D20007;
1553
+ --sem-color-status-bg-light-warning-alt: #FFA94D;
1554
+ --sem-color-status-bg-light-success-alt: #0F6D00;
1555
+ --sem-color-status-bg-light-warning-strong: #ffa200;
1556
+ --sem-color-status-bg-light-error-strong: #da020f;
1557
+ --sem-color-status-bg-light-error: #FEEDED;
1558
+ --sem-color-status-bg-light-success: #e6f4e5;
1559
+ --sem-color-status-bg-light-warning: #FEF2DE;
1560
+ --sem-color-status-bg-light-general: #F3F3F3;
1561
+ --sem-color-status-bg-light-general-alt: #2a2a2a;
1562
+ --sem-color-status-bg-light-error-subtle: #AA0006;
1563
+ --sem-color-status-bg-light-error-emphasis: #ffc8cb;
1564
+ --sem-color-status-bg-dark-error-strong: #FF8883;
1565
+ --sem-color-status-bg-dark-warning-strong: #FFA94D;
1566
+ --sem-color-status-bg-dark-error: #2D0002;
1567
+ --sem-color-status-bg-dark-success: #073600;
1568
+ --sem-color-status-bg-dark-warning: #4B2000;
1569
+ --sem-color-status-bg-dark-general: #2B2B2B;
1570
+ --sem-color-status-bg-dark-general-alt: #f0f0f0;
1571
+ --sem-color-status-bg-dark-default: #FFFFFF;
1572
+ --sem-color-status-bg-dark-error-subtle: #401313;
1573
+ --sem-color-status-fg-light-error: #D20007;
1574
+ --sem-color-status-fg-light-warning: #B14D00;
1575
+ --sem-color-status-fg-light-success: #138100;
1576
+ --sem-color-status-fg-light-general: #3F3F3F;
1577
+ --sem-color-status-fg-light-warning-alt: #ffa200;
1578
+ --sem-color-status-fg-dark-error-alt: #D20007;
1579
+ --sem-color-status-fg-dark-error-subtle: #E81D1D;
1580
+ --sem-color-status-fg-dark-error: #FF8883;
1581
+ --sem-color-status-fg-dark-warning: #FFA94D;
1582
+ --sem-color-status-fg-dark-success: #73C367;
1583
+ --sem-color-status-fg-dark-success-subtle: #138100;
1584
+ --sem-color-status-fg-dark-warning-alt: #2a2a2a;
1585
+ --sem-color-status-fg-dark-warning-subtle: #2a2a2a;
1586
+ --sem-color-status-fg-dark-general: #F3F3F3;
1587
+ --sem-color-border-primary-light-default: #111111; /* Brand indigo */
1588
+ --sem-color-border-primary-light-subtle: #686868;
1589
+ --sem-color-border-primary-light-strong: #525252; /* Brand indigo */
1590
+ --sem-color-border-primary-light-emphasis: #111111; /* Brand indigo */
1591
+ --sem-color-border-primary-light-minimal: #BBBBBB;
1592
+ --sem-color-border-primary-light-minimal-alt: #3F3F3F;
1593
+ --sem-color-border-primary-light-emphasis-subtle: #BBBBBB; /* Brand indigo */
1594
+ --sem-color-border-primary-dark-default: #FFFFFF;
1595
+ --sem-color-border-primary-dark-subtle: #BBBBBB;
1596
+ --sem-color-border-primary-dark-strong: #F3F3F3;
1597
+ --sem-color-border-primary-dark-emphasis: #D9D9D9;
1598
+ --sem-color-border-primary-dark-minimal: #BBBBBB;
1599
+ --sem-color-border-secondary-light-default: #818181;
1600
+ --sem-color-border-secondary-light-subtle: #D9D9D9;
1601
+ --sem-color-border-secondary-light-strong: #525252;
1602
+ --sem-color-border-secondary-light-minimal: #BBBBBB;
1603
+ --sem-color-border-secondary-light-alt: #F3F3F3;
1604
+ --sem-color-border-secondary-light-default-alt: #818181;
1605
+ --sem-color-border-secondary-light-muted: #ffffff;
1606
+ --sem-color-border-secondary-dark-default: #F3F3F3;
1607
+ --sem-color-border-secondary-dark-strong: #BBBBBB;
1608
+ --sem-color-border-secondary-dark-subtle: #686868;
1609
+ --sem-color-border-secondary-dark-minimal: #525252;
1610
+ --sem-color-border-secondary-dark-alt: #2B2B2B;
1611
+ --sem-color-border-secondary-dark-muted: #6b6b6b;
1612
+ --sem-color-border-tertiary-light-default: #009BA5;
1613
+ --sem-color-border-tertiary-dark-default: #06C3C2;
1614
+ --sem-color-bg-primary-light-default: #111111;
1615
+ --sem-color-bg-primary-light-default-alt: #035F6E; /* Brand indigo */
1616
+ --sem-color-bg-primary-light-default-strong: #111111; /* Brand indigo */
1617
+ --sem-color-bg-primary-light-subtle: #3F3F3F; /* Brand indigo */
1618
+ --sem-color-bg-primary-light-strong: #2B2B2B;
1619
+ --sem-color-bg-primary-light-emphasis: #9C9C9C; /* Brand indigo */
1620
+ --sem-color-bg-primary-light-minimal: #F3F3F3; /* Brand indigo */
1621
+ --sem-color-bg-primary-light-subtle-alt: #F3F3F3; /* Brand indigo */
1622
+ --sem-color-bg-primary-light-minimal-alt: #057382;
1623
+ --sem-color-bg-primary-dark-default: #FFFFFF;
1624
+ --sem-color-bg-primary-dark-default-alt: #F3F3F3;
1625
+ --sem-color-bg-primary-dark-strong: #F3F3F3;
1626
+ --sem-color-bg-primary-dark-subtle: #BBBBBB;
1627
+ --sem-color-bg-primary-dark-emphasis: #F3F3F3;
1628
+ --sem-color-bg-primary-dark-minimal: #FFFFFF;
1629
+ --sem-color-bg-primary-dark-minimal-alt: #818181;
1630
+ --sem-color-bg-secondary-light-default: #FFFFFF;
1631
+ --sem-color-bg-secondary-light-default-alt: #f7f7f7;
1632
+ --sem-color-bg-secondary-light-subtle: #818181;
1633
+ --sem-color-bg-secondary-light-strong: #686868;
1634
+ --sem-color-bg-secondary-light-minimal: #BBBBBB;
1635
+ --sem-color-bg-secondary-light-minimal-alt: #D9D9D9;
1636
+ --sem-color-bg-secondary-light-muted: #D9D9D9;
1637
+ --sem-color-bg-secondary-light-alt: #2B2B2B;
1638
+ --sem-color-bg-secondary-light-strong-alt: #111111;
1639
+ --sem-color-bg-secondary-light-muted-alt: #F3F3F3;
1640
+ --sem-color-bg-secondary-light-muted-subtle: #ffffff;
1641
+ --sem-color-bg-secondary-dark-default: #111111;
1642
+ --sem-color-bg-secondary-dark-strong: #BBBBBB;
1643
+ --sem-color-bg-secondary-dark-alt: #FFFFFF;
1644
+ --sem-color-bg-secondary-dark-strong-alt: #FFFFFF;
1645
+ --sem-color-bg-secondary-dark-subtle: #9C9C9C;
1646
+ --sem-color-bg-secondary-dark-minimal: #818181;
1647
+ --sem-color-bg-secondary-dark-minimal-alt: #2B2B2B;
1648
+ --sem-color-bg-secondary-dark-muted: #686868;
1649
+ --sem-color-bg-secondary-dark-muted-alt: #3F3F3F;
1650
+ --sem-color-bg-tertiary-warning-default: #AA0006;
1651
+ --sem-color-bg-tertiary-warning-subtle: #840106;
1652
+ --sem-color-bg-tertiary-warning-strong: #600104;
1653
+ --sem-color-bg-tertiary-status-light-general: #2a2a2a;
1654
+ --sem-color-bg-tertiary-status-light-error: #2a2a2a;
1655
+ --sem-color-bg-tertiary-status-light-warning: #2a2a2a;
1656
+ --sem-color-bg-tertiary-status-light-success: #2a2a2a;
1657
+ --sem-color-bg-tertiary-status-light-error-alt: #2a2a2a;
1658
+ --sem-color-bg-tertiary-status-light-success-alt: #2a2a2a;
1659
+ --sem-color-text-status-light-default: #ffffff;
1660
+ --sem-color-text-status-light-error: #ffffff;
1661
+ --sem-color-text-status-light-warning: #2a2a2a;
1662
+ --sem-color-text-status-light-success: #ffffff;
1663
+ --sem-color-text-status-dark-default: #2a2a2a;
1664
+ --sem-color-text-status-dark-error: #2a2a2a;
1665
+ --sem-color-text-primary-light-default: #001318;
1666
+ --sem-color-text-primary-light-default-alt: #5514b4;
1667
+ --sem-color-text-primary-light-hover: #2a1c4a;
1668
+ --sem-color-text-primary-light-default-strong: #ffffff;
1669
+ --sem-color-text-primary-light-emphasis: #ffffff;
1670
+ --sem-color-text-primary-light-subtle: #6b6b6b;
1671
+ --sem-color-text-primary-light-strong: #01404C;
1672
+ --sem-color-text-primary-dark-default: #ffffff;
1673
+ --sem-color-text-primary-dark-strong: #ffffff;
1674
+ --sem-color-text-primary-dark-default-alt: #efe5f7;
1675
+ --sem-color-text-primary-dark-strong-alt: #D9D9D9;
1676
+ --sem-color-text-secondary-light-default: #5514b4;
1677
+ --sem-color-text-secondary-light-default-alt: #ffffff;
1678
+ --sem-color-text-secondary-light-hover: #2a1c4a;
1679
+ --sem-color-text-secondary-light-default-strong: #ffffff;
1680
+ --sem-color-text-secondary-light-emphasis: #ff80ff;
1681
+ --sem-color-text-secondary-light-subtle: #6b6b6b;
1682
+ --sem-color-text-secondary-light-strong: #2a2a2a;
1683
+ --sem-color-text-secondary-dark-default: #ffffff;
1684
+ --sem-color-text-secondary-dark-default-alt: #F3F3F3;
1685
+ --sem-color-text-secondary-dark-strong: #ffffff;
1686
+ --sem-color-text-secondary-dark-strong-alt: #ffe4ff;
1687
+ --sem-color-fg-primary-light-default: #009BA5;
1688
+ --sem-color-fg-primary-light-subtle: #057382;
1689
+ --sem-color-fg-primary-light-strong: #001318;
1690
+ --sem-color-fg-primary-light-emphasis: #035F6E; /* Brand indigo */
1691
+ --sem-color-fg-primary-light-vibrant: #057382; /* Brand indigo */
1692
+ --sem-color-fg-primary-light-minimal: #3F3F3F; /* Brand indigo */
1693
+ --sem-color-fg-primary-light-default-alt: #001318;
1694
+ --sem-color-fg-primary-light-subtle-alt: #3f187f;
1695
+ --sem-color-fg-primary-dark-default: #EBF304;
1696
+ --sem-color-fg-primary-dark-subtle: #FFFFFF;
1697
+ --sem-color-fg-primary-dark-strong: #F8FF19;
1698
+ --sem-color-fg-primary-dark-emphasis: #ABAD00;
1699
+ --sem-color-fg-primary-dark-vibrant: #EBF304; /* Brand indigo */
1700
+ --sem-color-fg-secondary-light-default: #2B2B2B;
1701
+ --sem-color-fg-secondary-light-subtle: #818181;
1702
+ --sem-color-fg-secondary-light-strong: #686868;
1703
+ --sem-color-fg-secondary-light-minimal: #BBBBBB;
1704
+ --sem-color-fg-secondary-light-muted: #525252;
1705
+ --sem-color-fg-secondary-light-alt: #FFFFFF;
1706
+ --sem-color-fg-secondary-light-default-alt: #2a2a2a;
1707
+ --sem-color-fg-secondary-light-subtle-alt: #9C9C9C;
1708
+ --sem-color-fg-secondary-light-strong-alt: #111111;
1709
+ --sem-color-fg-secondary-light-minimal-alt: #ffffff;
1710
+ --sem-color-fg-secondary-light-muted-alt: #6b6b6b;
1711
+ --sem-color-fg-secondary-light-strong-subtle: #aaaaaa;
1712
+ --sem-color-fg-secondary-dark-default: #FFFFFF;
1713
+ --sem-color-fg-secondary-dark-muted: #BBBBBB;
1714
+ --sem-color-fg-secondary-dark-strong: #9C9C9C;
1715
+ --sem-color-fg-secondary-dark-subtle: #686868;
1716
+ --sem-color-fg-secondary-dark-minimal: #525252;
1717
+ --sem-color-fg-secondary-dark-alt: #2B2B2B;
1718
+ --sem-color-fg-secondary-dark-minimal-alt: #111111;
1719
+ --sem-color-fg-secondary-dark-subtle-alt: #818181;
1720
+ --sem-color-overlay-gradient-faded: rgba(85,20,180,0.5);
1721
+ --sem-color-overlay-gradient-dark-faded: rgba(255,128,255,0.5);
1722
+ --sem-color-overlay-flat-default: rgba(0,0,0,0.5);
1723
+ --sem-color-overlay-flat-light: rgba(255,255,255,0.5);
1724
+ --sem-color-overlay-flat-brand: rgba(85,20,180,0.5);
1725
+ --sem-inner-shadow-01: inset 0 1px 0 0 #c8c8c8;
1726
+ --sem-inner-shadow-02: inset 0 1px 0 0 #c8c8c8;
1727
+ --sem-underline: underline;
1728
+ --sem-line-through: line-through;
1729
+ --sem-scale-modifier-1: 4px;
1730
+ --sem-scale-modifier-3: 4px;
1731
+ --sem-scale-modifier-2: 3px;
1732
+ --sem-scale-modifier-4: 0;
1617
1733
  }