@mittwald/flow-design-tokens 0.2.0-alpha.92 → 0.2.0-alpha.921

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 (23) hide show
  1. package/README.md +2 -2
  2. package/dist/css/all-dark.css +1516 -0
  3. package/dist/css/all-light.css +1516 -0
  4. package/dist/{variables.css → css/base.css} +676 -584
  5. package/dist/css/colors-dark-system.css +163 -0
  6. package/dist/css/colors-dark.css +163 -0
  7. package/dist/css/colors-light-system.css +163 -0
  8. package/dist/css/colors-light.css +163 -0
  9. package/dist/css-layered/all-dark.css +1518 -0
  10. package/dist/css-layered/all-light.css +1518 -0
  11. package/dist/css-layered/base.css +1361 -0
  12. package/dist/css-layered/colors-dark-system.css +165 -0
  13. package/dist/css-layered/colors-dark.css +165 -0
  14. package/dist/css-layered/colors-light-system.css +165 -0
  15. package/dist/css-layered/colors-light.css +165 -0
  16. package/dist/json/all-dark.json +30534 -0
  17. package/dist/json/all-light.json +30534 -0
  18. package/dist/{variables.json → json/base.json} +13885 -9711
  19. package/dist/json/colors-dark-system.json +3325 -0
  20. package/dist/json/colors-dark.json +3325 -0
  21. package/dist/json/colors-light-system.json +3325 -0
  22. package/dist/json/colors-light.json +3325 -0
  23. package/package.json +12 -10
package/dist/css-layered/base.css ADDED
@@ -0,0 +1,1361 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ @layer flow.tokens {
6
+ :root {
7
+ --image-button--brightness--hover: 62.5%;
8
+ --image-button--brightness--pressed: 50%;
9
+ --corner-radius--round: 50%;
10
+ --border-width--50: 0.5px;
11
+ --border-style--default: solid;
12
+ --border-style--dashed: dashed;
13
+ --message--tip-size-y: 12px;
14
+ --avatar--size--m: 2.5rem;
15
+ --code-block--font-family: FiraCode, monospace;
16
+ --icon--size--s: 1rem;
17
+ --icon--size--m: 1.5rem;
18
+ --icon--size--l: 4rem;
19
+ --blur: 3px;
20
+ --transition--duration--fast: 200ms;
21
+ --transition--duration--default: 300ms;
22
+ --transition--duration--slow: 400ms;
23
+ --font-weight--normal: normal;
24
+ --font-weight--bold: bold;
25
+ --line-height: 1.5;
26
+ --single-line-height: 1rem;
27
+ --font-size-text--s: 0.875rem;
28
+ --font-size-text--m: 1rem;
29
+ --font-size-heading--xs: 1rem;
30
+ --font-size-heading--s: 1.125rem;
31
+ --font-size-heading--m: 1.25rem;
32
+ --font-size-heading--l: 1.5rem;
33
+ --font-size-heading--xl: 2rem;
34
+ --font-size-heading--xxl: 2.625rem;
35
+ --max-text-width: 960px;
36
+ --code-editor--font-family: FiraCode, monospace;
37
+ --calendar--cell-size: 2.25rem;
38
+ --switch--track-height: 1.5rem;
39
+ --switch--track-width: 2.75rem;
40
+ --switch--track-corner-radius: 0.75rem;
41
+ --switch--handle-size: 1.25rem;
42
+ --contextual-help--max-width: 500px;
43
+ --modal--size--s: 660px;
44
+ --modal--size--m: 900px;
45
+ --modal--size--l: 1300px;
46
+ --modal--content-min-height: 120px;
47
+ --popover--min-width: 200px;
48
+ --tooltip--max-width: 300px;
49
+ --size-rem--xxxs: 0.0625rem;
50
+ --size-rem--xxs: 0.125rem;
51
+ --size-rem--xs: 0.25rem;
52
+ --size-rem--s: 0.5rem;
53
+ --size-rem--m: 1rem;
54
+ --size-rem--l: 1.5rem;
55
+ --size-rem--xl: 2rem;
56
+ --size-rem--xxl: 4rem;
57
+ --size-px--xxxs: 1px;
58
+ --size-px--xxs: 2px;
59
+ --size-px--xs: 4px;
60
+ --size-px--s: 8px;
61
+ --size-px--m: 16px;
62
+ --size-px--l: 24px;
63
+ --size-px--xl: 32px;
64
+ --size-px--xxl: 64px;
65
+ --counter-badge--font-size: 0.625rem;
66
+ --counter-badge--height: 1.25rem;
67
+ --counter-badge--height-empty: 0.75rem;
68
+ --loading-spinner--transition-duration: 2000ms;
69
+ --loading-spinner--transition-duration-slow: 6000ms;
70
+ --notification--width: 355px;
71
+ --image-cropper--grid-width: 0.5px;
72
+ --action-group--spacing--m: var(--size-px--m);
73
+ --action-group--spacing--s: var(--size-px--s);
74
+ --button--padding-x: var(--size-px--m);
75
+ --button--padding-y: var(--size-px--s);
76
+ --button--padding-icon-only: var(--size-px--s);
77
+ --button--spacing: var(--size-rem--s);
78
+ --button--border-style: var(--border-style--default);
79
+ --button--padding-s-icon-only: var(--size-px--xs);
80
+ --button--padding-s-x: var(--size-px--s);
81
+ --button--padding-s-y: var(--size-px--xs);
82
+ --button--spacing-s: var(--size-rem--xs);
83
+ --button--font-size-s: var(--font-size-text--s);
84
+ --button--line-height-s: var(--single-line-height);
85
+ --menu--item-to-item-spacing: var(--size-px--xs);
86
+ --menu--group-to-group-spacing: var(--size-px--m);
87
+ --menu-item--font-weight--current: var(--font-weight--bold);
88
+ --menu-item--padding-x: var(--size-px--s);
89
+ --menu-item--padding-y: var(--size-px--xs);
90
+ --menu-item--spacing: var(--size-rem--s);
91
+ --menu-item--background-color--default: var(--color--transparent);
92
+ --corner-radius--s: var(--size-px--xs);
93
+ --corner-radius--m: var(--size-px--s);
94
+ --corner-radius--l: var(--size-px--m);
95
+ --border-width--100: var(--size-px--xxxs);
96
+ --border-width--200: var(--size-px--xxs);
97
+ --border-width--300: var(--size-px--xs);
98
+ --border-width--400: var(--size-px--s);
99
+ --chat--spacing: var(--size-px--s);
100
+ --message-separator--font-size: var(--font-size-text--s);
101
+ --message-separator--padding: var(--size-px--m);
102
+ --message-thread--spacing: var(--size-rem--l);
103
+ --message-thread--indentation: var(--size-px--m);
104
+ --message--padding-y: var(--size-px--s);
105
+ --message--padding-x: var(--size-px--m);
106
+ --message--spacing-y: var(--size-rem--s);
107
+ --message--spacing-x: var(--size-rem--m);
108
+ --message--background-color-sender: var(--color--hosting-blue--200);
109
+ --message--tip-size-x: var(--size-px--s);
110
+ --message--border-style: var(--border-style--default);
111
+ --primary--color--100: var(--color--hosting-blue--100);
112
+ --primary--color--200: var(--color--hosting-blue--200);
113
+ --primary--color--300: var(--color--hosting-blue--300);
114
+ --primary--color--400: var(--color--hosting-blue--400);
115
+ --primary--color--500: var(--color--hosting-blue--500);
116
+ --primary--color--600: var(--color--hosting-blue--600);
117
+ --primary--color--700: var(--color--hosting-blue--700);
118
+ --primary--color--800: var(--color--hosting-blue--800);
119
+ --primary--color--900: var(--color--hosting-blue--900);
120
+ --primary--color--1000: var(--color--hosting-blue--1000);
121
+ --primary--color--1100: var(--color--hosting-blue--1100);
122
+ --info--color--100: var(--color--hosting-blue--100);
123
+ --info--color--200: var(--color--hosting-blue--200);
124
+ --info--color--300: var(--color--hosting-blue--300);
125
+ --info--color--400: var(--color--hosting-blue--400);
126
+ --info--color--500: var(--color--hosting-blue--500);
127
+ --info--color--600: var(--color--hosting-blue--600);
128
+ --info--color--700: var(--color--hosting-blue--700);
129
+ --info--color--800: var(--color--hosting-blue--800);
130
+ --info--color--900: var(--color--hosting-blue--900);
131
+ --info--color--1000: var(--color--hosting-blue--1000);
132
+ --info--color--1100: var(--color--hosting-blue--1100);
133
+ --success--color--100: var(--color--espelkamp-green--100);
134
+ --success--color--200: var(--color--espelkamp-green--200);
135
+ --success--color--300: var(--color--espelkamp-green--300);
136
+ --success--color--400: var(--color--espelkamp-green--400);
137
+ --success--color--500: var(--color--espelkamp-green--500);
138
+ --success--color--600: var(--color--espelkamp-green--600);
139
+ --success--color--700: var(--color--espelkamp-green--700);
140
+ --success--color--800: var(--color--espelkamp-green--800);
141
+ --success--color--900: var(--color--espelkamp-green--900);
142
+ --success--color--1000: var(--color--espelkamp-green--1000);
143
+ --success--color--1100: var(--color--espelkamp-green--1100);
144
+ --neutral--color--100: var(--color--gray--100);
145
+ --neutral--color--200: var(--color--gray--200);
146
+ --neutral--color--300: var(--color--gray--300);
147
+ --neutral--color--400: var(--color--gray--400);
148
+ --neutral--color--500: var(--color--gray--500);
149
+ --neutral--color--600: var(--color--gray--600);
150
+ --neutral--color--700: var(--color--gray--700);
151
+ --neutral--color--800: var(--color--gray--800);
152
+ --neutral--color--900: var(--color--gray--900);
153
+ --neutral--color--1000: var(--color--gray--1000);
154
+ --neutral--color--1100: var(--color--gray--1100);
155
+ --neutral--color--1200: var(--color--gray--1200);
156
+ --unavailable--color--100: var(--color--gray--100);
157
+ --unavailable--color--200: var(--color--gray--200);
158
+ --unavailable--color--300: var(--color--gray--300);
159
+ --unavailable--color--400: var(--color--gray--400);
160
+ --unavailable--color--500: var(--color--gray--500);
161
+ --unavailable--color--600: var(--color--gray--600);
162
+ --unavailable--color--700: var(--color--gray--700);
163
+ --unavailable--color--800: var(--color--gray--800);
164
+ --unavailable--color--900: var(--color--gray--900);
165
+ --unavailable--color--1000: var(--color--gray--1000);
166
+ --unavailable--color--1100: var(--color--gray--1100);
167
+ --unavailable--color--1200: var(--color--gray--1200);
168
+ --danger--color--100: var(--color--amaranth-red--100);
169
+ --danger--color--200: var(--color--amaranth-red--200);
170
+ --danger--color--300: var(--color--amaranth-red--300);
171
+ --danger--color--400: var(--color--amaranth-red--400);
172
+ --danger--color--500: var(--color--amaranth-red--500);
173
+ --danger--color--600: var(--color--amaranth-red--600);
174
+ --danger--color--700: var(--color--amaranth-red--700);
175
+ --danger--color--800: var(--color--amaranth-red--800);
176
+ --danger--color--900: var(--color--amaranth-red--900);
177
+ --danger--color--1000: var(--color--amaranth-red--1000);
178
+ --danger--color--1100: var(--color--amaranth-red--1100);
179
+ --warning--color--100: var(--color--royal-orange--100);
180
+ --warning--color--200: var(--color--royal-orange--200);
181
+ --warning--color--300: var(--color--royal-orange--300);
182
+ --warning--color--400: var(--color--royal-orange--400);
183
+ --warning--color--500: var(--color--royal-orange--500);
184
+ --warning--color--600: var(--color--royal-orange--600);
185
+ --warning--color--700: var(--color--royal-orange--700);
186
+ --warning--color--800: var(--color--royal-orange--800);
187
+ --warning--color--900: var(--color--royal-orange--900);
188
+ --warning--color--1000: var(--color--royal-orange--1000);
189
+ --warning--color--1100: var(--color--royal-orange--1100);
190
+ --dark--color--100: var(--color--black-alpha--100);
191
+ --dark--color--200: var(--color--black-alpha--200);
192
+ --dark--color--300: var(--color--black-alpha--300);
193
+ --dark--color--400: var(--color--black-alpha--400);
194
+ --dark--color--500: var(--color--black-alpha--500);
195
+ --dark--color--600: var(--color--black-alpha--600);
196
+ --dark--color--700: var(--color--black-alpha--700);
197
+ --dark--color--800: var(--color--black-alpha--800);
198
+ --light--color--100: var(--color--white-alpha--100);
199
+ --light--color--200: var(--color--white-alpha--200);
200
+ --light--color--300: var(--color--white-alpha--300);
201
+ --light--color--400: var(--color--white-alpha--400);
202
+ --light--color--500: var(--color--white-alpha--500);
203
+ --light--color--600: var(--color--white-alpha--600);
204
+ --light--color--700: var(--color--white-alpha--700);
205
+ --light--color--800: var(--color--white-alpha--800);
206
+ --dark-static--color--100: var(--color--static-black-alpha--100);
207
+ --dark-static--color--200: var(--color--static-black-alpha--200);
208
+ --dark-static--color--300: var(--color--static-black-alpha--300);
209
+ --dark-static--color--400: var(--color--static-black-alpha--400);
210
+ --dark-static--color--500: var(--color--static-black-alpha--500);
211
+ --dark-static--color--600: var(--color--static-black-alpha--600);
212
+ --dark-static--color--700: var(--color--static-black-alpha--700);
213
+ --dark-static--color--800: var(--color--static-black-alpha--800);
214
+ --light-static--color--100: var(--color--static-white-alpha--100);
215
+ --light-static--color--200: var(--color--static-white-alpha--200);
216
+ --light-static--color--300: var(--color--static-white-alpha--300);
217
+ --light-static--color--400: var(--color--static-white-alpha--400);
218
+ --light-static--color--500: var(--color--static-white-alpha--500);
219
+ --light-static--color--600: var(--color--static-white-alpha--600);
220
+ --light-static--color--700: var(--color--static-white-alpha--700);
221
+ --light-static--color--800: var(--color--static-white-alpha--800);
222
+ --primary-plain-background-color--default: var(--color--transparent);
223
+ --primary-outline-background-color--default: var(--color--transparent);
224
+ --danger-plain-background-color--default: var(--color--transparent);
225
+ --danger-outline-background-color--default: var(--color--transparent);
226
+ --info-outline-background-color--default: var(--color--transparent);
227
+ --info-plain-background-color--default: var(--color--transparent);
228
+ --success-plain-background-color--default: var(--color--transparent);
229
+ --success-outline-background-color--default: var(--color--transparent);
230
+ --warning-outline-background-color--default: var(--color--transparent);
231
+ --warning-plain-background-color--default: var(--color--transparent);
232
+ --unavailable-plain-background-color--default: var(--color--transparent);
233
+ --unavailable-outline-background-color--default: var(--color--transparent);
234
+ --neutral-plain-background-color--default: var(--color--transparent);
235
+ --neutral-outline-background-color--default: var(--color--transparent);
236
+ --disabled-plain-background-color: var(--color--transparent);
237
+ --disabled-outline-dark-background-color: var(--color--transparent);
238
+ --disabled-outline-light-background-color: var(--color--transparent);
239
+ --disabled-outline-dark-static-background-color: var(--color--transparent);
240
+ --disabled-outline-light-static-background-color: var(--color--transparent);
241
+ --dark-plain-background-color--default: var(--color--transparent);
242
+ --dark-outline-background-color--default: var(--color--transparent);
243
+ --light-plain-background-color--default: var(--color--transparent);
244
+ --light-outline-background-color--default: var(--color--transparent);
245
+ --dark-static-plain-background-color--default: var(--color--transparent);
246
+ --dark-static-outline-background-color--default: var(--color--transparent);
247
+ --light-static-plain-background-color--default: var(--color--transparent);
248
+ --light-static-outline-background-color--default: var(--color--transparent);
249
+ --avatar--size--xs: var(--size-rem--l);
250
+ --avatar--size--s: var(--size-rem--xl);
251
+ --avatar--size--l: var(--size-rem--xxl);
252
+ --code-block--font-size: var(--font-size-text--s);
253
+ --code-block--padding: var(--size-px--m);
254
+ --code-block--border-style: var(--border-style--default);
255
+ --code-block--show-more-padding: var(--size-px--xs);
256
+ --decorative--blue-background-color: var(--color--hosting-blue--200);
257
+ --decorative--blue-content-accent-color: var(--color--hosting-blue--800);
258
+ --decorative--blue-content-color: var(--color--hosting-blue--1000);
259
+ --decorative--teal-background-color: var(--color--super-teal--200);
260
+ --decorative--teal-content-accent-color: var(--color--super-teal--800);
261
+ --decorative--teal-content-color: var(--color--super-teal--1000);
262
+ --decorative--green-background-color: var(--color--espelkamp-green--200);
263
+ --decorative--green-content-accent-color: var(--color--espelkamp-green--800);
264
+ --decorative--green-content-color: var(--color--espelkamp-green--1000);
265
+ --decorative--violet-background-color: var(--color--soft-contrast-violet--200);
266
+ --decorative--violet-content-accent-color: var(--color--soft-contrast-violet--800);
267
+ --decorative--violet-content-color: var(--color--soft-contrast-violet--1000);
268
+ --decorative--lilac-background-color: var(--color--bright-lilac--200);
269
+ --decorative--lilac-content-accent-color: var(--color--bright-lilac--800);
270
+ --decorative--lilac-content-color: var(--color--bright-lilac--1000);
271
+ --heading--icon-to-text-spacing: var(--size-rem--s);
272
+ --heading--font-weight: var(--font-weight--bold);
273
+ --illustrated-message--padding: var(--size-px--m);
274
+ --illustrated-message--spacing: var(--size-rem--m);
275
+ --image--border-style: var(--border-style--default);
276
+ --initials--font-weight: var(--font-weight--bold);
277
+ --inline-code--font-size: var(--font-size-text--s);
278
+ --inline-code--padding-x: var(--size-px--xs);
279
+ --inline-code--padding-y: var(--size-px--xxs);
280
+ --kbd--padding: var(--size-px--xs);
281
+ --kbd--padding-y-start: var(--size-px--xxs);
282
+ --kbd--inner-shadow-size-x: var(--size-px--xxs);
283
+ --kbd--inner-shadow-size-y-end: var(--size-px--xs);
284
+ --label--font-size: var(--font-size-text--s);
285
+ --label--font-weight: var(--font-weight--bold);
286
+ --label--spacing: var(--size-rem--xs);
287
+ --labeled-value--label-to-value-spacing: var(--size-rem--xs);
288
+ --labeled-value--value-to-action-spacing: var(--size-rem--xs);
289
+ --markdown--spacing: var(--size-rem--m);
290
+ --text--blockquote-border-style: var(--border-style--default);
291
+ --text--blockquote-padding: var(--size-rem--s);
292
+ --text--list-padding: var(--size-rem--l);
293
+ --axis--spacing: var(--size-px--s);
294
+ --axis--font-size: var(--font-size-text--s);
295
+ --axis--tick-size: var(--size-px--s);
296
+ --big-number--spacing: var(--size-rem--xs);
297
+ --big-number--top-font-size: var(--font-size-heading--xl);
298
+ --big-number--bottom-font-size: var(--font-size-text--m);
299
+ --big-number--font-weight: var(--font-weight--bold);
300
+ --chart-tooltip--spacing: var(--size-px--s);
301
+ --donut-chart--spacing-y: var(--size-rem--s);
302
+ --donut-chart--spacing-x: var(--size-rem--m);
303
+ --donut-chart--padding--m: var(--size-px--l);
304
+ --donut-chart--padding--l: var(--size-px--xl);
305
+ --legend--spacing-x: var(--size-px--m);
306
+ --legend--spacing-y: var(--size-px--s);
307
+ --legend-item--spacing: var(--size-rem--s);
308
+ --legend-item--marker--size: var(--size-rem--m);
309
+ --focus--outline-offset: var(--size-px--xxs);
310
+ --line-height-m: calc(var(--font-size-text--m) * 1.5);
311
+ --line-height-s: calc(var(--font-size-text--s) * 1.5);
312
+ --code-editor--font-size: var(--font-size-text--s);
313
+ --code-editor--gutter-element-min-width: var(--size-rem--l);
314
+ --calendar--spacing: var(--size-rem--xs);
315
+ --calendar--heading-font-size: var(--font-size-text--m);
316
+ --calendar--cell-corner-radius: var(--corner-radius--round);
317
+ --calendar--cell-font-size: var(--font-size-text--s);
318
+ --calendar--range-border-width: var(--border-width--50);
319
+ --calendar--range-border-style: var(--border-style--default);
320
+ --calendar--header-cell-font-weight: var(--font-weight--bold);
321
+ --field-description--font-size: var(--font-size-text--s);
322
+ --field-error--font-size: var(--font-size-text--s);
323
+ --form-control--label-to-control-spacing: var(--size-rem--xs);
324
+ --form-control--control-to-info-spacing: var(--size-rem--xs);
325
+ --form-control--spacing-x: var(--size-rem--s);
326
+ --form-control--spacing-y: var(--size-rem--xs);
327
+ --form-control--padding-x: var(--size-px--m);
328
+ --form-control--padding-y: var(--size-px--s);
329
+ --form-control--border-style: var(--border-style--default);
330
+ --rating--spacing--s: var(--size-rem--xxs);
331
+ --rating--spacing--m: var(--size-rem--xs);
332
+ --segmented-button--text-to-text-spacing: var(--size-rem--xs);
333
+ --slider--spacing-x: var(--size-rem--s);
334
+ --slider--spacing-y: var(--size-rem--m);
335
+ --slider--value-font-weight: var(--font-weight--bold);
336
+ --slider--track-height: var(--size-px--s);
337
+ --slider--track-border-style: var(--border-style--default);
338
+ --slider--handle-corner-radius: var(--corner-radius--round);
339
+ --slider--handle-size: var(--size-rem--l);
340
+ --slider--initial-marker-height: var(--size-rem--m);
341
+ --switch--label-to-track-spacing: var(--size-rem--s);
342
+ --switch--track-padding: var(--size-rem--xxs);
343
+ --breadcrumb--spacing: var(--size-rem--s);
344
+ --breadcrumb--font-weight--default: var(--font-weight--normal);
345
+ --breadcrumb--font-weight--current: var(--font-weight--bold);
346
+ --header-navigation--padding: var(--size-px--s);
347
+ --header-navigation--spacing: var(--size-rem--m);
348
+ --header-navigation--corner-radius-round: var(--corner-radius--round);
349
+ --header-navigation--font-weight-current: var(--font-weight--bold);
350
+ --link--icon-height: calc(var(--font-size-text--m) * 1.25);
351
+ --link--icon-height-s: calc(var(--font-size-text--s) * 1.25);
352
+ --link--font-weight: var(--font-weight--bold);
353
+ --link--spacing: var(--size-rem--xs);
354
+ --tabs--padding: var(--size-px--m);
355
+ --tabs--font-weight--selected: var(--font-weight--bold);
356
+ --tabs--spacing: var(--size-rem--s);
357
+ --light-box--max-width: calc(100dvw - var(--size-px--xxl));
358
+ --light-box--max-height: calc(100dvh - var(--size-px--xxl));
359
+ --light-box--max-width-mobile: calc(100dvw - var(--size-px--l));
360
+ --light-box--max-height-mobile: calc(100dvh - var(--size-px--l));
361
+ --light-box--spacing: var(--size-px--m);
362
+ --light-box--indicator-spacing: var(--size-px--xs);
363
+ --light-box--indicator-size: var(--size-px--m);
364
+ --light-box--indicator-border-style: var(--border-style--default);
365
+ --light-box--indicator-corner-radius: var(--corner-radius--round);
366
+ --modal--padding: var(--size-px--l);
367
+ --modal--padding-mobile: var(--size-px--m);
368
+ --modal--border-style: var(--border-style--default);
369
+ --modal--header-padding-top: var(--size-px--m);
370
+ --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
371
+ --popover--padding--m: var(--size-px--m);
372
+ --popover--padding--s: var(--size-px--s);
373
+ --popover--border-style: var(--border-style--default);
374
+ --popover--spacing: var(--size-px--s);
375
+ --popover--popover-to-trigger-spacing: var(--size-px--m);
376
+ --popover--tip-height: var(--size-px--s);
377
+ --popover--tip-width: var(--size-px--m);
378
+ --tooltip--padding-x: var(--size-px--s);
379
+ --tooltip--padding-y: var(--size-px--xs);
380
+ --tooltip--font-size: var(--font-size-text--s);
381
+ --tooltip--tooltip-to-trigger-spacing: var(--size-px--s);
382
+ --tooltip--tip-size: var(--size-px--s);
383
+ --alert-text--spacing: var(--size-rem--xs);
384
+ --alert--padding: var(--size-px--m);
385
+ --alert--border-style: var(--border-style--default);
386
+ --alert--heading-to-content-spacing: var(--size-rem--s);
387
+ --alert--spacing: var(--size-rem--m);
388
+ --alert--heading-size: var(--font-size-heading--xs);
389
+ --badge--font-size: var(--font-size-text--s);
390
+ --badge--font-weight: var(--font-weight--bold);
391
+ --badge--line-height: var(--single-line-height);
392
+ --badge--border-style: var(--border-style--default);
393
+ --badge--padding-y: var(--size-rem--xs);
394
+ --badge--padding-x: var(--size-rem--s);
395
+ --badge--spacing: var(--size-rem--xs);
396
+ --badge--neutral-border-color: var(--color--gray--800);
397
+ --badge--neutral-background-color--default: var(--color--gray--300);
398
+ --badge--neutral-background-color--hover: var(--color--gray--400);
399
+ --badge--neutral-background-color--pressed: var(--color--gray--500);
400
+ --badge--neutral-content-color: var(--color--gray--900);
401
+ --badge--neutral-scope-background-color: var(--color--gray--800);
402
+ --badge--blue-border-color: var(--color--hosting-blue--800);
403
+ --badge--blue-background-color--default: var(--color--hosting-blue--100);
404
+ --badge--blue-background-color--hover: var(--color--hosting-blue--200);
405
+ --badge--blue-background-color--pressed: var(--color--hosting-blue--300);
406
+ --badge--blue-content-color: var(--color--hosting-blue--900);
407
+ --badge--blue-scope-background-color: var(--color--hosting-blue--800);
408
+ --badge--navy-border-color: var(--color--mittwald-navy--800);
409
+ --badge--navy-background-color--default: var(--color--mittwald-navy--100);
410
+ --badge--navy-background-color--hover: var(--color--mittwald-navy--200);
411
+ --badge--navy-background-color--pressed: var(--color--mittwald-navy--300);
412
+ --badge--navy-content-color: var(--color--mittwald-navy--900);
413
+ --badge--navy-scope-background-color: var(--color--mittwald-navy--800);
414
+ --badge--violet-border-color: var(--color--soft-contrast-violet--800);
415
+ --badge--violet-background-color--default: var(--color--soft-contrast-violet--100);
416
+ --badge--violet-background-color--hover: var(--color--soft-contrast-violet--200);
417
+ --badge--violet-background-color--pressed: var(--color--soft-contrast-violet--300);
418
+ --badge--violet-content-color: var(--color--soft-contrast-violet--900);
419
+ --badge--violet-scope-background-color: var(--color--soft-contrast-violet--800);
420
+ --badge--teal-border-color: var(--color--super-teal--800);
421
+ --badge--teal-background-color--default: var(--color--super-teal--100);
422
+ --badge--teal-background-color--hover: var(--color--super-teal--200);
423
+ --badge--teal-background-color--pressed: var(--color--super-teal--300);
424
+ --badge--teal-content-color: var(--color--super-teal--900);
425
+ --badge--teal-scope-background-color: var(--color--super-teal--800);
426
+ --badge--lilac-border-color: var(--color--bright-lilac--800);
427
+ --badge--lilac-background-color--default: var(--color--bright-lilac--100);
428
+ --badge--lilac-background-color--hover: var(--color--bright-lilac--200);
429
+ --badge--lilac-background-color--pressed: var(--color--bright-lilac--300);
430
+ --badge--lilac-content-color: var(--color--bright-lilac--900);
431
+ --badge--lilac-scope-background-color: var(--color--bright-lilac--800);
432
+ --badge--red-border-color: var(--color--amaranth-red--800);
433
+ --badge--red-background-color--default: var(--color--amaranth-red--100);
434
+ --badge--red-background-color--hover: var(--color--amaranth-red--200);
435
+ --badge--red-background-color--pressed: var(--color--amaranth-red--300);
436
+ --badge--red-content-color: var(--color--amaranth-red--900);
437
+ --badge--red-scope-background-color: var(--color--amaranth-red--800);
438
+ --badge--green-border-color: var(--color--espelkamp-green--800);
439
+ --badge--green-background-color--default: var(--color--espelkamp-green--100);
440
+ --badge--green-background-color--hover: var(--color--espelkamp-green--200);
441
+ --badge--green-background-color--pressed: var(--color--espelkamp-green--300);
442
+ --badge--green-content-color: var(--color--espelkamp-green--900);
443
+ --badge--green-scope-background-color: var(--color--espelkamp-green--800);
444
+ --badge--orange-border-color: var(--color--royal-orange--900);
445
+ --badge--orange-background-color--default: var(--color--royal-orange--100);
446
+ --badge--orange-background-color--hover: var(--color--royal-orange--200);
447
+ --badge--orange-background-color--pressed: var(--color--royal-orange--300);
448
+ --badge--orange-content-color: var(--color--royal-orange--900);
449
+ --badge--orange-scope-background-color: var(--color--royal-orange--900);
450
+ --counter-badge--font-weight: var(--font-weight--bold);
451
+ --counter-badge--padding-inline: var(--size-rem--xs);
452
+ --counter-badge--border-style: var(--border-style--default);
453
+ --notification-provider--window-to-provider-spacing: var(--size-px--xl);
454
+ --notification-provider--notification-to-notification-spacing: var(--size-px--m);
455
+ --notification--padding: var(--size-px--s);
456
+ --notification--border-style: var(--border-style--default);
457
+ --notification--heading-to-text-spacing: var(--size-rem--xs);
458
+ --notification--spacing: var(--size-rem--s);
459
+ --notification--font-size: var(--font-size-text--s);
460
+ --password-creation-field--rule-to-rule-spacing: var(--size-px--s);
461
+ --progress-bar--font-size: var(--font-size-text--m);
462
+ --progress-bar--font-size-s: var(--font-size-text--s);
463
+ --progress-bar--value-font-weight: var(--font-weight--bold);
464
+ --progress-bar--spacing-y: var(--size-rem--xs);
465
+ --progress-bar--spacing-x: var(--size-rem--m);
466
+ --progress-bar--spacing-bar-to-legend: var(--size-px--m);
467
+ --progress-bar--height--m: var(--size-rem--m);
468
+ --progress-bar--height--s: var(--size-rem--s);
469
+ --progress-bar--height--l: var(--size-rem--l);
470
+ --accent-box--background-color-blue: var(--color--hosting-blue--200);
471
+ --accent-box--background-color-teal: var(--color--super-teal--200);
472
+ --accent-box--background-color-lilac: var(--color--bright-lilac--200);
473
+ --accent-box--background-color-violet: var(--color--soft-contrast-violet--200);
474
+ --accent-box--background-color-green: var(--color--espelkamp-green--200);
475
+ --accent-box--background-color-navy: var(--color--mittwald-navy--200);
476
+ --accent-box--background-color-gradient: var(--color--gradient);
477
+ --accent-box--padding: var(--size-px--m);
478
+ --accordion--spacing: var(--size-rem--s);
479
+ --accordion--border-style: var(--border-style--default);
480
+ --accordion--padding-x: var(--size-px--s);
481
+ --accordion--padding-y: var(--size-px--xs);
482
+ --align--avatar-text--spacing: var(--size-rem--s);
483
+ --align--input-button--spacing: var(--size-px--m);
484
+ --align--text-button--spacing: var(--size-rem--xs);
485
+ --align--icon-text--spacing: var(--size-rem--s);
486
+ --column-layout--gap--s: var(--size-px--s);
487
+ --column-layout--gap--m: var(--size-px--m);
488
+ --column-layout--gap--l: var(--size-px--l);
489
+ --column-layout--gap--xl: var(--size-px--xl);
490
+ --layout-card--padding: var(--size-px--l);
491
+ --layout-card--padding-mobile: var(--size-px--m);
492
+ --layout-card--border-style: var(--border-style--default);
493
+ --list--spacing: var(--size-px--s);
494
+ --list--block-to-block-spacing: var(--size-px--m);
495
+ --list--filter-to-search-spacing: var(--size-px--xl);
496
+ --list-item--padding: var(--size-px--s);
497
+ --list-item--border-style: var(--border-style--default);
498
+ --list-item--spacing: var(--size-px--m);
499
+ --list-item--avatar-to-title-spacing: var(--size-px--s);
500
+ --list-item--subtitle-font-size: var(--font-size-text--s);
501
+ --section--section-to-section-spacing: var(--size-rem--xl);
502
+ --section--spacing: var(--size-rem--m);
503
+ --section--sub-heading-spacing-m: var(--size-rem--l);
504
+ --section--sub-heading-spacing-s: var(--size-rem--s);
505
+ --section-header--action-to-action-spacing: var(--size-rem--s);
506
+ --section-header--heading-to-action-spacing: var(--size-rem--m);
507
+ --separator--border-style: var(--border-style--default);
508
+ --table--border-style: var(--border-style--default);
509
+ --table--padding-x: var(--size-px--m);
510
+ --table--padding-y: var(--size-px--s);
511
+ --table--header-font-weight: var(--font-weight--bold);
512
+ --table--footer-font-weight: var(--font-weight--bold);
513
+ --file-card--padding-x: var(--size-px--s);
514
+ --file-card--padding-y: var(--size-px--xs);
515
+ --file-card--spacing: var(--size-rem--s);
516
+ --file-card--border-style: var(--border-style--default);
517
+ --file-card--sub-title-font-size: var(--font-size-text--s);
518
+ --file-drop-zone--padding: var(--size-px--m);
519
+ --file-drop-zone--border-style--default: var(--border-style--dashed);
520
+ --file-drop-zone--border-style--target: var(--border-style--default);
521
+ --image-cropper--spacing: var(--size-px--m);
522
+ --image-cropper--border-style: var(--border-style--default);
523
+ --button--corner-radius: var(--corner-radius--m);
524
+ --button--pending-icon-color: var(--neutral--color--1000);
525
+ --button--border-width: var(--border-width--100);
526
+ --button--corner-radius-s: var(--corner-radius--s);
527
+ --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
528
+ --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
529
+ --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
530
+ --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
531
+ --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
532
+ --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
533
+ --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
534
+ --button--secondary-plain-background-color--disabled: var(--disabled-plain-background-color);
535
+ --button--secondary-outline-background-color--default: var(--neutral-outline-background-color--default);
536
+ --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
537
+ --button--danger-plain-background-color--disabled: var(--disabled-plain-background-color);
538
+ --button--danger-outline-background-color--default: var(--danger-outline-background-color--default);
539
+ --button--dark-plain-background-color--default: var(--dark-plain-background-color--default);
540
+ --button--dark-plain-background-color--disabled: var(--disabled-plain-background-color);
541
+ --button--dark-outline-background-color--default: var(--dark-outline-background-color--default);
542
+ --button--dark-outline-background-color--disabled: var(--disabled-outline-dark-background-color);
543
+ --button--light-plain-background-color--default: var(--light-plain-background-color--default);
544
+ --button--light-plain-background-color--disabled: var(--disabled-plain-background-color);
545
+ --button--light-outline-background-color--default: var(--light-outline-background-color--default);
546
+ --button--light-outline-background-color--disabled: var(--disabled-outline-light-background-color);
547
+ --button--dark-static-plain-background-color--default: var(--dark-static-plain-background-color--default);
548
+ --button--dark-static-plain-background-color--disabled: var(--disabled-plain-background-color);
549
+ --button--dark-static-outline-background-color--default: var(--dark-static-outline-background-color--default);
550
+ --button--dark-static-outline-background-color--disabled: var(--disabled-outline-dark-static-background-color);
551
+ --button--light-static-plain-background-color--default: var(--light-static-plain-background-color--default);
552
+ --button--light-static-plain-background-color--disabled: var(--disabled-plain-background-color);
553
+ --button--light-static-outline-background-color--default: var(--light-static-outline-background-color--default);
554
+ --button--light-static-outline-background-color--disabled: var(--disabled-outline-light-static-background-color);
555
+ --menu-item--corner-radius: var(--corner-radius--m);
556
+ --menu-item--disabled-background-color: var(--disabled-plain-background-color);
557
+ --message-separator--background-color: var(--neutral--color--100);
558
+ --message-separator--color: var(--neutral--color--800);
559
+ --message--corner-radius: var(--corner-radius--m);
560
+ --message--background-color-responder: var(--neutral--color--200);
561
+ --message--border-width: var(--border-width--100);
562
+ --message--border-color: var(--neutral--color--300);
563
+ --primary-solid-background-color--default: var(--primary--color--800);
564
+ --primary-solid-background-color--hover: var(--primary--color--900);
565
+ --primary-solid-background-color--pressed: var(--primary--color--1000);
566
+ --primary-solid-content-color: var(--neutral--color--100);
567
+ --primary-plain-background-color--hover: var(--primary--color--100);
568
+ --primary-plain-background-color--pressed: var(--primary--color--200);
569
+ --primary-plain-content-color: var(--primary--color--800);
570
+ --primary-soft-background-color--default: var(--primary--color--100);
571
+ --primary-soft-background-color--hover: var(--primary--color--200);
572
+ --primary-soft-background-color--pressed: var(--primary--color--300);
573
+ --primary-soft-content-color: var(--primary--color--900);
574
+ --primary-outline-background-color--hover: var(--primary--color--100);
575
+ --primary-outline-background-color--pressed: var(--primary--color--200);
576
+ --primary-outline-content-color: var(--primary--color--900);
577
+ --primary-outline-border-color: var(--primary--color--800);
578
+ --danger-solid-background-color--default: var(--danger--color--800);
579
+ --danger-solid-background-color--hover: var(--danger--color--900);
580
+ --danger-solid-background-color--pressed: var(--danger--color--1000);
581
+ --danger-solid-content-color: var(--neutral--color--100);
582
+ --danger-plain-background-color--hover: var(--danger--color--100);
583
+ --danger-plain-background-color--pressed: var(--danger--color--200);
584
+ --danger-plain-content-color: var(--danger--color--800);
585
+ --danger-outline-background-color--hover: var(--danger--color--100);
586
+ --danger-outline-background-color--pressed: var(--danger--color--200);
587
+ --danger-outline-content-color: var(--danger--color--900);
588
+ --danger-outline-border-color: var(--danger--color--800);
589
+ --danger-soft-background-color--default: var(--danger--color--100);
590
+ --danger-soft-background-color--hover: var(--danger--color--200);
591
+ --danger-soft-background-color--pressed: var(--danger--color--300);
592
+ --danger-soft-content-color: var(--danger--color--900);
593
+ --info-solid-background-color--default: var(--info--color--800);
594
+ --info-solid-background-color--hover: var(--info--color--900);
595
+ --info-solid-background-color--pressed: var(--info--color--1000);
596
+ --info-solid-content-color: var(--neutral--color--100);
597
+ --info-outline-background-color--hover: var(--info--color--100);
598
+ --info-outline-background-color--pressed: var(--info--color--200);
599
+ --info-outline-content-color: var(--info--color--900);
600
+ --info-outline-border-color: var(--info--color--800);
601
+ --info-soft-background-color--default: var(--info--color--100);
602
+ --info-soft-background-color--hover: var(--info--color--200);
603
+ --info-soft-background-color--pressed: var(--info--color--300);
604
+ --info-soft-content-color: var(--info--color--900);
605
+ --info-plain-background-color--hover: var(--info--color--100);
606
+ --info-plain-background-color--pressed: var(--info--color--200);
607
+ --info-plain-content-color: var(--info--color--800);
608
+ --success-solid-background-color--default: var(--success--color--800);
609
+ --success-solid-background-color--hover: var(--success--color--900);
610
+ --success-solid-background-color--pressed: var(--success--color--1000);
611
+ --success-solid-content-color: var(--neutral--color--100);
612
+ --success-plain-background-color--hover: var(--success--color--100);
613
+ --success-plain-background-color--pressed: var(--success--color--200);
614
+ --success-plain-content-color: var(--success--color--800);
615
+ --success-outline-background-color--hover: var(--success--color--100);
616
+ --success-outline-background-color--pressed: var(--success--color--200);
617
+ --success-outline-content-color: var(--success--color--900);
618
+ --success-outline-border-color: var(--success--color--800);
619
+ --success-soft-background-color--default: var(--success--color--100);
620
+ --success-soft-background-color--hover: var(--success--color--200);
621
+ --success-soft-background-color--pressed: var(--success--color--300);
622
+ --success-soft-content-color: var(--success--color--900);
623
+ --warning-solid-background-color--default: var(--warning--color--800);
624
+ --warning-solid-background-color--hover: var(--warning--color--900);
625
+ --warning-solid-background-color--pressed: var(--warning--color--1000);
626
+ --warning-solid-content-color: var(--neutral--color--100);
627
+ --warning-outline-background-color--hover: var(--warning--color--100);
628
+ --warning-outline-background-color--pressed: var(--warning--color--200);
629
+ --warning-outline-content-color: var(--warning--color--900);
630
+ --warning-outline-border-color: var(--warning--color--800);
631
+ --warning-soft-background-color--default: var(--warning--color--100);
632
+ --warning-soft-background-color--hover: var(--warning--color--200);
633
+ --warning-soft-background-color--pressed: var(--warning--color--300);
634
+ --warning-soft-content-color: var(--warning--color--900);
635
+ --warning-plain-background-color--hover: var(--warning--color--100);
636
+ --warning-plain-background-color--pressed: var(--warning--color--200);
637
+ --warning-plain-content-color: var(--warning--color--800);
638
+ --unavailable-solid-background-color--default: var(--unavailable--color--800);
639
+ --unavailable-solid-background-color--hover: var(--unavailable--color--900);
640
+ --unavailable-solid-background-color--pressed: var(--unavailable--color--1000);
641
+ --unavailable-solid-content-color: var(--neutral--color--100);
642
+ --unavailable-plain-background-color--hover: var(--unavailable--color--300);
643
+ --unavailable-plain-background-color--pressed: var(--unavailable--color--400);
644
+ --unavailable-plain-content-color: var(--unavailable--color--800);
645
+ --unavailable-outline-background-color--hover: var(--unavailable--color--300);
646
+ --unavailable-outline-background-color--pressed: var(--unavailable--color--400);
647
+ --unavailable-outline-content-color: var(--unavailable--color--800);
648
+ --unavailable-outline-border-color: var(--unavailable--color--800);
649
+ --unavailable-soft-background-color--default: var(--unavailable--color--300);
650
+ --unavailable-soft-background-color--hover: var(--unavailable--color--400);
651
+ --unavailable-soft-background-color--pressed: var(--unavailable--color--500);
652
+ --unavailable-soft-content-color: var(--unavailable--color--800);
653
+ --neutral-solid-background-color--default: var(--neutral--color--800);
654
+ --neutral-solid-background-color--hover: var(--neutral--color--900);
655
+ --neutral-solid-background-color--pressed: var(--neutral--color--1000);
656
+ --neutral-solid-content-color: var(--neutral--color--100);
657
+ --neutral-plain-background-color--hover: var(--neutral--color--300);
658
+ --neutral-plain-background-color--pressed: var(--neutral--color--400);
659
+ --neutral-plain-content-color: var(--neutral--color--1000);
660
+ --neutral-outline-background-color--hover: var(--neutral--color--300);
661
+ --neutral-outline-background-color--selected: var(--neutral--color--400);
662
+ --neutral-outline-background-color--pressed: var(--neutral--color--400);
663
+ --neutral-outline-content-color: var(--neutral--color--1000);
664
+ --neutral-outline-border-color: var(--neutral--color--700);
665
+ --neutral-soft-background-color--default: var(--neutral--color--400);
666
+ --neutral-soft-background-color--hover: var(--neutral--color--500);
667
+ --neutral-soft-background-color--pressed: var(--neutral--color--600);
668
+ --neutral-soft-content-color: var(--neutral--color--1000);
669
+ --disabled-solid-background-color: var(--neutral--color--300);
670
+ --disabled-solid-content-color: var(--neutral--color--500);
671
+ --disabled-solid-dark-background-color: var(--dark--color--300);
672
+ --disabled-solid-dark-content-color: var(--light--color--300);
673
+ --disabled-solid-light-background-color: var(--light--color--300);
674
+ --disabled-solid-light-content-color: var(--dark--color--300);
675
+ --disabled-solid-dark-static-background-color: var(--dark-static--color--300);
676
+ --disabled-solid-dark-static-content-color: var(--light-static--color--300);
677
+ --disabled-solid-light-static-background-color: var(--light-static--color--300);
678
+ --disabled-solid-light-static-content-color: var(--dark-static--color--300);
679
+ --disabled-plain-content-color: var(--neutral--color--400);
680
+ --disabled-plain-dark-content-color: var(--dark--color--200);
681
+ --disabled-plain-light-content-color: var(--light--color--200);
682
+ --disabled-plain-dark-static-content-color: var(--dark-static--color--200);
683
+ --disabled-plain-light-static-content-color: var(--light-static--color--200);
684
+ --disabled-outline-background-color: var(--neutral--color--200);
685
+ --disabled-outline-content-color: var(--neutral--color--500);
686
+ --disabled-outline-border-color: var(--neutral--color--400);
687
+ --disabled-outline-dark-border-color: var(--dark--color--200);
688
+ --disabled-outline-dark-content-color: var(--dark--color--200);
689
+ --disabled-outline-light-border-color: var(--light--color--200);
690
+ --disabled-outline-light-content-color: var(--light--color--200);
691
+ --disabled-outline-dark-static-border-color: var(--dark-static--color--200);
692
+ --disabled-outline-dark-static-content-color: var(--dark-static--color--200);
693
+ --disabled-outline-light-static-border-color: var(--light-static--color--200);
694
+ --disabled-outline-light-static-content-color: var(--light-static--color--200);
695
+ --disabled-soft-background-color: var(--neutral--color--200);
696
+ --disabled-soft-content-color: var(--neutral--color--500);
697
+ --disabled-soft-dark-background-color: var(--dark--color--100);
698
+ --disabled-soft-dark-content-color: var(--dark--color--200);
699
+ --disabled-soft-light-background-color: var(--light--color--100);
700
+ --disabled-soft-light-content-color: var(--light--color--200);
701
+ --disabled-soft-dark-static-background-color: var(--dark-static--color--100);
702
+ --disabled-soft-dark-static-content-color: var(--dark-static--color--200);
703
+ --disabled-soft-light-static-background-color: var(--light-static--color--100);
704
+ --disabled-soft-light-static-content-color: var(--light-static--color--200);
705
+ --dark-solid-background-color--default: var(--dark--color--800);
706
+ --dark-solid-background-color--hover: var(--dark--color--700);
707
+ --dark-solid-background-color--pressed: var(--dark--color--600);
708
+ --dark-solid-content-color: var(--light--color--800);
709
+ --dark-soft-background-color--default: var(--dark--color--100);
710
+ --dark-soft-background-color--hover: var(--dark--color--200);
711
+ --dark-soft-background-color--pressed: var(--dark--color--300);
712
+ --dark-soft-content-color: var(--dark--color--800);
713
+ --dark-plain-background-color--hover: var(--dark--color--100);
714
+ --dark-plain-background-color--pressed: var(--dark--color--200);
715
+ --dark-plain-content-color: var(--dark--color--800);
716
+ --dark-outline-background-color--hover: var(--dark--color--100);
717
+ --dark-outline-background-color--pressed: var(--dark--color--200);
718
+ --dark-outline-border-color: var(--dark--color--800);
719
+ --dark-outline-content-color: var(--dark--color--800);
720
+ --light-solid-background-color--default: var(--light--color--800);
721
+ --light-solid-background-color--hover: var(--light--color--700);
722
+ --light-solid-background-color--pressed: var(--light--color--600);
723
+ --light-solid-content-color: var(--dark--color--800);
724
+ --light-soft-background-color--default: var(--light--color--100);
725
+ --light-soft-background-color--hover: var(--light--color--200);
726
+ --light-soft-background-color--pressed: var(--light--color--300);
727
+ --light-soft-content-color: var(--light--color--800);
728
+ --light-plain-background-color--hover: var(--light--color--100);
729
+ --light-plain-background-color--pressed: var(--light--color--200);
730
+ --light-plain-content-color: var(--light--color--800);
731
+ --light-outline-background-color--hover: var(--light--color--100);
732
+ --light-outline-background-color--pressed: var(--light--color--200);
733
+ --light-outline-border-color: var(--light--color--800);
734
+ --light-outline-content-color: var(--light--color--800);
735
+ --dark-static-solid-background-color--default: var(--dark-static--color--800);
736
+ --dark-static-solid-background-color--hover: var(--dark-static--color--700);
737
+ --dark-static-solid-background-color--pressed: var(--dark-static--color--600);
738
+ --dark-static-solid-content-color: var(--light-static--color--800);
739
+ --dark-static-soft-background-color--default: var(--dark-static--color--100);
740
+ --dark-static-soft-background-color--hover: var(--dark-static--color--200);
741
+ --dark-static-soft-background-color--pressed: var(--dark-static--color--300);
742
+ --dark-static-soft-content-color: var(--dark-static--color--800);
743
+ --dark-static-plain-background-color--hover: var(--dark-static--color--100);
744
+ --dark-static-plain-background-color--pressed: var(--dark-static--color--200);
745
+ --dark-static-plain-content-color: var(--dark-static--color--800);
746
+ --dark-static-outline-background-color--hover: var(--dark-static--color--100);
747
+ --dark-static-outline-background-color--pressed: var(--dark-static--color--200);
748
+ --dark-static-outline-border-color: var(--dark-static--color--800);
749
+ --dark-static-outline-content-color: var(--dark-static--color--800);
750
+ --light-static-solid-background-color--default: var(--light-static--color--800);
751
+ --light-static-solid-background-color--hover: var(--light-static--color--700);
752
+ --light-static-solid-background-color--pressed: var(--light-static--color--600);
753
+ --light-static-solid-content-color: var(--dark-static--color--800);
754
+ --light-static-soft-background-color--default: var(--light-static--color--100);
755
+ --light-static-soft-background-color--hover: var(--light-static--color--200);
756
+ --light-static-soft-background-color--pressed: var(--light-static--color--300);
757
+ --light-static-soft-content-color: var(--light-static--color--800);
758
+ --light-static-plain-background-color--hover: var(--light-static--color--100);
759
+ --light-static-plain-background-color--pressed: var(--light-static--color--200);
760
+ --light-static-plain-content-color: var(--light-static--color--800);
761
+ --light-static-outline-background-color--hover: var(--light-static--color--100);
762
+ --light-static-outline-background-color--pressed: var(--light-static--color--200);
763
+ --light-static-outline-border-color: var(--light-static--color--800);
764
+ --light-static-outline-content-color: var(--light-static--color--800);
765
+ --avatar-stack--border-width: var(--border-width--200);
766
+ --avatar--info-status-background-color: var(--info--color--200);
767
+ --avatar--warning-status-background-color: var(--warning--color--200);
768
+ --avatar--danger-status-background-color: var(--danger--color--200);
769
+ --avatar--success-status-background-color: var(--success--color--200);
770
+ --avatar--unavailable-status-background-color: var(--unavailable--color--400);
771
+ --code-block--corner-radius: var(--corner-radius--m);
772
+ --code-block--border-width: var(--border-width--100);
773
+ --heading--color: var(--neutral--color--1100);
774
+ --heading--color-danger: var(--danger--color--900);
775
+ --heading--color-unavailable: var(--unavailable--color--800);
776
+ --icon--color: var(--neutral--color--700);
777
+ --icon--info-color: var(--info--color--900);
778
+ --icon--warning-color: var(--warning--color--900);
779
+ --icon--danger-color: var(--danger--color--900);
780
+ --icon--success-color: var(--success--color--900);
781
+ --icon--unavailable-color: var(--unavailable--color--800);
782
+ --illustrated-message--danger-content-color: var(--danger--color--900);
783
+ --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
784
+ --image--corner-radius: var(--corner-radius--m);
785
+ --image--border-width: var(--border-width--100);
786
+ --inline-code--corner-radius: var(--corner-radius--s);
787
+ --kbd--corner-radius: var(--corner-radius--s);
788
+ --kbd--inner-shadow-color--default: var(--dark--color--200);
789
+ --label--color--default: var(--neutral--color--800);
790
+ --text--color--default: var(--neutral--color--1100);
791
+ --text--blockquote-border-width: var(--border-width--300);
792
+ --area--border-width: var(--border-width--200);
793
+ --area--border-color: var(--neutral--color--100);
794
+ --axis--color: var(--neutral--color--800);
795
+ --axis--stroke-width: var(--border-width--100);
796
+ --cartesian-grid--color: var(--neutral--color--800);
797
+ --cartesian-grid--stroke-width: var(--border-width--100);
798
+ --donut-chart--background-color: var(--neutral--color--200);
799
+ --legend-item--marker--corner-radius: var(--corner-radius--s);
800
+ --line--border-width: var(--border-width--200);
801
+ --shadow--content: var(--dark-static--color--100) 0 var(--size-px--xxs) var(--size-px--xs);
802
+ --shadow--overlay: var(--dark-static--color--100) 0 var(--size-px--s) var(--size-px--m);
803
+ --focus--outline-color: var(--primary--color--800);
804
+ --focus--secondary-outline-color: var(--neutral--color--100);
805
+ --focus--outline-width: var(--border-width--200);
806
+ --choice--icon-color--selected: var(--primary--color--900);
807
+ --date-picker--date-segment-corner-radius: var(--corner-radius--s);
808
+ --calendar--cell-background-color--disabled: var(--disabled-plain-background-color);
809
+ --calendar--range-background-color: var(--primary--color--100);
810
+ --form-control--corner-radius: var(--corner-radius--m);
811
+ --form-control--border-width: var(--border-width--100);
812
+ --form-control--placeholder-color--default: var(--neutral--color--700);
813
+ --form-control--placeholder-color--disabled: var(--neutral--color--500);
814
+ --form-control--background-color--default: var(--neutral--color--200);
815
+ --form-control--background-color--focused: var(--neutral--color--200);
816
+ --form-control--background-color--invalid: var(--danger--color--100);
817
+ --rating--star-color: var(--neutral--color--700);
818
+ --rating--star-filled-color: var(--primary--color--800);
819
+ --slider--color--default: var(--neutral--color--1000);
820
+ --slider--color--disabled: var(--neutral--color--600);
821
+ --slider--track-border-width: var(--border-width--100);
822
+ --slider--corner-radius: var(--corner-radius--s);
823
+ --slider--handle-fill-color: var(--neutral--color--100);
824
+ --slider--handle-border-width: var(--border-width--300);
825
+ --slider--initial-marker-border-width: var(--border-width--300);
826
+ --switch--handle-background-color: var(--neutral--color--100);
827
+ --time-field--date-segment-corner-radius: var(--corner-radius--m);
828
+ --breadcrumb--color--hover: var(--neutral--color--900);
829
+ --breadcrumb--color--pressed: var(--neutral--color--800);
830
+ --header-navigation--corner-radius: var(--corner-radius--m);
831
+ --header-navigation--underline-width-current: var(--border-width--200);
832
+ --header-navigation--color: var(--neutral--color--1100);
833
+ --link--color--default: var(--primary--color--800);
834
+ --link--color--hover: var(--primary--color--900);
835
+ --link--color--pressed: var(--primary--color--1000);
836
+ --link--color-dark--default: var(--dark--color--800);
837
+ --link--color-dark--hover: var(--dark--color--700);
838
+ --link--color-dark--pressed: var(--dark--color--600);
839
+ --link--color-light--default: var(--light--color--800);
840
+ --link--color-light--hover: var(--light--color--700);
841
+ --link--color-light--pressed: var(--light--color--600);
842
+ --link--color-dark-static--default: var(--dark-static--color--800);
843
+ --link--color-dark-static--hover: var(--dark-static--color--700);
844
+ --link--color-dark-static--pressed: var(--dark-static--color--600);
845
+ --link--color-light-static--default: var(--light-static--color--800);
846
+ --link--color-light-static--hover: var(--light-static--color--700);
847
+ --link--color-light-static--pressed: var(--light-static--color--600);
848
+ --tabs--background-color--selected: var(--neutral--color--100);
849
+ --light-box--indicator-border-width: var(--border-width--200);
850
+ --light-box--content-color: var(--light-static--color--800);
851
+ --modal--corner-radius: var(--corner-radius--l);
852
+ --modal--background-color: var(--neutral--color--100);
853
+ --modal--footer-background-color: var(--neutral--color--200);
854
+ --modal--border-color: var(--neutral--color--300);
855
+ --modal--border-width: var(--border-width--100);
856
+ --overlay--backdrop-color: var(--dark-static--color--300);
857
+ --popover--corner-radius: var(--corner-radius--m);
858
+ --popover--background-color: var(--neutral--color--100);
859
+ --popover--border-width: var(--border-width--100);
860
+ --popover--border-color: var(--neutral--color--300);
861
+ --tooltip--background-color: var(--neutral--color--900);
862
+ --tooltip--corner-radius: var(--corner-radius--m);
863
+ --alert-text--info-color: var(--info--color--900);
864
+ --alert-text--warning-color: var(--warning--color--900);
865
+ --alert-text--danger-color: var(--danger--color--900);
866
+ --alert-text--success-color: var(--success--color--900);
867
+ --alert-text--unavailable-color: var(--unavailable--color--800);
868
+ --alert--corner-radius: var(--corner-radius--m);
869
+ --alert--border-width: var(--border-width--100);
870
+ --alert--border-x-start-width: var(--border-width--400);
871
+ --badge--corner-radius: var(--corner-radius--l);
872
+ --badge--border-width: var(--border-width--100);
873
+ --badge--dark-border-color: var(--dark--color--800);
874
+ --badge--dark-background-color--default: var(--dark--color--100);
875
+ --badge--dark-background-color--hover: var(--dark--color--200);
876
+ --badge--dark-background-color--pressed: var(--dark--color--300);
877
+ --badge--dark-content-color: var(--dark--color--800);
878
+ --badge--dark-scope-background-color: var(--dark--color--800);
879
+ --badge--light-border-color: var(--light--color--800);
880
+ --badge--light-background-color--default: var(--light--color--100);
881
+ --badge--light-background-color--hover: var(--light--color--200);
882
+ --badge--light-background-color--pressed: var(--light--color--300);
883
+ --badge--light-content-color: var(--light--color--800);
884
+ --badge--light-scope-background-color: var(--light--color--800);
885
+ --badge--dark-static-border-color: var(--dark-static--color--800);
886
+ --badge--dark-static-background-color--default: var(--dark-static--color--100);
887
+ --badge--dark-static-background-color--hover: var(--dark-static--color--200);
888
+ --badge--dark-static-background-color--pressed: var(--dark-static--color--300);
889
+ --badge--dark-static-content-color: var(--dark-static--color--800);
890
+ --badge--dark-static-scope-background-color: var(--dark-static--color--800);
891
+ --badge--light-static-border-color: var(--light-static--color--800);
892
+ --badge--light-static-background-color--default: var(--light-static--color--100);
893
+ --badge--light-static-background-color--hover: var(--light-static--color--200);
894
+ --badge--light-static-background-color--pressed: var(--light-static--color--300);
895
+ --badge--light-static-content-color: var(--light-static--color--800);
896
+ --badge--light-static-scope-background-color: var(--light-static--color--800);
897
+ --counter-badge--border-width: var(--border-width--200);
898
+ --counter-badge--border-color: var(--neutral--color--100);
899
+ --notification--corner-radius: var(--corner-radius--m);
900
+ --notification--border-x-start-width: var(--border-width--300);
901
+ --notification--border-width: var(--border-width--100);
902
+ --notification--border-color: var(--neutral--color--300);
903
+ --notification--info-background-color--default: var(--neutral--color--100);
904
+ --notification--warning-background-color--default: var(--neutral--color--100);
905
+ --notification--danger-background-color--default: var(--neutral--color--100);
906
+ --notification--success-background-color--default: var(--neutral--color--100);
907
+ --notification--unavailable-background-color--default: var(--neutral--color--100);
908
+ --progress-bar--corner-radius: var(--corner-radius--l);
909
+ --progress-bar--border-width: var(--border-width--100);
910
+ --progress-bar--background-color: var(--neutral--color--200);
911
+ --accent-box--background-color-neutral: var(--neutral--color--300);
912
+ --accent-box--corner-radius: var(--corner-radius--m);
913
+ --accordion--corner-radius: var(--corner-radius--m);
914
+ --accordion--border-width: var(--border-width--100);
915
+ --layout-card--background-color: var(--neutral--color--100);
916
+ --layout-card--corner-radius: var(--corner-radius--l);
917
+ --layout-card--border-width: var(--border-width--100);
918
+ --layout-card--border-color: var(--neutral--color--300);
919
+ --list-item--corner-radius: var(--corner-radius--m);
920
+ --list-item--border-width: var(--border-width--100);
921
+ --list-item--background-color--default: var(--neutral-outline-background-color--default);
922
+ --list-item--checkbox-color: var(--light-static--color--800);
923
+ --list-item--checkbox-background-color: var(--dark-static--color--400);
924
+ --list-item--checkbox-corner-radius: var(--corner-radius--s);
925
+ --separator--color: var(--neutral--color--500);
926
+ --separator--height: var(--border-width--100);
927
+ --table--corner-radius: var(--corner-radius--m);
928
+ --table--border-width: var(--border-width--100);
929
+ --table--header-border-width: var(--border-width--200);
930
+ --table--footer-border-width: var(--border-width--200);
931
+ --table--background-color: var(--neutral--color--100);
932
+ --table--background-color-accent: var(--neutral--color--200);
933
+ --file-card--corner-radius: var(--corner-radius--m);
934
+ --file-card--border-width: var(--border-width--100);
935
+ --file-card--background-color--default: var(--neutral--color--100);
936
+ --file-card--background-color--error: var(--danger--color--100);
937
+ --file-drop-zone--corner-radius: var(--corner-radius--m);
938
+ --file-drop-zone--border-width: var(--border-width--100);
939
+ --file-drop-zone--border-color--target: var(--primary--color--800);
940
+ --image-cropper--border-width: var(--border-width--100);
941
+ --image-cropper--corner-radius: var(--corner-radius--m);
942
+ --image-cropper--grid-color: var(--light-static--color--400);
943
+ --image-cropper--mask-border-color: var(--light-static--color--800);
944
+ --image-cropper--mask-color: var(--dark-static--color--600);
945
+ --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
946
+ --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
947
+ --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
948
+ --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
949
+ --button--accent-solid-content-color--default: var(--success-solid-content-color);
950
+ --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
951
+ --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
952
+ --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
953
+ --button--accent-plain-content-color--default: var(--success-plain-content-color);
954
+ --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
955
+ --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
956
+ --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
957
+ --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
958
+ --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
959
+ --button--accent-soft-content-color--default: var(--success-soft-content-color);
960
+ --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
961
+ --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
962
+ --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
963
+ --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
964
+ --button--accent-outline-content-color--default: var(--success-outline-content-color);
965
+ --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
966
+ --button--accent-outline-border-color--default: var(--success-outline-border-color);
967
+ --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
968
+ --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
969
+ --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
970
+ --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
971
+ --button--primary-solid-background-color--disabled: var(--disabled-solid-background-color);
972
+ --button--primary-solid-content-color--default: var(--primary-solid-content-color);
973
+ --button--primary-solid-content-color--disabled: var(--disabled-solid-content-color);
974
+ --button--primary-plain-background-color--hover: var(--primary-plain-background-color--hover);
975
+ --button--primary-plain-background-color--pressed: var(--primary-plain-background-color--pressed);
976
+ --button--primary-plain-content-color--default: var(--primary-plain-content-color);
977
+ --button--primary-plain-content-color--disabled: var(--disabled-plain-content-color);
978
+ --button--primary-soft-background-color--default: var(--primary-soft-background-color--default);
979
+ --button--primary-soft-background-color--hover: var(--primary-soft-background-color--hover);
980
+ --button--primary-soft-background-color--pressed: var(--primary-soft-background-color--pressed);
981
+ --button--primary-soft-background-color--disabled: var(--disabled-soft-background-color);
982
+ --button--primary-soft-content-color--default: var(--primary-soft-content-color);
983
+ --button--primary-soft-content-color--disabled: var(--disabled-soft-content-color);
984
+ --button--primary-outline-background-color--hover: var(--primary-outline-background-color--hover);
985
+ --button--primary-outline-background-color--pressed: var(--primary-outline-background-color--pressed);
986
+ --button--primary-outline-background-color--disabled: var(--disabled-outline-background-color);
987
+ --button--primary-outline-content-color--default: var(--primary-outline-content-color);
988
+ --button--primary-outline-content-color--disabled: var(--disabled-outline-content-color);
989
+ --button--primary-outline-border-color--default: var(--primary-outline-border-color);
990
+ --button--primary-outline-border-color--disabled: var(--disabled-outline-border-color);
991
+ --button--secondary-solid-background-color--default: var(--neutral-solid-background-color--default);
992
+ --button--secondary-solid-background-color--hover: var(--neutral-solid-background-color--hover);
993
+ --button--secondary-solid-background-color--pressed: var(--neutral-solid-background-color--pressed);
994
+ --button--secondary-solid-background-color--disabled: var(--disabled-solid-background-color);
995
+ --button--secondary-solid-content-color--default: var(--neutral-solid-content-color);
996
+ --button--secondary-solid-content-color--disabled: var(--disabled-solid-content-color);
997
+ --button--secondary-plain-background-color--hover: var(--neutral-plain-background-color--hover);
998
+ --button--secondary-plain-background-color--pressed: var(--neutral-plain-background-color--pressed);
999
+ --button--secondary-plain-content-color--default: var(--neutral-plain-content-color);
1000
+ --button--secondary-plain-content-color--disabled: var(--disabled-plain-content-color);
1001
+ --button--secondary-soft-background-color--default: var(--neutral-soft-background-color--default);
1002
+ --button--secondary-soft-background-color--hover: var(--neutral-soft-background-color--hover);
1003
+ --button--secondary-soft-background-color--pressed: var(--neutral-soft-background-color--pressed);
1004
+ --button--secondary-soft-background-color--disabled: var(--disabled-soft-background-color);
1005
+ --button--secondary-soft-content-color--default: var(--neutral-soft-content-color);
1006
+ --button--secondary-soft-content-color--disabled: var(--disabled-soft-content-color);
1007
+ --button--secondary-outline-background-color--hover: var(--neutral-outline-background-color--hover);
1008
+ --button--secondary-outline-background-color--pressed: var(--neutral-outline-background-color--pressed);
1009
+ --button--secondary-outline-background-color--disabled: var(--disabled-outline-background-color);
1010
+ --button--secondary-outline-content-color--default: var(--neutral-outline-content-color);
1011
+ --button--secondary-outline-content-color--disabled: var(--disabled-outline-content-color);
1012
+ --button--secondary-outline-border-color--default: var(--neutral-outline-border-color);
1013
+ --button--secondary-outline-border-color--disabled: var(--disabled-outline-border-color);
1014
+ --button--danger-solid-background-color--default: var(--danger-solid-background-color--default);
1015
+ --button--danger-solid-background-color--hover: var(--danger-solid-background-color--hover);
1016
+ --button--danger-solid-background-color--pressed: var(--danger-solid-background-color--pressed);
1017
+ --button--danger-solid-background-color--disabled: var(--disabled-solid-background-color);
1018
+ --button--danger-solid-content-color--default: var(--danger-solid-content-color);
1019
+ --button--danger-solid-content-color--disabled: var(--disabled-solid-content-color);
1020
+ --button--danger-plain-background-color--hover: var(--danger-plain-background-color--hover);
1021
+ --button--danger-plain-background-color--pressed: var(--danger-plain-background-color--pressed);
1022
+ --button--danger-plain-content-color--default: var(--danger-plain-content-color);
1023
+ --button--danger-plain-content-color--disabled: var(--disabled-plain-content-color);
1024
+ --button--danger-soft-background-color--default: var(--danger-soft-background-color--default);
1025
+ --button--danger-soft-background-color--hover: var(--danger-soft-background-color--hover);
1026
+ --button--danger-soft-background-color--pressed: var(--danger-soft-background-color--pressed);
1027
+ --button--danger-soft-background-color--disabled: var(--disabled-soft-background-color);
1028
+ --button--danger-soft-content-color--default: var(--danger-soft-content-color);
1029
+ --button--danger-soft-content-color--disabled: var(--disabled-soft-content-color);
1030
+ --button--danger-outline-background-color--hover: var(--danger-outline-background-color--hover);
1031
+ --button--danger-outline-background-color--pressed: var(--danger-outline-background-color--pressed);
1032
+ --button--danger-outline-background-color--disabled: var(--disabled-outline-background-color);
1033
+ --button--danger-outline-content-color--default: var(--danger-outline-content-color);
1034
+ --button--danger-outline-content-color--disabled: var(--disabled-outline-content-color);
1035
+ --button--danger-outline-border-color--default: var(--danger-outline-border-color);
1036
+ --button--danger-outline-border-color--disabled: var(--disabled-outline-border-color);
1037
+ --button--dark-solid-background-color--default: var(--dark-solid-background-color--default);
1038
+ --button--dark-solid-background-color--hover: var(--dark-solid-background-color--hover);
1039
+ --button--dark-solid-background-color--pressed: var(--dark-solid-background-color--pressed);
1040
+ --button--dark-solid-background-color--disabled: var(--disabled-solid-dark-background-color);
1041
+ --button--dark-solid-content-color--default: var(--dark-solid-content-color);
1042
+ --button--dark-solid-content-color--disabled: var(--disabled-solid-dark-content-color);
1043
+ --button--dark-plain-background-color--hover: var(--dark-plain-background-color--hover);
1044
+ --button--dark-plain-background-color--pressed: var(--dark-plain-background-color--pressed);
1045
+ --button--dark-plain-content-color--default: var(--dark-plain-content-color);
1046
+ --button--dark-plain-content-color--disabled: var(--disabled-plain-dark-content-color);
1047
+ --button--dark-soft-background-color--default: var(--dark-soft-background-color--default);
1048
+ --button--dark-soft-background-color--hover: var(--dark-soft-background-color--hover);
1049
+ --button--dark-soft-background-color--pressed: var(--dark-soft-background-color--pressed);
1050
+ --button--dark-soft-background-color--disabled: var(--disabled-soft-dark-background-color);
1051
+ --button--dark-soft-content-color--default: var(--dark-soft-content-color);
1052
+ --button--dark-soft-content-color--disabled: var(--disabled-soft-dark-content-color);
1053
+ --button--dark-outline-background-color--hover: var(--dark-outline-background-color--hover);
1054
+ --button--dark-outline-background-color--pressed: var(--dark-outline-background-color--pressed);
1055
+ --button--dark-outline-content-color--default: var(--dark-outline-content-color);
1056
+ --button--dark-outline-content-color--disabled: var(--disabled-outline-dark-content-color);
1057
+ --button--dark-outline-border-color--default: var(--dark-outline-border-color);
1058
+ --button--dark-outline-border-color--disabled: var(--disabled-outline-dark-border-color);
1059
+ --button--light-solid-background-color--default: var(--light-solid-background-color--default);
1060
+ --button--light-solid-background-color--hover: var(--light-solid-background-color--hover);
1061
+ --button--light-solid-background-color--pressed: var(--light-solid-background-color--pressed);
1062
+ --button--light-solid-background-color--disabled: var(--disabled-solid-light-background-color);
1063
+ --button--light-solid-content-color--default: var(--light-solid-content-color);
1064
+ --button--light-solid-content-color--disabled: var(--disabled-solid-light-content-color);
1065
+ --button--light-plain-background-color--hover: var(--light-plain-background-color--hover);
1066
+ --button--light-plain-background-color--pressed: var(--light-plain-background-color--pressed);
1067
+ --button--light-plain-content-color--default: var(--light-plain-content-color);
1068
+ --button--light-plain-content-color--disabled: var(--disabled-plain-light-content-color);
1069
+ --button--light-soft-background-color--default: var(--light-soft-background-color--default);
1070
+ --button--light-soft-background-color--hover: var(--light-soft-background-color--hover);
1071
+ --button--light-soft-background-color--pressed: var(--light-soft-background-color--pressed);
1072
+ --button--light-soft-background-color--disabled: var(--disabled-soft-light-background-color);
1073
+ --button--light-soft-content-color--default: var(--light-soft-content-color);
1074
+ --button--light-soft-content-color--disabled: var(--disabled-soft-light-content-color);
1075
+ --button--light-outline-background-color--hover: var(--light-outline-background-color--hover);
1076
+ --button--light-outline-background-color--pressed: var(--light-outline-background-color--pressed);
1077
+ --button--light-outline-content-color--default: var(--light-outline-content-color);
1078
+ --button--light-outline-content-color--disabled: var(--disabled-outline-light-content-color);
1079
+ --button--light-outline-border-color--default: var(--light-outline-border-color);
1080
+ --button--light-outline-border-color--disabled: var(--disabled-outline-light-border-color);
1081
+ --button--dark-static-solid-background-color--default: var(--dark-static-solid-background-color--default);
1082
+ --button--dark-static-solid-background-color--hover: var(--dark-static-solid-background-color--hover);
1083
+ --button--dark-static-solid-background-color--pressed: var(--dark-static-solid-background-color--pressed);
1084
+ --button--dark-static-solid-background-color--disabled: var(--disabled-solid-dark-static-background-color);
1085
+ --button--dark-static-solid-content-color--default: var(--dark-static-solid-content-color);
1086
+ --button--dark-static-solid-content-color--disabled: var(--disabled-solid-dark-static-content-color);
1087
+ --button--dark-static-plain-background-color--hover: var(--dark-static-plain-background-color--hover);
1088
+ --button--dark-static-plain-background-color--pressed: var(--dark-static-plain-background-color--pressed);
1089
+ --button--dark-static-plain-content-color--default: var(--dark-static-plain-content-color);
1090
+ --button--dark-static-plain-content-color--disabled: var(--disabled-plain-dark-static-content-color);
1091
+ --button--dark-static-soft-background-color--default: var(--dark-static-soft-background-color--default);
1092
+ --button--dark-static-soft-background-color--hover: var(--dark-static-soft-background-color--hover);
1093
+ --button--dark-static-soft-background-color--pressed: var(--dark-static-soft-background-color--pressed);
1094
+ --button--dark-static-soft-background-color--disabled: var(--disabled-soft-dark-static-background-color);
1095
+ --button--dark-static-soft-content-color--default: var(--dark-static-soft-content-color);
1096
+ --button--dark-static-soft-content-color--disabled: var(--disabled-soft-dark-static-content-color);
1097
+ --button--dark-static-outline-background-color--hover: var(--dark-static-outline-background-color--hover);
1098
+ --button--dark-static-outline-background-color--pressed: var(--dark-static-outline-background-color--pressed);
1099
+ --button--dark-static-outline-content-color--default: var(--dark-static-outline-content-color);
1100
+ --button--dark-static-outline-content-color--disabled: var(--disabled-outline-dark-static-content-color);
1101
+ --button--dark-static-outline-border-color--default: var(--dark-static-outline-border-color);
1102
+ --button--dark-static-outline-border-color--disabled: var(--disabled-outline-dark-static-border-color);
1103
+ --button--light-static-solid-background-color--default: var(--light-static-solid-background-color--default);
1104
+ --button--light-static-solid-background-color--hover: var(--light-static-solid-background-color--hover);
1105
+ --button--light-static-solid-background-color--pressed: var(--light-static-solid-background-color--pressed);
1106
+ --button--light-static-solid-background-color--disabled: var(--disabled-solid-light-static-background-color);
1107
+ --button--light-static-solid-content-color--default: var(--light-static-solid-content-color);
1108
+ --button--light-static-solid-content-color--disabled: var(--disabled-solid-light-static-content-color);
1109
+ --button--light-static-plain-background-color--hover: var(--light-static-plain-background-color--hover);
1110
+ --button--light-static-plain-background-color--pressed: var(--light-static-plain-background-color--pressed);
1111
+ --button--light-static-plain-content-color--default: var(--light-static-plain-content-color);
1112
+ --button--light-static-plain-content-color--disabled: var(--disabled-plain-light-static-content-color);
1113
+ --button--light-static-soft-background-color--default: var(--light-static-soft-background-color--default);
1114
+ --button--light-static-soft-background-color--hover: var(--light-static-soft-background-color--hover);
1115
+ --button--light-static-soft-background-color--pressed: var(--light-static-soft-background-color--pressed);
1116
+ --button--light-static-soft-background-color--disabled: var(--disabled-soft-light-static-background-color);
1117
+ --button--light-static-soft-content-color--default: var(--light-static-soft-content-color);
1118
+ --button--light-static-soft-content-color--disabled: var(--disabled-soft-light-static-content-color);
1119
+ --button--light-static-outline-background-color--hover: var(--light-static-outline-background-color--hover);
1120
+ --button--light-static-outline-background-color--pressed: var(--light-static-outline-background-color--pressed);
1121
+ --button--light-static-outline-content-color--default: var(--light-static-outline-content-color);
1122
+ --button--light-static-outline-content-color--disabled: var(--disabled-outline-light-static-content-color);
1123
+ --button--light-static-outline-border-color--default: var(--light-static-outline-border-color);
1124
+ --button--light-static-outline-border-color--disabled: var(--disabled-outline-light-static-border-color);
1125
+ --image-button--hover-icon-color: var(--light-static-plain-content-color);
1126
+ --menu-item--icon-color--default: var(--icon--color);
1127
+ --menu-item--icon-color--disabled: var(--disabled-plain-content-color);
1128
+ --menu-item--icon-color--current: var(--text--color--default);
1129
+ --menu-item--background-color--hover: var(--neutral-plain-background-color--hover);
1130
+ --menu-item--background-color--current: var(--neutral-plain-background-color--pressed);
1131
+ --menu-item--disabled-color: var(--disabled-plain-content-color);
1132
+ --code-block--border-color: var(--separator--color);
1133
+ --code-block--background-color: var(--form-control--background-color--default);
1134
+ --code-block--content-color: var(--neutral-soft-content-color);
1135
+ --heading--color-dark: var(--dark-plain-content-color);
1136
+ --heading--color-light: var(--light-plain-content-color);
1137
+ --heading--color-dark-static: var(--dark-static-plain-content-color);
1138
+ --heading--color-light-static: var(--light-static-plain-content-color);
1139
+ --illustrated-message--content-color: var(--heading--color);
1140
+ --illustrated-message--dark-content-color: var(--dark-plain-content-color);
1141
+ --illustrated-message--light-content-color: var(--light-plain-content-color);
1142
+ --illustrated-message--dark-static-content-color: var(--dark-static-plain-content-color);
1143
+ --illustrated-message--light-static-content-color: var(--light-static-plain-content-color);
1144
+ --image--border-color: var(--neutral-outline-border-color);
1145
+ --inline-code--background-color: var(--neutral-soft-background-color--default);
1146
+ --inline-code--content-color: var(--neutral-soft-content-color);
1147
+ --inline-code--dark-background-color: var(--dark-soft-background-color--default);
1148
+ --inline-code--dark-content-color: var(--dark-soft-content-color);
1149
+ --inline-code--light-background-color: var(--light-soft-background-color--default);
1150
+ --inline-code--light-content-color: var(--light-soft-content-color);
1151
+ --inline-code--dark-static-background-color: var(--dark-static-soft-background-color--default);
1152
+ --inline-code--dark-static-content-color: var(--dark-static-soft-content-color);
1153
+ --inline-code--light-static-background-color: var(--light-static-soft-background-color--default);
1154
+ --inline-code--light-static-content-color: var(--light-static-soft-content-color);
1155
+ --kbd--background-color--default: var(--neutral-soft-background-color--default);
1156
+ --kbd--background-color--disabled: var(--disabled-soft-background-color);
1157
+ --kbd--content-color--default: var(--neutral-soft-content-color);
1158
+ --kbd--content-color--disabled: var(--disabled-soft-content-color);
1159
+ --kbd--content-color-plain--default: var(--form-control--placeholder-color--default);
1160
+ --kbd--content-color-plain--disabled: var(--form-control--placeholder-color--disabled);
1161
+ --kbd--inner-shadow-color--disabled: var(--disabled-soft-dark-background-color);
1162
+ --label--color--disabled: var(--disabled-plain-content-color);
1163
+ --text--color--light: var(--light-plain-content-color);
1164
+ --text--color--dark: var(--dark-plain-content-color);
1165
+ --text--color--light-static: var(--light-static-plain-content-color);
1166
+ --text--color--dark-static: var(--dark-static-plain-content-color);
1167
+ --text--color--disabled: var(--disabled-plain-content-color);
1168
+ --text--blockquote-border-color: var(--info-outline-border-color);
1169
+ --donut-chart--border-color: var(--neutral-outline-border-color);
1170
+ --donut-chart--info-fill-background-color: var(--info-solid-background-color--default);
1171
+ --donut-chart--success-fill-background-color: var(--success-solid-background-color--default);
1172
+ --donut-chart--warning-fill-background-color: var(--warning-solid-background-color--default);
1173
+ --donut-chart--danger-fill-background-color: var(--danger-solid-background-color--default);
1174
+ --choice--icon-color--default: var(--icon--color);
1175
+ --choice--icon-color--disabled: var(--disabled-outline-content-color);
1176
+ --date-picker--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
1177
+ --calendar--cell-background-color--hover: var(--dark-plain-background-color--hover);
1178
+ --calendar--cell-background-color--pressed: var(--dark-plain-background-color--pressed);
1179
+ --calendar--cell-background-color--selected: var(--primary-solid-background-color--default);
1180
+ --calendar--cell-content-color--disabled: var(--disabled-plain-content-color);
1181
+ --calendar--cell-content-color--selected: var(--primary-solid-content-color);
1182
+ --form-control--border-color--default: var(--neutral-outline-border-color);
1183
+ --form-control--border-color--disabled: var(--disabled-outline-border-color);
1184
+ --form-control--border-color--invalid: var(--danger-outline-border-color);
1185
+ --form-control--border-color--focused: var(--focus--outline-color);
1186
+ --form-control--border-color--selected: var(--neutral-outline-border-color);
1187
+ --form-control--background-color--disabled: var(--disabled-outline-background-color);
1188
+ --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
1189
+ --form-control--background-color--selected: var(--neutral-outline-background-color--pressed);
1190
+ --form-control--content-color--default: var(--neutral-outline-content-color);
1191
+ --form-control--content-color--disabled: var(--disabled-outline-content-color);
1192
+ --form-control--content-color--selected: var(--neutral-outline-content-color);
1193
+ --slider--track-color--default: var(--form-control--background-color--default);
1194
+ --switch--track-background-color--default: var(--neutral-solid-background-color--default);
1195
+ --switch--track-background-color--disabled: var(--disabled-solid-background-color);
1196
+ --switch--track-background-color--selected: var(--primary-solid-background-color--default);
1197
+ --switch--handle-content-color--default: var(--neutral-plain-content-color);
1198
+ --switch--handle-content-color--disabled: var(--disabled-plain-content-color);
1199
+ --time-field--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
1200
+ --breadcrumb--color--default: var(--text--color--default);
1201
+ --breadcrumb--color-dark--default: var(--link--color-dark--default);
1202
+ --breadcrumb--color-dark--hover: var(--link--color-dark--hover);
1203
+ --breadcrumb--color-dark--pressed: var(--link--color-dark--pressed);
1204
+ --breadcrumb--color-light--default: var(--link--color-light--default);
1205
+ --breadcrumb--color-light--hover: var(--link--color-light--hover);
1206
+ --breadcrumb--color-light--pressed: var(--link--color-light--pressed);
1207
+ --breadcrumb--color-dark-static--default: var(--link--color-dark-static--default);
1208
+ --breadcrumb--color-dark-static--hover: var(--link--color-dark-static--hover);
1209
+ --breadcrumb--color-dark-static--pressed: var(--link--color-dark-static--pressed);
1210
+ --breadcrumb--color-light-static--default: var(--link--color-light-static--default);
1211
+ --breadcrumb--color-light-static--hover: var(--link--color-light-static--hover);
1212
+ --breadcrumb--color-light-static--pressed: var(--link--color-light-static--pressed);
1213
+ --header-navigation--background-color--hover: var(--neutral-plain-background-color--hover);
1214
+ --header-navigation--background-color--pressed: var(--neutral-plain-background-color--pressed);
1215
+ --header-navigation--color-dark: var(--dark-plain-content-color);
1216
+ --header-navigation--background-color-dark--hover: var(--dark-plain-background-color--hover);
1217
+ --header-navigation--background-color-dark--pressed: var(--dark-plain-background-color--pressed);
1218
+ --header-navigation--color-light: var(--light-plain-content-color);
1219
+ --header-navigation--background-color-light--hover: var(--light-plain-background-color--hover);
1220
+ --header-navigation--background-color-light--pressed: var(--light-plain-background-color--pressed);
1221
+ --header-navigation--color-dark-static: var(--dark-static-plain-content-color);
1222
+ --header-navigation--background-color-dark-static--hover: var(--dark-static-plain-background-color--hover);
1223
+ --header-navigation--background-color-dark-static--pressed: var(--dark-static-plain-background-color--pressed);
1224
+ --header-navigation--color-light-static: var(--light-static-plain-content-color);
1225
+ --header-navigation--background-color-light-static--hover: var(--light-static-plain-background-color--hover);
1226
+ --header-navigation--background-color-light-static--pressed: var(--light-static-plain-background-color--pressed);
1227
+ --link--color--disabled: var(--disabled-plain-content-color);
1228
+ --link--color-dark--disabled: var(--disabled-plain-dark-content-color);
1229
+ --link--color-light--disabled: var(--disabled-plain-light-content-color);
1230
+ --link--color-dark-static--disabled: var(--disabled-plain-dark-static-content-color);
1231
+ --link--color-light-static--disabled: var(--disabled-plain-light-static-content-color);
1232
+ --tabs--background-color--default: var(--neutral-soft-background-color--default);
1233
+ --tabs--background-color--hover: var(--neutral-soft-background-color--hover);
1234
+ --tabs--background-color--pressed: var(--neutral-soft-background-color--pressed);
1235
+ --tabs--color: var(--neutral-soft-content-color);
1236
+ --tabs--disabled-color: var(--disabled-soft-content-color);
1237
+ --popover--box-shadow: var(--shadow--overlay);
1238
+ --tooltip--box-shadow: var(--shadow--overlay);
1239
+ --alert-badge--info-background-color: var(--info-soft-background-color--default);
1240
+ --alert-badge--info-content-color: var(--info-soft-content-color);
1241
+ --alert-badge--info-border-color: var(--info-outline-border-color);
1242
+ --alert-badge--success-background-color: var(--success-soft-background-color--default);
1243
+ --alert-badge--success-content-color: var(--success-soft-content-color);
1244
+ --alert-badge--success-border-color: var(--success-outline-border-color);
1245
+ --alert-badge--warning-background-color: var(--warning-soft-background-color--default);
1246
+ --alert-badge--warning-content-color: var(--warning-soft-content-color);
1247
+ --alert-badge--warning-border-color: var(--warning-outline-border-color);
1248
+ --alert-badge--danger-background-color: var(--danger-soft-background-color--default);
1249
+ --alert-badge--danger-content-color: var(--danger-soft-content-color);
1250
+ --alert-badge--danger-border-color: var(--danger-outline-border-color);
1251
+ --alert-badge--unavailable-background-color: var(--unavailable-soft-background-color--default);
1252
+ --alert-badge--unavailable-content-color: var(--unavailable-soft-content-color);
1253
+ --alert-badge--unavailable-border-color: var(--unavailable-outline-border-color);
1254
+ --alert--info-border-color: var(--info-outline-border-color);
1255
+ --alert--info-heading-color: var(--info-outline-content-color);
1256
+ --alert--warning-border-color: var(--warning-outline-border-color);
1257
+ --alert--warning-heading-color: var(--warning-outline-content-color);
1258
+ --alert--danger-border-color: var(--danger-outline-border-color);
1259
+ --alert--danger-heading-color: var(--danger-outline-content-color);
1260
+ --alert--success-border-color: var(--success-outline-border-color);
1261
+ --alert--success-heading-color: var(--success-outline-content-color);
1262
+ --alert--unavailable-border-color: var(--unavailable-outline-border-color);
1263
+ --alert--unavailable-heading-color: var(--unavailable-outline-content-color);
1264
+ --badge--disabled-border-color: var(--disabled-outline-border-color);
1265
+ --badge--disabled-background-color: var(--disabled-outline-background-color);
1266
+ --badge--disabled-content-color: var(--disabled-outline-content-color);
1267
+ --badge--disabled-scope-background-color: var(--disabled-solid-background-color);
1268
+ --badge--disabled-scope-content-color: var(--disabled-solid-content-color);
1269
+ --badge--disabled-dark-border-color: var(--disabled-outline-dark-border-color);
1270
+ --badge--disabled-dark-background-color: var(--disabled-soft-dark-background-color);
1271
+ --badge--disabled-dark-content-color: var(--disabled-soft-dark-content-color);
1272
+ --badge--disabled-dark-scope-background-color: var(--disabled-solid-dark-background-color);
1273
+ --badge--disabled-dark-scope-content-color: var(--disabled-solid-dark-content-color);
1274
+ --badge--disabled-light-border-color: var(--disabled-outline-light-border-color);
1275
+ --badge--disabled-light-background-color: var(--disabled-soft-light-background-color);
1276
+ --badge--disabled-light-content-color: var(--disabled-soft-light-content-color);
1277
+ --badge--disabled-light-scope-background-color: var(--disabled-solid-light-background-color);
1278
+ --badge--disabled-light-scope-content-color: var(--disabled-solid-light-content-color);
1279
+ --badge--disabled-dark-static-border-color: var(--disabled-outline-dark-static-border-color);
1280
+ --badge--disabled-dark-static-background-color: var(--disabled-soft-dark-static-background-color);
1281
+ --badge--disabled-dark-static-content-color: var(--disabled-soft-dark-static-content-color);
1282
+ --badge--disabled-dark-static-scope-background-color: var(--disabled-solid-dark-static-background-color);
1283
+ --badge--disabled-dark-static-scope-content-color: var(--disabled-solid-dark-static-content-color);
1284
+ --badge--disabled-light-static-border-color: var(--disabled-outline-light-static-border-color);
1285
+ --badge--disabled-light-static-background-color: var(--disabled-soft-light-static-background-color);
1286
+ --badge--disabled-light-static-content-color: var(--disabled-soft-light-static-content-color);
1287
+ --badge--disabled-light-static-scope-background-color: var(--disabled-solid-light-static-background-color);
1288
+ --badge--disabled-light-static-scope-content-color: var(--disabled-solid-light-static-content-color);
1289
+ --counter-badge--background-color: var(--primary-solid-background-color--default);
1290
+ --counter-badge--content-color: var(--primary-solid-content-color);
1291
+ --loading-spinner--color: var(--icon--color);
1292
+ --loading-spinner--color-light: var(--light-plain-content-color);
1293
+ --loading-spinner--color-dark: var(--dark-plain-content-color);
1294
+ --loading-spinner--color-light-static: var(--light-static-plain-content-color);
1295
+ --loading-spinner--color-dark-static: var(--dark-static-plain-content-color);
1296
+ --notification--box-shadow: var(--shadow--overlay);
1297
+ --notification--info-border-color: var(--info-outline-border-color);
1298
+ --notification--info-heading-color: var(--info-outline-content-color);
1299
+ --notification--info-background-color--hover: var(--info-outline-background-color--hover);
1300
+ --notification--info-background-color--pressed: var(--info-outline-background-color--pressed);
1301
+ --notification--warning-border-color: var(--warning-outline-border-color);
1302
+ --notification--warning-heading-color: var(--warning-outline-content-color);
1303
+ --notification--warning-background-color--hover: var(--warning-outline-background-color--hover);
1304
+ --notification--warning-background-color--pressed: var(--warning-outline-background-color--pressed);
1305
+ --notification--danger-border-color: var(--danger-outline-border-color);
1306
+ --notification--danger-heading-color: var(--danger-outline-content-color);
1307
+ --notification--danger-background-color--hover: var(--danger-outline-background-color--hover);
1308
+ --notification--danger-background-color--pressed: var(--danger-outline-background-color--pressed);
1309
+ --notification--success-border-color: var(--success-outline-border-color);
1310
+ --notification--success-heading-color: var(--success-outline-content-color);
1311
+ --notification--success-background-color--hover: var(--success-outline-background-color--hover);
1312
+ --notification--success-background-color--pressed: var(--success-outline-background-color--pressed);
1313
+ --notification--unavailable-border-color: var(--unavailable-outline-border-color);
1314
+ --notification--unavailable-heading-color: var(--unavailable-outline-content-color);
1315
+ --notification--unavailable-background-color--hover: var(--unavailable-outline-background-color--hover);
1316
+ --notification--unavailable-background-color--pressed: var(--unavailable-outline-background-color--pressed);
1317
+ --progress-bar--border-color: var(--neutral-outline-border-color);
1318
+ --progress-bar--info-fill-background-color: var(--info-solid-background-color--default);
1319
+ --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);
1320
+ --progress-bar--warning-fill-background-color: var(--warning-solid-background-color--default);
1321
+ --progress-bar--danger-fill-background-color: var(--danger-solid-background-color--default);
1322
+ --progress-bar--indeterminate-fill-background-color: var(--neutral-solid-background-color--default);
1323
+ --accordion--border-color: var(--neutral-outline-border-color);
1324
+ --accordion--background-color--hover: var(--neutral-outline-background-color--hover);
1325
+ --accordion--background-color--pressed: var(--neutral-outline-background-color--pressed);
1326
+ --layout-card--box-shadow: var(--shadow--content);
1327
+ --list-item--background-color--hover: var(--neutral-outline-background-color--hover);
1328
+ --list-item--background-color--pressed: var(--neutral-outline-background-color--pressed);
1329
+ --list-item--border-color: var(--neutral-outline-border-color);
1330
+ --table--border-color: var(--neutral-outline-border-color);
1331
+ --file-card--border-color--default: var(--neutral-outline-border-color);
1332
+ --file-card--border-color--error: var(--danger-outline-border-color);
1333
+ --file-card--background-color--hover: var(--neutral-outline-background-color--hover);
1334
+ --file-card--background-color--pressed: var(--neutral-outline-background-color--pressed);
1335
+ --file-drop-zone--content-color--disabled: var(--disabled-outline-content-color);
1336
+ --file-drop-zone--background-color--default: var(--form-control--background-color--default);
1337
+ --file-drop-zone--background-color--disabled: var(--disabled-outline-background-color);
1338
+ --file-drop-zone--border-color--disabled: var(--disabled-outline-border-color);
1339
+ --image-cropper--border-color: var(--neutral-outline-border-color);
1340
+ --calendar--range-border-color: var(--form-control--border-color--default);
1341
+ --slider--track-color--disabled: var(--form-control--background-color--disabled);
1342
+ --slider--track-border-color--default: var(--form-control--border-color--default);
1343
+ --slider--track-border-color--disabled: var(--form-control--border-color--disabled);
1344
+ --tooltip--color: var(--text--color--light);
1345
+ --badge--neutral-scope-content-color: var(--text--color--light);
1346
+ --badge--blue-scope-content-color: var(--text--color--light);
1347
+ --badge--navy-scope-content-color: var(--text--color--light);
1348
+ --badge--violet-scope-content-color: var(--text--color--light);
1349
+ --badge--teal-scope-content-color: var(--text--color--light);
1350
+ --badge--lilac-scope-content-color: var(--text--color--light);
1351
+ --badge--red-scope-content-color: var(--text--color--light);
1352
+ --badge--green-scope-content-color: var(--text--color--light);
1353
+ --badge--orange-scope-content-color: var(--text--color--light);
1354
+ --badge--dark-scope-content-color: var(--text--color--light);
1355
+ --badge--light-scope-content-color: var(--text--color--dark);
1356
+ --badge--dark-static-scope-content-color: var(--text--color--light-static);
1357
+ --badge--light-static-scope-content-color: var(--text--color--dark-static);
1358
+ --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
1359
+ --file-drop-zone--border-color--default: var(--form-control--border-color--default);
1360
+ }
1361
+ }