@db-ux/core-foundations 2.0.0-0-custom-select-16b8cce → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/build/ide/db.ide.css +10 -10
  2. package/build/styles/_screen-sizes.scss +62 -6
  3. package/build/styles/_variables.scss +9 -9
  4. package/build/styles/absolute.css +9015 -593
  5. package/build/styles/absolute.scss +1 -1
  6. package/build/styles/colors/_default-color-icons.scss +11 -0
  7. package/build/styles/colors/_default-color-mappings.scss +2944 -0
  8. package/build/styles/colors/_placeholder.scss +160 -153
  9. package/build/styles/colors/_variables.scss +20 -19
  10. package/build/styles/colors/classes/all.css +2205 -2115
  11. package/build/styles/colors/classes/blue.css +175 -141
  12. package/build/styles/colors/classes/brand.css +175 -141
  13. package/build/styles/colors/classes/critical.css +175 -141
  14. package/build/styles/colors/classes/cyan.css +175 -141
  15. package/build/styles/colors/classes/green.css +175 -141
  16. package/build/styles/colors/classes/informational.css +175 -141
  17. package/build/styles/colors/classes/neutral.css +175 -141
  18. package/build/styles/colors/classes/orange.css +175 -141
  19. package/build/styles/colors/classes/pink.css +175 -141
  20. package/build/styles/colors/classes/red.css +175 -141
  21. package/build/styles/colors/classes/successful.css +175 -141
  22. package/build/styles/colors/classes/turquoise.css +175 -141
  23. package/build/styles/colors/classes/violet.css +175 -141
  24. package/build/styles/colors/classes/warning.css +175 -141
  25. package/build/styles/colors/classes/yellow.css +175 -141
  26. package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss +9 -0
  27. package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss +9 -0
  28. package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss +9 -0
  29. package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss +9 -0
  30. package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss +9 -0
  31. package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss +9 -0
  32. package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss +9 -0
  33. package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss +9 -0
  34. package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss +9 -0
  35. package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss +9 -0
  36. package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss +9 -0
  37. package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss +15 -0
  38. package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss +9 -0
  39. package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss +9 -0
  40. package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss +9 -0
  41. package/build/styles/colors/speaking-colors/vibrant.js +43 -0
  42. package/build/styles/defaults/_default-properties.scss +6770 -0
  43. package/build/styles/defaults/default-code.css +93 -93
  44. package/build/styles/defaults/default-code.scss +6 -4
  45. package/build/styles/defaults/default-elevation.css +1 -1
  46. package/build/styles/defaults/default-fonts.css +7 -7
  47. package/build/styles/defaults/default-fonts.scss +15 -18
  48. package/build/styles/defaults/default-icons.css +1 -1
  49. package/build/styles/defaults/default-required.css +1 -1
  50. package/build/styles/defaults/default-required.scss +33 -13
  51. package/build/styles/defaults/default-root.css +93 -93
  52. package/build/styles/defaults/default-theme.css +93 -93
  53. package/build/styles/defaults/default-theme.scss +9 -854
  54. package/build/styles/density/_scaling-placeholder.scss +57 -38
  55. package/build/styles/density/_typography-placeholder.scss +66 -42
  56. package/build/styles/density/classes/all.css +944 -951
  57. package/build/styles/density/classes/expressive.css +396 -327
  58. package/build/styles/density/classes/functional.css +396 -327
  59. package/build/styles/density/classes/regular.css +396 -327
  60. package/build/styles/fonts/_font-sizes.scss +18 -12
  61. package/build/styles/fonts/classes/all.css +236 -90
  62. package/build/styles/fonts/classes/body/2xl.css +100 -5
  63. package/build/styles/fonts/classes/body/2xs.css +100 -5
  64. package/build/styles/fonts/classes/body/3xl.css +100 -5
  65. package/build/styles/fonts/classes/body/3xs.css +100 -5
  66. package/build/styles/fonts/classes/body/all.css +164 -45
  67. package/build/styles/fonts/classes/body/lg.css +100 -5
  68. package/build/styles/fonts/classes/body/md.css +100 -5
  69. package/build/styles/fonts/classes/body/sm.css +100 -5
  70. package/build/styles/fonts/classes/body/xl.css +100 -5
  71. package/build/styles/fonts/classes/body/xs.css +100 -5
  72. package/build/styles/fonts/classes/headline/2xl.css +100 -5
  73. package/build/styles/fonts/classes/headline/2xs.css +100 -5
  74. package/build/styles/fonts/classes/headline/3xl.css +100 -5
  75. package/build/styles/fonts/classes/headline/3xs.css +100 -5
  76. package/build/styles/fonts/classes/headline/all.css +164 -45
  77. package/build/styles/fonts/classes/headline/lg.css +100 -5
  78. package/build/styles/fonts/classes/headline/md.css +100 -5
  79. package/build/styles/fonts/classes/headline/sm.css +100 -5
  80. package/build/styles/fonts/classes/headline/xl.css +100 -5
  81. package/build/styles/fonts/classes/headline/xs.css +100 -5
  82. package/build/styles/helpers/_divider.scss +5 -5
  83. package/build/styles/helpers/_focus.scss +3 -3
  84. package/build/styles/helpers/_index.scss +1 -0
  85. package/build/styles/helpers/_layer.scss +1 -0
  86. package/build/styles/helpers/classes/all.css +49 -19
  87. package/build/styles/helpers/classes/divider.css +46 -16
  88. package/build/styles/helpers/classes/focus.css +33 -3
  89. package/build/styles/icons/absolute.css +1 -1
  90. package/build/styles/icons/relative.css +1 -1
  91. package/build/styles/icons/rollup.css +1 -1
  92. package/build/styles/icons/webpack.css +1 -1
  93. package/build/styles/index.css +3570 -517
  94. package/build/styles/relative.css +7819 -5560
  95. package/build/styles/rollup.css +9015 -593
  96. package/build/styles/rollup.scss +1 -1
  97. package/build/styles/webpack.css +9015 -593
  98. package/build/styles/webpack.scss +1 -1
  99. package/build/tailwind/tailwind-tokens.json +10 -10
  100. package/build/tailwind/theme/index.css +10 -10
  101. package/package.json +4 -4
  102. package/build/styles/colors/_default-color-scheme.scss +0 -2961
  103. package/build/styles/colors/_default-palette.scss +0 -2523
package/build/styles/colors/_default-color-mappings.scss ADDED
@@ -0,0 +1,2944 @@
1
+ @layer variables {
2
+ :root {
3
+ --db-neutral-origin-default: light-dark(
4
+ var(--db-neutral-origin-light-default),
5
+ var(--db-neutral-origin-dark-default)
6
+ );
7
+ --db-neutral-origin-hovered: light-dark(
8
+ var(--db-neutral-origin-light-hovered),
9
+ var(--db-neutral-origin-dark-hovered)
10
+ );
11
+ --db-neutral-origin-pressed: light-dark(
12
+ var(--db-neutral-origin-light-pressed),
13
+ var(--db-neutral-origin-dark-pressed)
14
+ );
15
+ --db-neutral-on-origin-default: light-dark(
16
+ var(--db-neutral-on-origin-light-default),
17
+ var(--db-neutral-on-origin-dark-default)
18
+ );
19
+ --db-neutral-on-bg-basic-emphasis-50-default: light-dark(
20
+ var(--db-neutral-9),
21
+ var(--db-neutral-5)
22
+ );
23
+ --db-neutral-on-bg-basic-emphasis-60-default: light-dark(
24
+ var(--db-neutral-10),
25
+ var(--db-neutral-6)
26
+ );
27
+ --db-neutral-on-bg-basic-emphasis-70-default: light-dark(
28
+ var(--db-neutral-7),
29
+ var(--db-neutral-8)
30
+ );
31
+ --db-neutral-on-bg-basic-emphasis-70-hovered: light-dark(
32
+ var(--db-neutral-4),
33
+ var(--db-neutral-10)
34
+ );
35
+ --db-neutral-on-bg-basic-emphasis-70-pressed: light-dark(
36
+ var(--db-neutral-6),
37
+ var(--db-neutral-9)
38
+ );
39
+ --db-neutral-on-bg-basic-emphasis-80-default: light-dark(
40
+ var(--db-neutral-6),
41
+ var(--db-neutral-9)
42
+ );
43
+ --db-neutral-on-bg-basic-emphasis-80-hovered: light-dark(
44
+ var(--db-neutral-3),
45
+ var(--db-neutral-12)
46
+ );
47
+ --db-neutral-on-bg-basic-emphasis-80-pressed: light-dark(
48
+ var(--db-neutral-5),
49
+ var(--db-neutral-10)
50
+ );
51
+ --db-neutral-on-bg-basic-emphasis-90-default: light-dark(
52
+ var(--db-neutral-4),
53
+ var(--db-neutral-10)
54
+ );
55
+ --db-neutral-on-bg-basic-emphasis-90-hovered: light-dark(
56
+ var(--db-neutral-0),
57
+ var(--db-neutral-14)
58
+ );
59
+ --db-neutral-on-bg-basic-emphasis-90-pressed: light-dark(
60
+ var(--db-neutral-3),
61
+ var(--db-neutral-11)
62
+ );
63
+ --db-neutral-on-bg-basic-emphasis-100-default: light-dark(
64
+ var(--db-neutral-1),
65
+ var(--db-neutral-12)
66
+ );
67
+ --db-neutral-on-bg-basic-emphasis-100-hovered: light-dark(
68
+ var(--db-neutral-5),
69
+ var(--db-neutral-9)
70
+ );
71
+ --db-neutral-on-bg-basic-emphasis-100-pressed: light-dark(
72
+ var(--db-neutral-2),
73
+ var(--db-neutral-11)
74
+ );
75
+ --db-neutral-on-bg-inverted-default: light-dark(
76
+ var(--db-neutral-14),
77
+ var(--db-neutral-3)
78
+ );
79
+ --db-neutral-on-bg-inverted-hovered: light-dark(
80
+ var(--db-neutral-11),
81
+ var(--db-neutral-0)
82
+ );
83
+ --db-neutral-on-bg-inverted-pressed: light-dark(
84
+ var(--db-neutral-13),
85
+ var(--db-neutral-2)
86
+ );
87
+ --db-neutral-on-bg-vibrant-default: light-dark(
88
+ var(--db-neutral-1),
89
+ var(--db-neutral-1)
90
+ );
91
+ --db-neutral-on-bg-vibrant-hovered: light-dark(
92
+ var(--db-neutral-4),
93
+ var(--db-neutral-4)
94
+ );
95
+ --db-neutral-on-bg-vibrant-pressed: light-dark(
96
+ var(--db-neutral-2),
97
+ var(--db-neutral-2)
98
+ );
99
+ --db-neutral-bg-basic-level-1-default: light-dark(
100
+ var(--db-neutral-14),
101
+ var(--db-neutral-1)
102
+ );
103
+ --db-neutral-bg-basic-level-1-hovered: light-dark(
104
+ var(--db-neutral-13),
105
+ var(--db-neutral-3)
106
+ );
107
+ --db-neutral-bg-basic-level-1-pressed: light-dark(
108
+ var(--db-neutral-12),
109
+ var(--db-neutral-4)
110
+ );
111
+ --db-neutral-bg-basic-level-2-default: light-dark(
112
+ var(--db-neutral-13),
113
+ var(--db-neutral-2)
114
+ );
115
+ --db-neutral-bg-basic-level-2-hovered: light-dark(
116
+ var(--db-neutral-12),
117
+ var(--db-neutral-4)
118
+ );
119
+ --db-neutral-bg-basic-level-2-pressed: light-dark(
120
+ var(--db-neutral-11),
121
+ var(--db-neutral-5)
122
+ );
123
+ --db-neutral-bg-basic-level-3-default: light-dark(
124
+ var(--db-neutral-12),
125
+ var(--db-neutral-3)
126
+ );
127
+ --db-neutral-bg-basic-level-3-hovered: light-dark(
128
+ var(--db-neutral-11),
129
+ var(--db-neutral-1)
130
+ );
131
+ --db-neutral-bg-basic-level-3-pressed: light-dark(
132
+ var(--db-neutral-10),
133
+ var(--db-neutral-0)
134
+ );
135
+ --db-neutral-bg-basic-transparent-full-default: light-dark(
136
+ color-mix(in srgb, transparent 100%, var(--db-neutral-6)),
137
+ color-mix(in srgb, transparent 100%, var(--db-neutral-9))
138
+ );
139
+ --db-neutral-bg-basic-transparent-semi-default: light-dark(
140
+ color-mix(in srgb, transparent 92%, var(--db-neutral-6)),
141
+ color-mix(in srgb, transparent 84%, var(--db-neutral-9))
142
+ );
143
+ --db-neutral-bg-basic-transparent-hovered: light-dark(
144
+ color-mix(in srgb, transparent 76%, var(--db-neutral-6)),
145
+ color-mix(in srgb, transparent 76%, var(--db-neutral-9))
146
+ );
147
+ --db-neutral-bg-basic-transparent-pressed: light-dark(
148
+ color-mix(in srgb, transparent 68%, var(--db-neutral-6)),
149
+ color-mix(in srgb, transparent 68%, var(--db-neutral-9))
150
+ );
151
+ --db-neutral-bg-inverted-contrast-max-default: light-dark(
152
+ var(--db-neutral-1),
153
+ var(--db-neutral-12)
154
+ );
155
+ --db-neutral-bg-inverted-contrast-max-hovered: light-dark(
156
+ var(--db-neutral-5),
157
+ var(--db-neutral-9)
158
+ );
159
+ --db-neutral-bg-inverted-contrast-max-pressed: light-dark(
160
+ var(--db-neutral-2),
161
+ var(--db-neutral-11)
162
+ );
163
+ --db-neutral-bg-inverted-contrast-high-default: light-dark(
164
+ var(--db-neutral-6),
165
+ var(--db-neutral-9)
166
+ );
167
+ --db-neutral-bg-inverted-contrast-high-hovered: light-dark(
168
+ var(--db-neutral-2),
169
+ var(--db-neutral-12)
170
+ );
171
+ --db-neutral-bg-inverted-contrast-high-pressed: light-dark(
172
+ var(--db-neutral-5),
173
+ var(--db-neutral-10)
174
+ );
175
+ --db-neutral-bg-inverted-contrast-low-default: light-dark(
176
+ var(--db-neutral-7),
177
+ var(--db-neutral-8)
178
+ );
179
+ --db-neutral-bg-inverted-contrast-low-hovered: light-dark(
180
+ var(--db-neutral-3),
181
+ var(--db-neutral-12)
182
+ );
183
+ --db-neutral-bg-inverted-contrast-low-pressed: light-dark(
184
+ var(--db-neutral-6),
185
+ var(--db-neutral-9)
186
+ );
187
+ --db-neutral-bg-vibrant-default: light-dark(
188
+ var(--db-neutral-9),
189
+ var(--db-neutral-9)
190
+ );
191
+ --db-neutral-bg-vibrant-hovered: light-dark(
192
+ var(--db-neutral-12),
193
+ var(--db-neutral-12)
194
+ );
195
+ --db-neutral-bg-vibrant-pressed: light-dark(
196
+ var(--db-neutral-10),
197
+ var(--db-neutral-10)
198
+ );
199
+ --db-brand-origin-default: light-dark(
200
+ var(--db-brand-origin-light-default),
201
+ var(--db-brand-origin-dark-default)
202
+ );
203
+ --db-brand-origin-hovered: light-dark(
204
+ var(--db-brand-origin-light-hovered),
205
+ var(--db-brand-origin-dark-hovered)
206
+ );
207
+ --db-brand-origin-pressed: light-dark(
208
+ var(--db-brand-origin-light-pressed),
209
+ var(--db-brand-origin-dark-pressed)
210
+ );
211
+ --db-brand-on-origin-default: light-dark(
212
+ var(--db-brand-on-origin-light-default),
213
+ var(--db-brand-on-origin-dark-default)
214
+ );
215
+ --db-brand-on-bg-basic-emphasis-50-default: light-dark(
216
+ var(--db-brand-9),
217
+ var(--db-brand-5)
218
+ );
219
+ --db-brand-on-bg-basic-emphasis-60-default: light-dark(
220
+ var(--db-brand-10),
221
+ var(--db-brand-6)
222
+ );
223
+ --db-brand-on-bg-basic-emphasis-70-default: light-dark(
224
+ var(--db-brand-7),
225
+ var(--db-brand-8)
226
+ );
227
+ --db-brand-on-bg-basic-emphasis-70-hovered: light-dark(
228
+ var(--db-brand-4),
229
+ var(--db-brand-10)
230
+ );
231
+ --db-brand-on-bg-basic-emphasis-70-pressed: light-dark(
232
+ var(--db-brand-6),
233
+ var(--db-brand-9)
234
+ );
235
+ --db-brand-on-bg-basic-emphasis-80-default: light-dark(
236
+ var(--db-brand-6),
237
+ var(--db-brand-9)
238
+ );
239
+ --db-brand-on-bg-basic-emphasis-80-hovered: light-dark(
240
+ var(--db-brand-3),
241
+ var(--db-brand-12)
242
+ );
243
+ --db-brand-on-bg-basic-emphasis-80-pressed: light-dark(
244
+ var(--db-brand-5),
245
+ var(--db-brand-10)
246
+ );
247
+ --db-brand-on-bg-basic-emphasis-90-default: light-dark(
248
+ var(--db-brand-4),
249
+ var(--db-brand-10)
250
+ );
251
+ --db-brand-on-bg-basic-emphasis-90-hovered: light-dark(
252
+ var(--db-brand-0),
253
+ var(--db-brand-14)
254
+ );
255
+ --db-brand-on-bg-basic-emphasis-90-pressed: light-dark(
256
+ var(--db-brand-3),
257
+ var(--db-brand-11)
258
+ );
259
+ --db-brand-on-bg-basic-emphasis-100-default: light-dark(
260
+ var(--db-brand-1),
261
+ var(--db-brand-12)
262
+ );
263
+ --db-brand-on-bg-basic-emphasis-100-hovered: light-dark(
264
+ var(--db-brand-5),
265
+ var(--db-brand-9)
266
+ );
267
+ --db-brand-on-bg-basic-emphasis-100-pressed: light-dark(
268
+ var(--db-brand-2),
269
+ var(--db-brand-11)
270
+ );
271
+ --db-brand-on-bg-inverted-default: light-dark(
272
+ var(--db-brand-14),
273
+ var(--db-brand-3)
274
+ );
275
+ --db-brand-on-bg-inverted-hovered: light-dark(
276
+ var(--db-brand-11),
277
+ var(--db-brand-0)
278
+ );
279
+ --db-brand-on-bg-inverted-pressed: light-dark(
280
+ var(--db-brand-13),
281
+ var(--db-brand-2)
282
+ );
283
+ --db-brand-on-bg-vibrant-default: light-dark(
284
+ var(--db-brand-1),
285
+ var(--db-brand-1)
286
+ );
287
+ --db-brand-on-bg-vibrant-hovered: light-dark(
288
+ var(--db-brand-4),
289
+ var(--db-brand-4)
290
+ );
291
+ --db-brand-on-bg-vibrant-pressed: light-dark(
292
+ var(--db-brand-2),
293
+ var(--db-brand-2)
294
+ );
295
+ --db-brand-bg-basic-level-1-default: light-dark(
296
+ var(--db-brand-14),
297
+ var(--db-brand-1)
298
+ );
299
+ --db-brand-bg-basic-level-1-hovered: light-dark(
300
+ var(--db-brand-13),
301
+ var(--db-brand-3)
302
+ );
303
+ --db-brand-bg-basic-level-1-pressed: light-dark(
304
+ var(--db-brand-12),
305
+ var(--db-brand-4)
306
+ );
307
+ --db-brand-bg-basic-level-2-default: light-dark(
308
+ var(--db-brand-13),
309
+ var(--db-brand-2)
310
+ );
311
+ --db-brand-bg-basic-level-2-hovered: light-dark(
312
+ var(--db-brand-12),
313
+ var(--db-brand-4)
314
+ );
315
+ --db-brand-bg-basic-level-2-pressed: light-dark(
316
+ var(--db-brand-11),
317
+ var(--db-brand-5)
318
+ );
319
+ --db-brand-bg-basic-level-3-default: light-dark(
320
+ var(--db-brand-12),
321
+ var(--db-brand-3)
322
+ );
323
+ --db-brand-bg-basic-level-3-hovered: light-dark(
324
+ var(--db-brand-11),
325
+ var(--db-brand-1)
326
+ );
327
+ --db-brand-bg-basic-level-3-pressed: light-dark(
328
+ var(--db-brand-10),
329
+ var(--db-brand-0)
330
+ );
331
+ --db-brand-bg-basic-transparent-full-default: light-dark(
332
+ color-mix(in srgb, transparent 100%, var(--db-brand-6)),
333
+ color-mix(in srgb, transparent 100%, var(--db-brand-9))
334
+ );
335
+ --db-brand-bg-basic-transparent-semi-default: light-dark(
336
+ color-mix(in srgb, transparent 92%, var(--db-brand-6)),
337
+ color-mix(in srgb, transparent 84%, var(--db-brand-9))
338
+ );
339
+ --db-brand-bg-basic-transparent-hovered: light-dark(
340
+ color-mix(in srgb, transparent 76%, var(--db-brand-6)),
341
+ color-mix(in srgb, transparent 76%, var(--db-brand-9))
342
+ );
343
+ --db-brand-bg-basic-transparent-pressed: light-dark(
344
+ color-mix(in srgb, transparent 68%, var(--db-brand-6)),
345
+ color-mix(in srgb, transparent 68%, var(--db-brand-9))
346
+ );
347
+ --db-brand-bg-inverted-contrast-max-default: light-dark(
348
+ var(--db-brand-1),
349
+ var(--db-brand-12)
350
+ );
351
+ --db-brand-bg-inverted-contrast-max-hovered: light-dark(
352
+ var(--db-brand-5),
353
+ var(--db-brand-9)
354
+ );
355
+ --db-brand-bg-inverted-contrast-max-pressed: light-dark(
356
+ var(--db-brand-2),
357
+ var(--db-brand-11)
358
+ );
359
+ --db-brand-bg-inverted-contrast-high-default: light-dark(
360
+ var(--db-brand-6),
361
+ var(--db-brand-9)
362
+ );
363
+ --db-brand-bg-inverted-contrast-high-hovered: light-dark(
364
+ var(--db-brand-2),
365
+ var(--db-brand-12)
366
+ );
367
+ --db-brand-bg-inverted-contrast-high-pressed: light-dark(
368
+ var(--db-brand-5),
369
+ var(--db-brand-10)
370
+ );
371
+ --db-brand-bg-inverted-contrast-low-default: light-dark(
372
+ var(--db-brand-7),
373
+ var(--db-brand-8)
374
+ );
375
+ --db-brand-bg-inverted-contrast-low-hovered: light-dark(
376
+ var(--db-brand-3),
377
+ var(--db-brand-12)
378
+ );
379
+ --db-brand-bg-inverted-contrast-low-pressed: light-dark(
380
+ var(--db-brand-6),
381
+ var(--db-brand-9)
382
+ );
383
+ --db-brand-bg-vibrant-default: light-dark(
384
+ var(--db-brand-9),
385
+ var(--db-brand-9)
386
+ );
387
+ --db-brand-bg-vibrant-hovered: light-dark(
388
+ var(--db-brand-12),
389
+ var(--db-brand-12)
390
+ );
391
+ --db-brand-bg-vibrant-pressed: light-dark(
392
+ var(--db-brand-10),
393
+ var(--db-brand-10)
394
+ );
395
+ --db-informational-origin-default: light-dark(
396
+ var(--db-informational-origin-light-default),
397
+ var(--db-informational-origin-dark-default)
398
+ );
399
+ --db-informational-origin-hovered: light-dark(
400
+ var(--db-informational-origin-light-hovered),
401
+ var(--db-informational-origin-dark-hovered)
402
+ );
403
+ --db-informational-origin-pressed: light-dark(
404
+ var(--db-informational-origin-light-pressed),
405
+ var(--db-informational-origin-dark-pressed)
406
+ );
407
+ --db-informational-on-origin-default: light-dark(
408
+ var(--db-informational-on-origin-light-default),
409
+ var(--db-informational-on-origin-dark-default)
410
+ );
411
+ --db-informational-on-bg-basic-emphasis-50-default: light-dark(
412
+ var(--db-informational-9),
413
+ var(--db-informational-5)
414
+ );
415
+ --db-informational-on-bg-basic-emphasis-60-default: light-dark(
416
+ var(--db-informational-10),
417
+ var(--db-informational-6)
418
+ );
419
+ --db-informational-on-bg-basic-emphasis-70-default: light-dark(
420
+ var(--db-informational-7),
421
+ var(--db-informational-8)
422
+ );
423
+ --db-informational-on-bg-basic-emphasis-70-hovered: light-dark(
424
+ var(--db-informational-4),
425
+ var(--db-informational-10)
426
+ );
427
+ --db-informational-on-bg-basic-emphasis-70-pressed: light-dark(
428
+ var(--db-informational-6),
429
+ var(--db-informational-9)
430
+ );
431
+ --db-informational-on-bg-basic-emphasis-80-default: light-dark(
432
+ var(--db-informational-6),
433
+ var(--db-informational-9)
434
+ );
435
+ --db-informational-on-bg-basic-emphasis-80-hovered: light-dark(
436
+ var(--db-informational-3),
437
+ var(--db-informational-12)
438
+ );
439
+ --db-informational-on-bg-basic-emphasis-80-pressed: light-dark(
440
+ var(--db-informational-5),
441
+ var(--db-informational-10)
442
+ );
443
+ --db-informational-on-bg-basic-emphasis-90-default: light-dark(
444
+ var(--db-informational-4),
445
+ var(--db-informational-10)
446
+ );
447
+ --db-informational-on-bg-basic-emphasis-90-hovered: light-dark(
448
+ var(--db-informational-0),
449
+ var(--db-informational-14)
450
+ );
451
+ --db-informational-on-bg-basic-emphasis-90-pressed: light-dark(
452
+ var(--db-informational-3),
453
+ var(--db-informational-11)
454
+ );
455
+ --db-informational-on-bg-basic-emphasis-100-default: light-dark(
456
+ var(--db-informational-1),
457
+ var(--db-informational-12)
458
+ );
459
+ --db-informational-on-bg-basic-emphasis-100-hovered: light-dark(
460
+ var(--db-informational-5),
461
+ var(--db-informational-9)
462
+ );
463
+ --db-informational-on-bg-basic-emphasis-100-pressed: light-dark(
464
+ var(--db-informational-2),
465
+ var(--db-informational-11)
466
+ );
467
+ --db-informational-on-bg-inverted-default: light-dark(
468
+ var(--db-informational-14),
469
+ var(--db-informational-3)
470
+ );
471
+ --db-informational-on-bg-inverted-hovered: light-dark(
472
+ var(--db-informational-11),
473
+ var(--db-informational-0)
474
+ );
475
+ --db-informational-on-bg-inverted-pressed: light-dark(
476
+ var(--db-informational-13),
477
+ var(--db-informational-2)
478
+ );
479
+ --db-informational-on-bg-vibrant-default: light-dark(
480
+ var(--db-informational-1),
481
+ var(--db-informational-1)
482
+ );
483
+ --db-informational-on-bg-vibrant-hovered: light-dark(
484
+ var(--db-informational-4),
485
+ var(--db-informational-4)
486
+ );
487
+ --db-informational-on-bg-vibrant-pressed: light-dark(
488
+ var(--db-informational-2),
489
+ var(--db-informational-2)
490
+ );
491
+ --db-informational-bg-basic-level-1-default: light-dark(
492
+ var(--db-informational-14),
493
+ var(--db-informational-1)
494
+ );
495
+ --db-informational-bg-basic-level-1-hovered: light-dark(
496
+ var(--db-informational-13),
497
+ var(--db-informational-3)
498
+ );
499
+ --db-informational-bg-basic-level-1-pressed: light-dark(
500
+ var(--db-informational-12),
501
+ var(--db-informational-4)
502
+ );
503
+ --db-informational-bg-basic-level-2-default: light-dark(
504
+ var(--db-informational-13),
505
+ var(--db-informational-2)
506
+ );
507
+ --db-informational-bg-basic-level-2-hovered: light-dark(
508
+ var(--db-informational-12),
509
+ var(--db-informational-4)
510
+ );
511
+ --db-informational-bg-basic-level-2-pressed: light-dark(
512
+ var(--db-informational-11),
513
+ var(--db-informational-5)
514
+ );
515
+ --db-informational-bg-basic-level-3-default: light-dark(
516
+ var(--db-informational-12),
517
+ var(--db-informational-3)
518
+ );
519
+ --db-informational-bg-basic-level-3-hovered: light-dark(
520
+ var(--db-informational-11),
521
+ var(--db-informational-1)
522
+ );
523
+ --db-informational-bg-basic-level-3-pressed: light-dark(
524
+ var(--db-informational-10),
525
+ var(--db-informational-0)
526
+ );
527
+ --db-informational-bg-basic-transparent-full-default: light-dark(
528
+ color-mix(in srgb, transparent 100%, var(--db-informational-6)),
529
+ color-mix(in srgb, transparent 100%, var(--db-informational-9))
530
+ );
531
+ --db-informational-bg-basic-transparent-semi-default: light-dark(
532
+ color-mix(in srgb, transparent 92%, var(--db-informational-6)),
533
+ color-mix(in srgb, transparent 84%, var(--db-informational-9))
534
+ );
535
+ --db-informational-bg-basic-transparent-hovered: light-dark(
536
+ color-mix(in srgb, transparent 76%, var(--db-informational-6)),
537
+ color-mix(in srgb, transparent 76%, var(--db-informational-9))
538
+ );
539
+ --db-informational-bg-basic-transparent-pressed: light-dark(
540
+ color-mix(in srgb, transparent 68%, var(--db-informational-6)),
541
+ color-mix(in srgb, transparent 68%, var(--db-informational-9))
542
+ );
543
+ --db-informational-bg-inverted-contrast-max-default: light-dark(
544
+ var(--db-informational-1),
545
+ var(--db-informational-12)
546
+ );
547
+ --db-informational-bg-inverted-contrast-max-hovered: light-dark(
548
+ var(--db-informational-5),
549
+ var(--db-informational-9)
550
+ );
551
+ --db-informational-bg-inverted-contrast-max-pressed: light-dark(
552
+ var(--db-informational-2),
553
+ var(--db-informational-11)
554
+ );
555
+ --db-informational-bg-inverted-contrast-high-default: light-dark(
556
+ var(--db-informational-6),
557
+ var(--db-informational-9)
558
+ );
559
+ --db-informational-bg-inverted-contrast-high-hovered: light-dark(
560
+ var(--db-informational-2),
561
+ var(--db-informational-12)
562
+ );
563
+ --db-informational-bg-inverted-contrast-high-pressed: light-dark(
564
+ var(--db-informational-5),
565
+ var(--db-informational-10)
566
+ );
567
+ --db-informational-bg-inverted-contrast-low-default: light-dark(
568
+ var(--db-informational-7),
569
+ var(--db-informational-8)
570
+ );
571
+ --db-informational-bg-inverted-contrast-low-hovered: light-dark(
572
+ var(--db-informational-3),
573
+ var(--db-informational-12)
574
+ );
575
+ --db-informational-bg-inverted-contrast-low-pressed: light-dark(
576
+ var(--db-informational-6),
577
+ var(--db-informational-9)
578
+ );
579
+ --db-informational-bg-vibrant-default: light-dark(
580
+ var(--db-informational-9),
581
+ var(--db-informational-9)
582
+ );
583
+ --db-informational-bg-vibrant-hovered: light-dark(
584
+ var(--db-informational-12),
585
+ var(--db-informational-12)
586
+ );
587
+ --db-informational-bg-vibrant-pressed: light-dark(
588
+ var(--db-informational-10),
589
+ var(--db-informational-10)
590
+ );
591
+ --db-warning-origin-default: light-dark(
592
+ var(--db-warning-origin-light-default),
593
+ var(--db-warning-origin-dark-default)
594
+ );
595
+ --db-warning-origin-hovered: light-dark(
596
+ var(--db-warning-origin-light-hovered),
597
+ var(--db-warning-origin-dark-hovered)
598
+ );
599
+ --db-warning-origin-pressed: light-dark(
600
+ var(--db-warning-origin-light-pressed),
601
+ var(--db-warning-origin-dark-pressed)
602
+ );
603
+ --db-warning-on-origin-default: light-dark(
604
+ var(--db-warning-on-origin-light-default),
605
+ var(--db-warning-on-origin-dark-default)
606
+ );
607
+ --db-warning-on-bg-basic-emphasis-50-default: light-dark(
608
+ var(--db-warning-9),
609
+ var(--db-warning-5)
610
+ );
611
+ --db-warning-on-bg-basic-emphasis-60-default: light-dark(
612
+ var(--db-warning-10),
613
+ var(--db-warning-6)
614
+ );
615
+ --db-warning-on-bg-basic-emphasis-70-default: light-dark(
616
+ var(--db-warning-7),
617
+ var(--db-warning-8)
618
+ );
619
+ --db-warning-on-bg-basic-emphasis-70-hovered: light-dark(
620
+ var(--db-warning-4),
621
+ var(--db-warning-10)
622
+ );
623
+ --db-warning-on-bg-basic-emphasis-70-pressed: light-dark(
624
+ var(--db-warning-6),
625
+ var(--db-warning-9)
626
+ );
627
+ --db-warning-on-bg-basic-emphasis-80-default: light-dark(
628
+ var(--db-warning-6),
629
+ var(--db-warning-9)
630
+ );
631
+ --db-warning-on-bg-basic-emphasis-80-hovered: light-dark(
632
+ var(--db-warning-3),
633
+ var(--db-warning-12)
634
+ );
635
+ --db-warning-on-bg-basic-emphasis-80-pressed: light-dark(
636
+ var(--db-warning-5),
637
+ var(--db-warning-10)
638
+ );
639
+ --db-warning-on-bg-basic-emphasis-90-default: light-dark(
640
+ var(--db-warning-4),
641
+ var(--db-warning-10)
642
+ );
643
+ --db-warning-on-bg-basic-emphasis-90-hovered: light-dark(
644
+ var(--db-warning-0),
645
+ var(--db-warning-14)
646
+ );
647
+ --db-warning-on-bg-basic-emphasis-90-pressed: light-dark(
648
+ var(--db-warning-3),
649
+ var(--db-warning-11)
650
+ );
651
+ --db-warning-on-bg-basic-emphasis-100-default: light-dark(
652
+ var(--db-warning-1),
653
+ var(--db-warning-12)
654
+ );
655
+ --db-warning-on-bg-basic-emphasis-100-hovered: light-dark(
656
+ var(--db-warning-5),
657
+ var(--db-warning-9)
658
+ );
659
+ --db-warning-on-bg-basic-emphasis-100-pressed: light-dark(
660
+ var(--db-warning-2),
661
+ var(--db-warning-11)
662
+ );
663
+ --db-warning-on-bg-inverted-default: light-dark(
664
+ var(--db-warning-14),
665
+ var(--db-warning-3)
666
+ );
667
+ --db-warning-on-bg-inverted-hovered: light-dark(
668
+ var(--db-warning-11),
669
+ var(--db-warning-0)
670
+ );
671
+ --db-warning-on-bg-inverted-pressed: light-dark(
672
+ var(--db-warning-13),
673
+ var(--db-warning-2)
674
+ );
675
+ --db-warning-on-bg-vibrant-default: light-dark(
676
+ var(--db-warning-1),
677
+ var(--db-warning-1)
678
+ );
679
+ --db-warning-on-bg-vibrant-hovered: light-dark(
680
+ var(--db-warning-4),
681
+ var(--db-warning-4)
682
+ );
683
+ --db-warning-on-bg-vibrant-pressed: light-dark(
684
+ var(--db-warning-2),
685
+ var(--db-warning-2)
686
+ );
687
+ --db-warning-bg-basic-level-1-default: light-dark(
688
+ var(--db-warning-14),
689
+ var(--db-warning-1)
690
+ );
691
+ --db-warning-bg-basic-level-1-hovered: light-dark(
692
+ var(--db-warning-13),
693
+ var(--db-warning-3)
694
+ );
695
+ --db-warning-bg-basic-level-1-pressed: light-dark(
696
+ var(--db-warning-12),
697
+ var(--db-warning-4)
698
+ );
699
+ --db-warning-bg-basic-level-2-default: light-dark(
700
+ var(--db-warning-13),
701
+ var(--db-warning-2)
702
+ );
703
+ --db-warning-bg-basic-level-2-hovered: light-dark(
704
+ var(--db-warning-12),
705
+ var(--db-warning-4)
706
+ );
707
+ --db-warning-bg-basic-level-2-pressed: light-dark(
708
+ var(--db-warning-11),
709
+ var(--db-warning-5)
710
+ );
711
+ --db-warning-bg-basic-level-3-default: light-dark(
712
+ var(--db-warning-12),
713
+ var(--db-warning-3)
714
+ );
715
+ --db-warning-bg-basic-level-3-hovered: light-dark(
716
+ var(--db-warning-11),
717
+ var(--db-warning-1)
718
+ );
719
+ --db-warning-bg-basic-level-3-pressed: light-dark(
720
+ var(--db-warning-10),
721
+ var(--db-warning-0)
722
+ );
723
+ --db-warning-bg-basic-transparent-full-default: light-dark(
724
+ color-mix(in srgb, transparent 100%, var(--db-warning-6)),
725
+ color-mix(in srgb, transparent 100%, var(--db-warning-9))
726
+ );
727
+ --db-warning-bg-basic-transparent-semi-default: light-dark(
728
+ color-mix(in srgb, transparent 92%, var(--db-warning-6)),
729
+ color-mix(in srgb, transparent 84%, var(--db-warning-9))
730
+ );
731
+ --db-warning-bg-basic-transparent-hovered: light-dark(
732
+ color-mix(in srgb, transparent 76%, var(--db-warning-6)),
733
+ color-mix(in srgb, transparent 76%, var(--db-warning-9))
734
+ );
735
+ --db-warning-bg-basic-transparent-pressed: light-dark(
736
+ color-mix(in srgb, transparent 68%, var(--db-warning-6)),
737
+ color-mix(in srgb, transparent 68%, var(--db-warning-9))
738
+ );
739
+ --db-warning-bg-inverted-contrast-max-default: light-dark(
740
+ var(--db-warning-1),
741
+ var(--db-warning-12)
742
+ );
743
+ --db-warning-bg-inverted-contrast-max-hovered: light-dark(
744
+ var(--db-warning-5),
745
+ var(--db-warning-9)
746
+ );
747
+ --db-warning-bg-inverted-contrast-max-pressed: light-dark(
748
+ var(--db-warning-2),
749
+ var(--db-warning-11)
750
+ );
751
+ --db-warning-bg-inverted-contrast-high-default: light-dark(
752
+ var(--db-warning-6),
753
+ var(--db-warning-9)
754
+ );
755
+ --db-warning-bg-inverted-contrast-high-hovered: light-dark(
756
+ var(--db-warning-2),
757
+ var(--db-warning-12)
758
+ );
759
+ --db-warning-bg-inverted-contrast-high-pressed: light-dark(
760
+ var(--db-warning-5),
761
+ var(--db-warning-10)
762
+ );
763
+ --db-warning-bg-inverted-contrast-low-default: light-dark(
764
+ var(--db-warning-7),
765
+ var(--db-warning-8)
766
+ );
767
+ --db-warning-bg-inverted-contrast-low-hovered: light-dark(
768
+ var(--db-warning-3),
769
+ var(--db-warning-12)
770
+ );
771
+ --db-warning-bg-inverted-contrast-low-pressed: light-dark(
772
+ var(--db-warning-6),
773
+ var(--db-warning-9)
774
+ );
775
+ --db-warning-bg-vibrant-default: light-dark(
776
+ var(--db-warning-9),
777
+ var(--db-warning-9)
778
+ );
779
+ --db-warning-bg-vibrant-hovered: light-dark(
780
+ var(--db-warning-12),
781
+ var(--db-warning-12)
782
+ );
783
+ --db-warning-bg-vibrant-pressed: light-dark(
784
+ var(--db-warning-10),
785
+ var(--db-warning-10)
786
+ );
787
+ --db-successful-origin-default: light-dark(
788
+ var(--db-successful-origin-light-default),
789
+ var(--db-successful-origin-dark-default)
790
+ );
791
+ --db-successful-origin-hovered: light-dark(
792
+ var(--db-successful-origin-light-hovered),
793
+ var(--db-successful-origin-dark-hovered)
794
+ );
795
+ --db-successful-origin-pressed: light-dark(
796
+ var(--db-successful-origin-light-pressed),
797
+ var(--db-successful-origin-dark-pressed)
798
+ );
799
+ --db-successful-on-origin-default: light-dark(
800
+ var(--db-successful-on-origin-light-default),
801
+ var(--db-successful-on-origin-dark-default)
802
+ );
803
+ --db-successful-on-bg-basic-emphasis-50-default: light-dark(
804
+ var(--db-successful-9),
805
+ var(--db-successful-5)
806
+ );
807
+ --db-successful-on-bg-basic-emphasis-60-default: light-dark(
808
+ var(--db-successful-10),
809
+ var(--db-successful-6)
810
+ );
811
+ --db-successful-on-bg-basic-emphasis-70-default: light-dark(
812
+ var(--db-successful-7),
813
+ var(--db-successful-8)
814
+ );
815
+ --db-successful-on-bg-basic-emphasis-70-hovered: light-dark(
816
+ var(--db-successful-4),
817
+ var(--db-successful-10)
818
+ );
819
+ --db-successful-on-bg-basic-emphasis-70-pressed: light-dark(
820
+ var(--db-successful-6),
821
+ var(--db-successful-9)
822
+ );
823
+ --db-successful-on-bg-basic-emphasis-80-default: light-dark(
824
+ var(--db-successful-6),
825
+ var(--db-successful-9)
826
+ );
827
+ --db-successful-on-bg-basic-emphasis-80-hovered: light-dark(
828
+ var(--db-successful-3),
829
+ var(--db-successful-12)
830
+ );
831
+ --db-successful-on-bg-basic-emphasis-80-pressed: light-dark(
832
+ var(--db-successful-5),
833
+ var(--db-successful-10)
834
+ );
835
+ --db-successful-on-bg-basic-emphasis-90-default: light-dark(
836
+ var(--db-successful-4),
837
+ var(--db-successful-10)
838
+ );
839
+ --db-successful-on-bg-basic-emphasis-90-hovered: light-dark(
840
+ var(--db-successful-0),
841
+ var(--db-successful-14)
842
+ );
843
+ --db-successful-on-bg-basic-emphasis-90-pressed: light-dark(
844
+ var(--db-successful-3),
845
+ var(--db-successful-11)
846
+ );
847
+ --db-successful-on-bg-basic-emphasis-100-default: light-dark(
848
+ var(--db-successful-1),
849
+ var(--db-successful-12)
850
+ );
851
+ --db-successful-on-bg-basic-emphasis-100-hovered: light-dark(
852
+ var(--db-successful-5),
853
+ var(--db-successful-9)
854
+ );
855
+ --db-successful-on-bg-basic-emphasis-100-pressed: light-dark(
856
+ var(--db-successful-2),
857
+ var(--db-successful-11)
858
+ );
859
+ --db-successful-on-bg-inverted-default: light-dark(
860
+ var(--db-successful-14),
861
+ var(--db-successful-3)
862
+ );
863
+ --db-successful-on-bg-inverted-hovered: light-dark(
864
+ var(--db-successful-11),
865
+ var(--db-successful-0)
866
+ );
867
+ --db-successful-on-bg-inverted-pressed: light-dark(
868
+ var(--db-successful-13),
869
+ var(--db-successful-2)
870
+ );
871
+ --db-successful-on-bg-vibrant-default: light-dark(
872
+ var(--db-successful-1),
873
+ var(--db-successful-1)
874
+ );
875
+ --db-successful-on-bg-vibrant-hovered: light-dark(
876
+ var(--db-successful-4),
877
+ var(--db-successful-4)
878
+ );
879
+ --db-successful-on-bg-vibrant-pressed: light-dark(
880
+ var(--db-successful-2),
881
+ var(--db-successful-2)
882
+ );
883
+ --db-successful-bg-basic-level-1-default: light-dark(
884
+ var(--db-successful-14),
885
+ var(--db-successful-1)
886
+ );
887
+ --db-successful-bg-basic-level-1-hovered: light-dark(
888
+ var(--db-successful-13),
889
+ var(--db-successful-3)
890
+ );
891
+ --db-successful-bg-basic-level-1-pressed: light-dark(
892
+ var(--db-successful-12),
893
+ var(--db-successful-4)
894
+ );
895
+ --db-successful-bg-basic-level-2-default: light-dark(
896
+ var(--db-successful-13),
897
+ var(--db-successful-2)
898
+ );
899
+ --db-successful-bg-basic-level-2-hovered: light-dark(
900
+ var(--db-successful-12),
901
+ var(--db-successful-4)
902
+ );
903
+ --db-successful-bg-basic-level-2-pressed: light-dark(
904
+ var(--db-successful-11),
905
+ var(--db-successful-5)
906
+ );
907
+ --db-successful-bg-basic-level-3-default: light-dark(
908
+ var(--db-successful-12),
909
+ var(--db-successful-3)
910
+ );
911
+ --db-successful-bg-basic-level-3-hovered: light-dark(
912
+ var(--db-successful-11),
913
+ var(--db-successful-1)
914
+ );
915
+ --db-successful-bg-basic-level-3-pressed: light-dark(
916
+ var(--db-successful-10),
917
+ var(--db-successful-0)
918
+ );
919
+ --db-successful-bg-basic-transparent-full-default: light-dark(
920
+ color-mix(in srgb, transparent 100%, var(--db-successful-6)),
921
+ color-mix(in srgb, transparent 100%, var(--db-successful-9))
922
+ );
923
+ --db-successful-bg-basic-transparent-semi-default: light-dark(
924
+ color-mix(in srgb, transparent 92%, var(--db-successful-6)),
925
+ color-mix(in srgb, transparent 84%, var(--db-successful-9))
926
+ );
927
+ --db-successful-bg-basic-transparent-hovered: light-dark(
928
+ color-mix(in srgb, transparent 76%, var(--db-successful-6)),
929
+ color-mix(in srgb, transparent 76%, var(--db-successful-9))
930
+ );
931
+ --db-successful-bg-basic-transparent-pressed: light-dark(
932
+ color-mix(in srgb, transparent 68%, var(--db-successful-6)),
933
+ color-mix(in srgb, transparent 68%, var(--db-successful-9))
934
+ );
935
+ --db-successful-bg-inverted-contrast-max-default: light-dark(
936
+ var(--db-successful-1),
937
+ var(--db-successful-12)
938
+ );
939
+ --db-successful-bg-inverted-contrast-max-hovered: light-dark(
940
+ var(--db-successful-5),
941
+ var(--db-successful-9)
942
+ );
943
+ --db-successful-bg-inverted-contrast-max-pressed: light-dark(
944
+ var(--db-successful-2),
945
+ var(--db-successful-11)
946
+ );
947
+ --db-successful-bg-inverted-contrast-high-default: light-dark(
948
+ var(--db-successful-6),
949
+ var(--db-successful-9)
950
+ );
951
+ --db-successful-bg-inverted-contrast-high-hovered: light-dark(
952
+ var(--db-successful-2),
953
+ var(--db-successful-12)
954
+ );
955
+ --db-successful-bg-inverted-contrast-high-pressed: light-dark(
956
+ var(--db-successful-5),
957
+ var(--db-successful-10)
958
+ );
959
+ --db-successful-bg-inverted-contrast-low-default: light-dark(
960
+ var(--db-successful-7),
961
+ var(--db-successful-8)
962
+ );
963
+ --db-successful-bg-inverted-contrast-low-hovered: light-dark(
964
+ var(--db-successful-3),
965
+ var(--db-successful-12)
966
+ );
967
+ --db-successful-bg-inverted-contrast-low-pressed: light-dark(
968
+ var(--db-successful-6),
969
+ var(--db-successful-9)
970
+ );
971
+ --db-successful-bg-vibrant-default: light-dark(
972
+ var(--db-successful-9),
973
+ var(--db-successful-9)
974
+ );
975
+ --db-successful-bg-vibrant-hovered: light-dark(
976
+ var(--db-successful-12),
977
+ var(--db-successful-12)
978
+ );
979
+ --db-successful-bg-vibrant-pressed: light-dark(
980
+ var(--db-successful-10),
981
+ var(--db-successful-10)
982
+ );
983
+ --db-critical-origin-default: light-dark(
984
+ var(--db-critical-origin-light-default),
985
+ var(--db-critical-origin-dark-default)
986
+ );
987
+ --db-critical-origin-hovered: light-dark(
988
+ var(--db-critical-origin-light-hovered),
989
+ var(--db-critical-origin-dark-hovered)
990
+ );
991
+ --db-critical-origin-pressed: light-dark(
992
+ var(--db-critical-origin-light-pressed),
993
+ var(--db-critical-origin-dark-pressed)
994
+ );
995
+ --db-critical-on-origin-default: light-dark(
996
+ var(--db-critical-on-origin-light-default),
997
+ var(--db-critical-on-origin-dark-default)
998
+ );
999
+ --db-critical-on-bg-basic-emphasis-50-default: light-dark(
1000
+ var(--db-critical-9),
1001
+ var(--db-critical-5)
1002
+ );
1003
+ --db-critical-on-bg-basic-emphasis-60-default: light-dark(
1004
+ var(--db-critical-10),
1005
+ var(--db-critical-6)
1006
+ );
1007
+ --db-critical-on-bg-basic-emphasis-70-default: light-dark(
1008
+ var(--db-critical-7),
1009
+ var(--db-critical-8)
1010
+ );
1011
+ --db-critical-on-bg-basic-emphasis-70-hovered: light-dark(
1012
+ var(--db-critical-4),
1013
+ var(--db-critical-10)
1014
+ );
1015
+ --db-critical-on-bg-basic-emphasis-70-pressed: light-dark(
1016
+ var(--db-critical-6),
1017
+ var(--db-critical-9)
1018
+ );
1019
+ --db-critical-on-bg-basic-emphasis-80-default: light-dark(
1020
+ var(--db-critical-6),
1021
+ var(--db-critical-9)
1022
+ );
1023
+ --db-critical-on-bg-basic-emphasis-80-hovered: light-dark(
1024
+ var(--db-critical-3),
1025
+ var(--db-critical-12)
1026
+ );
1027
+ --db-critical-on-bg-basic-emphasis-80-pressed: light-dark(
1028
+ var(--db-critical-5),
1029
+ var(--db-critical-10)
1030
+ );
1031
+ --db-critical-on-bg-basic-emphasis-90-default: light-dark(
1032
+ var(--db-critical-4),
1033
+ var(--db-critical-10)
1034
+ );
1035
+ --db-critical-on-bg-basic-emphasis-90-hovered: light-dark(
1036
+ var(--db-critical-0),
1037
+ var(--db-critical-14)
1038
+ );
1039
+ --db-critical-on-bg-basic-emphasis-90-pressed: light-dark(
1040
+ var(--db-critical-3),
1041
+ var(--db-critical-11)
1042
+ );
1043
+ --db-critical-on-bg-basic-emphasis-100-default: light-dark(
1044
+ var(--db-critical-1),
1045
+ var(--db-critical-12)
1046
+ );
1047
+ --db-critical-on-bg-basic-emphasis-100-hovered: light-dark(
1048
+ var(--db-critical-5),
1049
+ var(--db-critical-9)
1050
+ );
1051
+ --db-critical-on-bg-basic-emphasis-100-pressed: light-dark(
1052
+ var(--db-critical-2),
1053
+ var(--db-critical-11)
1054
+ );
1055
+ --db-critical-on-bg-inverted-default: light-dark(
1056
+ var(--db-critical-14),
1057
+ var(--db-critical-3)
1058
+ );
1059
+ --db-critical-on-bg-inverted-hovered: light-dark(
1060
+ var(--db-critical-11),
1061
+ var(--db-critical-0)
1062
+ );
1063
+ --db-critical-on-bg-inverted-pressed: light-dark(
1064
+ var(--db-critical-13),
1065
+ var(--db-critical-2)
1066
+ );
1067
+ --db-critical-on-bg-vibrant-default: light-dark(
1068
+ var(--db-critical-1),
1069
+ var(--db-critical-1)
1070
+ );
1071
+ --db-critical-on-bg-vibrant-hovered: light-dark(
1072
+ var(--db-critical-4),
1073
+ var(--db-critical-4)
1074
+ );
1075
+ --db-critical-on-bg-vibrant-pressed: light-dark(
1076
+ var(--db-critical-2),
1077
+ var(--db-critical-2)
1078
+ );
1079
+ --db-critical-bg-basic-level-1-default: light-dark(
1080
+ var(--db-critical-14),
1081
+ var(--db-critical-1)
1082
+ );
1083
+ --db-critical-bg-basic-level-1-hovered: light-dark(
1084
+ var(--db-critical-13),
1085
+ var(--db-critical-3)
1086
+ );
1087
+ --db-critical-bg-basic-level-1-pressed: light-dark(
1088
+ var(--db-critical-12),
1089
+ var(--db-critical-4)
1090
+ );
1091
+ --db-critical-bg-basic-level-2-default: light-dark(
1092
+ var(--db-critical-13),
1093
+ var(--db-critical-2)
1094
+ );
1095
+ --db-critical-bg-basic-level-2-hovered: light-dark(
1096
+ var(--db-critical-12),
1097
+ var(--db-critical-4)
1098
+ );
1099
+ --db-critical-bg-basic-level-2-pressed: light-dark(
1100
+ var(--db-critical-11),
1101
+ var(--db-critical-5)
1102
+ );
1103
+ --db-critical-bg-basic-level-3-default: light-dark(
1104
+ var(--db-critical-12),
1105
+ var(--db-critical-3)
1106
+ );
1107
+ --db-critical-bg-basic-level-3-hovered: light-dark(
1108
+ var(--db-critical-11),
1109
+ var(--db-critical-1)
1110
+ );
1111
+ --db-critical-bg-basic-level-3-pressed: light-dark(
1112
+ var(--db-critical-10),
1113
+ var(--db-critical-0)
1114
+ );
1115
+ --db-critical-bg-basic-transparent-full-default: light-dark(
1116
+ color-mix(in srgb, transparent 100%, var(--db-critical-6)),
1117
+ color-mix(in srgb, transparent 100%, var(--db-critical-9))
1118
+ );
1119
+ --db-critical-bg-basic-transparent-semi-default: light-dark(
1120
+ color-mix(in srgb, transparent 92%, var(--db-critical-6)),
1121
+ color-mix(in srgb, transparent 84%, var(--db-critical-9))
1122
+ );
1123
+ --db-critical-bg-basic-transparent-hovered: light-dark(
1124
+ color-mix(in srgb, transparent 76%, var(--db-critical-6)),
1125
+ color-mix(in srgb, transparent 76%, var(--db-critical-9))
1126
+ );
1127
+ --db-critical-bg-basic-transparent-pressed: light-dark(
1128
+ color-mix(in srgb, transparent 68%, var(--db-critical-6)),
1129
+ color-mix(in srgb, transparent 68%, var(--db-critical-9))
1130
+ );
1131
+ --db-critical-bg-inverted-contrast-max-default: light-dark(
1132
+ var(--db-critical-1),
1133
+ var(--db-critical-12)
1134
+ );
1135
+ --db-critical-bg-inverted-contrast-max-hovered: light-dark(
1136
+ var(--db-critical-5),
1137
+ var(--db-critical-9)
1138
+ );
1139
+ --db-critical-bg-inverted-contrast-max-pressed: light-dark(
1140
+ var(--db-critical-2),
1141
+ var(--db-critical-11)
1142
+ );
1143
+ --db-critical-bg-inverted-contrast-high-default: light-dark(
1144
+ var(--db-critical-6),
1145
+ var(--db-critical-9)
1146
+ );
1147
+ --db-critical-bg-inverted-contrast-high-hovered: light-dark(
1148
+ var(--db-critical-2),
1149
+ var(--db-critical-12)
1150
+ );
1151
+ --db-critical-bg-inverted-contrast-high-pressed: light-dark(
1152
+ var(--db-critical-5),
1153
+ var(--db-critical-10)
1154
+ );
1155
+ --db-critical-bg-inverted-contrast-low-default: light-dark(
1156
+ var(--db-critical-7),
1157
+ var(--db-critical-8)
1158
+ );
1159
+ --db-critical-bg-inverted-contrast-low-hovered: light-dark(
1160
+ var(--db-critical-3),
1161
+ var(--db-critical-12)
1162
+ );
1163
+ --db-critical-bg-inverted-contrast-low-pressed: light-dark(
1164
+ var(--db-critical-6),
1165
+ var(--db-critical-9)
1166
+ );
1167
+ --db-critical-bg-vibrant-default: light-dark(
1168
+ var(--db-critical-9),
1169
+ var(--db-critical-9)
1170
+ );
1171
+ --db-critical-bg-vibrant-hovered: light-dark(
1172
+ var(--db-critical-12),
1173
+ var(--db-critical-12)
1174
+ );
1175
+ --db-critical-bg-vibrant-pressed: light-dark(
1176
+ var(--db-critical-10),
1177
+ var(--db-critical-10)
1178
+ );
1179
+ --db-yellow-origin-default: light-dark(
1180
+ var(--db-yellow-origin-light-default),
1181
+ var(--db-yellow-origin-dark-default)
1182
+ );
1183
+ --db-yellow-origin-hovered: light-dark(
1184
+ var(--db-yellow-origin-light-hovered),
1185
+ var(--db-yellow-origin-dark-hovered)
1186
+ );
1187
+ --db-yellow-origin-pressed: light-dark(
1188
+ var(--db-yellow-origin-light-pressed),
1189
+ var(--db-yellow-origin-dark-pressed)
1190
+ );
1191
+ --db-yellow-on-origin-default: light-dark(
1192
+ var(--db-yellow-on-origin-light-default),
1193
+ var(--db-yellow-on-origin-dark-default)
1194
+ );
1195
+ --db-yellow-on-bg-basic-emphasis-50-default: light-dark(
1196
+ var(--db-yellow-9),
1197
+ var(--db-yellow-5)
1198
+ );
1199
+ --db-yellow-on-bg-basic-emphasis-60-default: light-dark(
1200
+ var(--db-yellow-10),
1201
+ var(--db-yellow-6)
1202
+ );
1203
+ --db-yellow-on-bg-basic-emphasis-70-default: light-dark(
1204
+ var(--db-yellow-7),
1205
+ var(--db-yellow-8)
1206
+ );
1207
+ --db-yellow-on-bg-basic-emphasis-70-hovered: light-dark(
1208
+ var(--db-yellow-4),
1209
+ var(--db-yellow-10)
1210
+ );
1211
+ --db-yellow-on-bg-basic-emphasis-70-pressed: light-dark(
1212
+ var(--db-yellow-6),
1213
+ var(--db-yellow-9)
1214
+ );
1215
+ --db-yellow-on-bg-basic-emphasis-80-default: light-dark(
1216
+ var(--db-yellow-6),
1217
+ var(--db-yellow-9)
1218
+ );
1219
+ --db-yellow-on-bg-basic-emphasis-80-hovered: light-dark(
1220
+ var(--db-yellow-3),
1221
+ var(--db-yellow-12)
1222
+ );
1223
+ --db-yellow-on-bg-basic-emphasis-80-pressed: light-dark(
1224
+ var(--db-yellow-5),
1225
+ var(--db-yellow-10)
1226
+ );
1227
+ --db-yellow-on-bg-basic-emphasis-90-default: light-dark(
1228
+ var(--db-yellow-4),
1229
+ var(--db-yellow-10)
1230
+ );
1231
+ --db-yellow-on-bg-basic-emphasis-90-hovered: light-dark(
1232
+ var(--db-yellow-0),
1233
+ var(--db-yellow-14)
1234
+ );
1235
+ --db-yellow-on-bg-basic-emphasis-90-pressed: light-dark(
1236
+ var(--db-yellow-3),
1237
+ var(--db-yellow-11)
1238
+ );
1239
+ --db-yellow-on-bg-basic-emphasis-100-default: light-dark(
1240
+ var(--db-yellow-1),
1241
+ var(--db-yellow-12)
1242
+ );
1243
+ --db-yellow-on-bg-basic-emphasis-100-hovered: light-dark(
1244
+ var(--db-yellow-5),
1245
+ var(--db-yellow-9)
1246
+ );
1247
+ --db-yellow-on-bg-basic-emphasis-100-pressed: light-dark(
1248
+ var(--db-yellow-2),
1249
+ var(--db-yellow-11)
1250
+ );
1251
+ --db-yellow-on-bg-inverted-default: light-dark(
1252
+ var(--db-yellow-14),
1253
+ var(--db-yellow-3)
1254
+ );
1255
+ --db-yellow-on-bg-inverted-hovered: light-dark(
1256
+ var(--db-yellow-11),
1257
+ var(--db-yellow-0)
1258
+ );
1259
+ --db-yellow-on-bg-inverted-pressed: light-dark(
1260
+ var(--db-yellow-13),
1261
+ var(--db-yellow-2)
1262
+ );
1263
+ --db-yellow-on-bg-vibrant-default: light-dark(
1264
+ var(--db-yellow-1),
1265
+ var(--db-yellow-1)
1266
+ );
1267
+ --db-yellow-on-bg-vibrant-hovered: light-dark(
1268
+ var(--db-yellow-4),
1269
+ var(--db-yellow-4)
1270
+ );
1271
+ --db-yellow-on-bg-vibrant-pressed: light-dark(
1272
+ var(--db-yellow-2),
1273
+ var(--db-yellow-2)
1274
+ );
1275
+ --db-yellow-bg-basic-level-1-default: light-dark(
1276
+ var(--db-yellow-14),
1277
+ var(--db-yellow-1)
1278
+ );
1279
+ --db-yellow-bg-basic-level-1-hovered: light-dark(
1280
+ var(--db-yellow-13),
1281
+ var(--db-yellow-3)
1282
+ );
1283
+ --db-yellow-bg-basic-level-1-pressed: light-dark(
1284
+ var(--db-yellow-12),
1285
+ var(--db-yellow-4)
1286
+ );
1287
+ --db-yellow-bg-basic-level-2-default: light-dark(
1288
+ var(--db-yellow-13),
1289
+ var(--db-yellow-2)
1290
+ );
1291
+ --db-yellow-bg-basic-level-2-hovered: light-dark(
1292
+ var(--db-yellow-12),
1293
+ var(--db-yellow-4)
1294
+ );
1295
+ --db-yellow-bg-basic-level-2-pressed: light-dark(
1296
+ var(--db-yellow-11),
1297
+ var(--db-yellow-5)
1298
+ );
1299
+ --db-yellow-bg-basic-level-3-default: light-dark(
1300
+ var(--db-yellow-12),
1301
+ var(--db-yellow-3)
1302
+ );
1303
+ --db-yellow-bg-basic-level-3-hovered: light-dark(
1304
+ var(--db-yellow-11),
1305
+ var(--db-yellow-1)
1306
+ );
1307
+ --db-yellow-bg-basic-level-3-pressed: light-dark(
1308
+ var(--db-yellow-10),
1309
+ var(--db-yellow-0)
1310
+ );
1311
+ --db-yellow-bg-basic-transparent-full-default: light-dark(
1312
+ color-mix(in srgb, transparent 100%, var(--db-yellow-6)),
1313
+ color-mix(in srgb, transparent 100%, var(--db-yellow-9))
1314
+ );
1315
+ --db-yellow-bg-basic-transparent-semi-default: light-dark(
1316
+ color-mix(in srgb, transparent 92%, var(--db-yellow-6)),
1317
+ color-mix(in srgb, transparent 84%, var(--db-yellow-9))
1318
+ );
1319
+ --db-yellow-bg-basic-transparent-hovered: light-dark(
1320
+ color-mix(in srgb, transparent 76%, var(--db-yellow-6)),
1321
+ color-mix(in srgb, transparent 76%, var(--db-yellow-9))
1322
+ );
1323
+ --db-yellow-bg-basic-transparent-pressed: light-dark(
1324
+ color-mix(in srgb, transparent 68%, var(--db-yellow-6)),
1325
+ color-mix(in srgb, transparent 68%, var(--db-yellow-9))
1326
+ );
1327
+ --db-yellow-bg-inverted-contrast-max-default: light-dark(
1328
+ var(--db-yellow-1),
1329
+ var(--db-yellow-12)
1330
+ );
1331
+ --db-yellow-bg-inverted-contrast-max-hovered: light-dark(
1332
+ var(--db-yellow-5),
1333
+ var(--db-yellow-9)
1334
+ );
1335
+ --db-yellow-bg-inverted-contrast-max-pressed: light-dark(
1336
+ var(--db-yellow-2),
1337
+ var(--db-yellow-11)
1338
+ );
1339
+ --db-yellow-bg-inverted-contrast-high-default: light-dark(
1340
+ var(--db-yellow-6),
1341
+ var(--db-yellow-9)
1342
+ );
1343
+ --db-yellow-bg-inverted-contrast-high-hovered: light-dark(
1344
+ var(--db-yellow-2),
1345
+ var(--db-yellow-12)
1346
+ );
1347
+ --db-yellow-bg-inverted-contrast-high-pressed: light-dark(
1348
+ var(--db-yellow-5),
1349
+ var(--db-yellow-10)
1350
+ );
1351
+ --db-yellow-bg-inverted-contrast-low-default: light-dark(
1352
+ var(--db-yellow-7),
1353
+ var(--db-yellow-8)
1354
+ );
1355
+ --db-yellow-bg-inverted-contrast-low-hovered: light-dark(
1356
+ var(--db-yellow-3),
1357
+ var(--db-yellow-12)
1358
+ );
1359
+ --db-yellow-bg-inverted-contrast-low-pressed: light-dark(
1360
+ var(--db-yellow-6),
1361
+ var(--db-yellow-9)
1362
+ );
1363
+ --db-yellow-bg-vibrant-default: light-dark(
1364
+ var(--db-yellow-9),
1365
+ var(--db-yellow-9)
1366
+ );
1367
+ --db-yellow-bg-vibrant-hovered: light-dark(
1368
+ var(--db-yellow-12),
1369
+ var(--db-yellow-12)
1370
+ );
1371
+ --db-yellow-bg-vibrant-pressed: light-dark(
1372
+ var(--db-yellow-10),
1373
+ var(--db-yellow-10)
1374
+ );
1375
+ --db-orange-origin-default: light-dark(
1376
+ var(--db-orange-origin-light-default),
1377
+ var(--db-orange-origin-dark-default)
1378
+ );
1379
+ --db-orange-origin-hovered: light-dark(
1380
+ var(--db-orange-origin-light-hovered),
1381
+ var(--db-orange-origin-dark-hovered)
1382
+ );
1383
+ --db-orange-origin-pressed: light-dark(
1384
+ var(--db-orange-origin-light-pressed),
1385
+ var(--db-orange-origin-dark-pressed)
1386
+ );
1387
+ --db-orange-on-origin-default: light-dark(
1388
+ var(--db-orange-on-origin-light-default),
1389
+ var(--db-orange-on-origin-dark-default)
1390
+ );
1391
+ --db-orange-on-bg-basic-emphasis-50-default: light-dark(
1392
+ var(--db-orange-9),
1393
+ var(--db-orange-5)
1394
+ );
1395
+ --db-orange-on-bg-basic-emphasis-60-default: light-dark(
1396
+ var(--db-orange-10),
1397
+ var(--db-orange-6)
1398
+ );
1399
+ --db-orange-on-bg-basic-emphasis-70-default: light-dark(
1400
+ var(--db-orange-7),
1401
+ var(--db-orange-8)
1402
+ );
1403
+ --db-orange-on-bg-basic-emphasis-70-hovered: light-dark(
1404
+ var(--db-orange-4),
1405
+ var(--db-orange-10)
1406
+ );
1407
+ --db-orange-on-bg-basic-emphasis-70-pressed: light-dark(
1408
+ var(--db-orange-6),
1409
+ var(--db-orange-9)
1410
+ );
1411
+ --db-orange-on-bg-basic-emphasis-80-default: light-dark(
1412
+ var(--db-orange-6),
1413
+ var(--db-orange-9)
1414
+ );
1415
+ --db-orange-on-bg-basic-emphasis-80-hovered: light-dark(
1416
+ var(--db-orange-3),
1417
+ var(--db-orange-12)
1418
+ );
1419
+ --db-orange-on-bg-basic-emphasis-80-pressed: light-dark(
1420
+ var(--db-orange-5),
1421
+ var(--db-orange-10)
1422
+ );
1423
+ --db-orange-on-bg-basic-emphasis-90-default: light-dark(
1424
+ var(--db-orange-4),
1425
+ var(--db-orange-10)
1426
+ );
1427
+ --db-orange-on-bg-basic-emphasis-90-hovered: light-dark(
1428
+ var(--db-orange-0),
1429
+ var(--db-orange-14)
1430
+ );
1431
+ --db-orange-on-bg-basic-emphasis-90-pressed: light-dark(
1432
+ var(--db-orange-3),
1433
+ var(--db-orange-11)
1434
+ );
1435
+ --db-orange-on-bg-basic-emphasis-100-default: light-dark(
1436
+ var(--db-orange-1),
1437
+ var(--db-orange-12)
1438
+ );
1439
+ --db-orange-on-bg-basic-emphasis-100-hovered: light-dark(
1440
+ var(--db-orange-5),
1441
+ var(--db-orange-9)
1442
+ );
1443
+ --db-orange-on-bg-basic-emphasis-100-pressed: light-dark(
1444
+ var(--db-orange-2),
1445
+ var(--db-orange-11)
1446
+ );
1447
+ --db-orange-on-bg-inverted-default: light-dark(
1448
+ var(--db-orange-14),
1449
+ var(--db-orange-3)
1450
+ );
1451
+ --db-orange-on-bg-inverted-hovered: light-dark(
1452
+ var(--db-orange-11),
1453
+ var(--db-orange-0)
1454
+ );
1455
+ --db-orange-on-bg-inverted-pressed: light-dark(
1456
+ var(--db-orange-13),
1457
+ var(--db-orange-2)
1458
+ );
1459
+ --db-orange-on-bg-vibrant-default: light-dark(
1460
+ var(--db-orange-1),
1461
+ var(--db-orange-1)
1462
+ );
1463
+ --db-orange-on-bg-vibrant-hovered: light-dark(
1464
+ var(--db-orange-4),
1465
+ var(--db-orange-4)
1466
+ );
1467
+ --db-orange-on-bg-vibrant-pressed: light-dark(
1468
+ var(--db-orange-2),
1469
+ var(--db-orange-2)
1470
+ );
1471
+ --db-orange-bg-basic-level-1-default: light-dark(
1472
+ var(--db-orange-14),
1473
+ var(--db-orange-1)
1474
+ );
1475
+ --db-orange-bg-basic-level-1-hovered: light-dark(
1476
+ var(--db-orange-13),
1477
+ var(--db-orange-3)
1478
+ );
1479
+ --db-orange-bg-basic-level-1-pressed: light-dark(
1480
+ var(--db-orange-12),
1481
+ var(--db-orange-4)
1482
+ );
1483
+ --db-orange-bg-basic-level-2-default: light-dark(
1484
+ var(--db-orange-13),
1485
+ var(--db-orange-2)
1486
+ );
1487
+ --db-orange-bg-basic-level-2-hovered: light-dark(
1488
+ var(--db-orange-12),
1489
+ var(--db-orange-4)
1490
+ );
1491
+ --db-orange-bg-basic-level-2-pressed: light-dark(
1492
+ var(--db-orange-11),
1493
+ var(--db-orange-5)
1494
+ );
1495
+ --db-orange-bg-basic-level-3-default: light-dark(
1496
+ var(--db-orange-12),
1497
+ var(--db-orange-3)
1498
+ );
1499
+ --db-orange-bg-basic-level-3-hovered: light-dark(
1500
+ var(--db-orange-11),
1501
+ var(--db-orange-1)
1502
+ );
1503
+ --db-orange-bg-basic-level-3-pressed: light-dark(
1504
+ var(--db-orange-10),
1505
+ var(--db-orange-0)
1506
+ );
1507
+ --db-orange-bg-basic-transparent-full-default: light-dark(
1508
+ color-mix(in srgb, transparent 100%, var(--db-orange-6)),
1509
+ color-mix(in srgb, transparent 100%, var(--db-orange-9))
1510
+ );
1511
+ --db-orange-bg-basic-transparent-semi-default: light-dark(
1512
+ color-mix(in srgb, transparent 92%, var(--db-orange-6)),
1513
+ color-mix(in srgb, transparent 84%, var(--db-orange-9))
1514
+ );
1515
+ --db-orange-bg-basic-transparent-hovered: light-dark(
1516
+ color-mix(in srgb, transparent 76%, var(--db-orange-6)),
1517
+ color-mix(in srgb, transparent 76%, var(--db-orange-9))
1518
+ );
1519
+ --db-orange-bg-basic-transparent-pressed: light-dark(
1520
+ color-mix(in srgb, transparent 68%, var(--db-orange-6)),
1521
+ color-mix(in srgb, transparent 68%, var(--db-orange-9))
1522
+ );
1523
+ --db-orange-bg-inverted-contrast-max-default: light-dark(
1524
+ var(--db-orange-1),
1525
+ var(--db-orange-12)
1526
+ );
1527
+ --db-orange-bg-inverted-contrast-max-hovered: light-dark(
1528
+ var(--db-orange-5),
1529
+ var(--db-orange-9)
1530
+ );
1531
+ --db-orange-bg-inverted-contrast-max-pressed: light-dark(
1532
+ var(--db-orange-2),
1533
+ var(--db-orange-11)
1534
+ );
1535
+ --db-orange-bg-inverted-contrast-high-default: light-dark(
1536
+ var(--db-orange-6),
1537
+ var(--db-orange-9)
1538
+ );
1539
+ --db-orange-bg-inverted-contrast-high-hovered: light-dark(
1540
+ var(--db-orange-2),
1541
+ var(--db-orange-12)
1542
+ );
1543
+ --db-orange-bg-inverted-contrast-high-pressed: light-dark(
1544
+ var(--db-orange-5),
1545
+ var(--db-orange-10)
1546
+ );
1547
+ --db-orange-bg-inverted-contrast-low-default: light-dark(
1548
+ var(--db-orange-7),
1549
+ var(--db-orange-8)
1550
+ );
1551
+ --db-orange-bg-inverted-contrast-low-hovered: light-dark(
1552
+ var(--db-orange-3),
1553
+ var(--db-orange-12)
1554
+ );
1555
+ --db-orange-bg-inverted-contrast-low-pressed: light-dark(
1556
+ var(--db-orange-6),
1557
+ var(--db-orange-9)
1558
+ );
1559
+ --db-orange-bg-vibrant-default: light-dark(
1560
+ var(--db-orange-9),
1561
+ var(--db-orange-9)
1562
+ );
1563
+ --db-orange-bg-vibrant-hovered: light-dark(
1564
+ var(--db-orange-12),
1565
+ var(--db-orange-12)
1566
+ );
1567
+ --db-orange-bg-vibrant-pressed: light-dark(
1568
+ var(--db-orange-10),
1569
+ var(--db-orange-10)
1570
+ );
1571
+ --db-red-origin-default: light-dark(
1572
+ var(--db-red-origin-light-default),
1573
+ var(--db-red-origin-dark-default)
1574
+ );
1575
+ --db-red-origin-hovered: light-dark(
1576
+ var(--db-red-origin-light-hovered),
1577
+ var(--db-red-origin-dark-hovered)
1578
+ );
1579
+ --db-red-origin-pressed: light-dark(
1580
+ var(--db-red-origin-light-pressed),
1581
+ var(--db-red-origin-dark-pressed)
1582
+ );
1583
+ --db-red-on-origin-default: light-dark(
1584
+ var(--db-red-on-origin-light-default),
1585
+ var(--db-red-on-origin-dark-default)
1586
+ );
1587
+ --db-red-on-bg-basic-emphasis-50-default: light-dark(
1588
+ var(--db-red-9),
1589
+ var(--db-red-5)
1590
+ );
1591
+ --db-red-on-bg-basic-emphasis-60-default: light-dark(
1592
+ var(--db-red-10),
1593
+ var(--db-red-6)
1594
+ );
1595
+ --db-red-on-bg-basic-emphasis-70-default: light-dark(
1596
+ var(--db-red-7),
1597
+ var(--db-red-8)
1598
+ );
1599
+ --db-red-on-bg-basic-emphasis-70-hovered: light-dark(
1600
+ var(--db-red-4),
1601
+ var(--db-red-10)
1602
+ );
1603
+ --db-red-on-bg-basic-emphasis-70-pressed: light-dark(
1604
+ var(--db-red-6),
1605
+ var(--db-red-9)
1606
+ );
1607
+ --db-red-on-bg-basic-emphasis-80-default: light-dark(
1608
+ var(--db-red-6),
1609
+ var(--db-red-9)
1610
+ );
1611
+ --db-red-on-bg-basic-emphasis-80-hovered: light-dark(
1612
+ var(--db-red-3),
1613
+ var(--db-red-12)
1614
+ );
1615
+ --db-red-on-bg-basic-emphasis-80-pressed: light-dark(
1616
+ var(--db-red-5),
1617
+ var(--db-red-10)
1618
+ );
1619
+ --db-red-on-bg-basic-emphasis-90-default: light-dark(
1620
+ var(--db-red-4),
1621
+ var(--db-red-10)
1622
+ );
1623
+ --db-red-on-bg-basic-emphasis-90-hovered: light-dark(
1624
+ var(--db-red-0),
1625
+ var(--db-red-14)
1626
+ );
1627
+ --db-red-on-bg-basic-emphasis-90-pressed: light-dark(
1628
+ var(--db-red-3),
1629
+ var(--db-red-11)
1630
+ );
1631
+ --db-red-on-bg-basic-emphasis-100-default: light-dark(
1632
+ var(--db-red-1),
1633
+ var(--db-red-12)
1634
+ );
1635
+ --db-red-on-bg-basic-emphasis-100-hovered: light-dark(
1636
+ var(--db-red-5),
1637
+ var(--db-red-9)
1638
+ );
1639
+ --db-red-on-bg-basic-emphasis-100-pressed: light-dark(
1640
+ var(--db-red-2),
1641
+ var(--db-red-11)
1642
+ );
1643
+ --db-red-on-bg-inverted-default: light-dark(
1644
+ var(--db-red-14),
1645
+ var(--db-red-3)
1646
+ );
1647
+ --db-red-on-bg-inverted-hovered: light-dark(
1648
+ var(--db-red-11),
1649
+ var(--db-red-0)
1650
+ );
1651
+ --db-red-on-bg-inverted-pressed: light-dark(
1652
+ var(--db-red-13),
1653
+ var(--db-red-2)
1654
+ );
1655
+ --db-red-on-bg-vibrant-default: light-dark(
1656
+ var(--db-red-1),
1657
+ var(--db-red-1)
1658
+ );
1659
+ --db-red-on-bg-vibrant-hovered: light-dark(
1660
+ var(--db-red-4),
1661
+ var(--db-red-4)
1662
+ );
1663
+ --db-red-on-bg-vibrant-pressed: light-dark(
1664
+ var(--db-red-2),
1665
+ var(--db-red-2)
1666
+ );
1667
+ --db-red-bg-basic-level-1-default: light-dark(
1668
+ var(--db-red-14),
1669
+ var(--db-red-1)
1670
+ );
1671
+ --db-red-bg-basic-level-1-hovered: light-dark(
1672
+ var(--db-red-13),
1673
+ var(--db-red-3)
1674
+ );
1675
+ --db-red-bg-basic-level-1-pressed: light-dark(
1676
+ var(--db-red-12),
1677
+ var(--db-red-4)
1678
+ );
1679
+ --db-red-bg-basic-level-2-default: light-dark(
1680
+ var(--db-red-13),
1681
+ var(--db-red-2)
1682
+ );
1683
+ --db-red-bg-basic-level-2-hovered: light-dark(
1684
+ var(--db-red-12),
1685
+ var(--db-red-4)
1686
+ );
1687
+ --db-red-bg-basic-level-2-pressed: light-dark(
1688
+ var(--db-red-11),
1689
+ var(--db-red-5)
1690
+ );
1691
+ --db-red-bg-basic-level-3-default: light-dark(
1692
+ var(--db-red-12),
1693
+ var(--db-red-3)
1694
+ );
1695
+ --db-red-bg-basic-level-3-hovered: light-dark(
1696
+ var(--db-red-11),
1697
+ var(--db-red-1)
1698
+ );
1699
+ --db-red-bg-basic-level-3-pressed: light-dark(
1700
+ var(--db-red-10),
1701
+ var(--db-red-0)
1702
+ );
1703
+ --db-red-bg-basic-transparent-full-default: light-dark(
1704
+ color-mix(in srgb, transparent 100%, var(--db-red-6)),
1705
+ color-mix(in srgb, transparent 100%, var(--db-red-9))
1706
+ );
1707
+ --db-red-bg-basic-transparent-semi-default: light-dark(
1708
+ color-mix(in srgb, transparent 92%, var(--db-red-6)),
1709
+ color-mix(in srgb, transparent 84%, var(--db-red-9))
1710
+ );
1711
+ --db-red-bg-basic-transparent-hovered: light-dark(
1712
+ color-mix(in srgb, transparent 76%, var(--db-red-6)),
1713
+ color-mix(in srgb, transparent 76%, var(--db-red-9))
1714
+ );
1715
+ --db-red-bg-basic-transparent-pressed: light-dark(
1716
+ color-mix(in srgb, transparent 68%, var(--db-red-6)),
1717
+ color-mix(in srgb, transparent 68%, var(--db-red-9))
1718
+ );
1719
+ --db-red-bg-inverted-contrast-max-default: light-dark(
1720
+ var(--db-red-1),
1721
+ var(--db-red-12)
1722
+ );
1723
+ --db-red-bg-inverted-contrast-max-hovered: light-dark(
1724
+ var(--db-red-5),
1725
+ var(--db-red-9)
1726
+ );
1727
+ --db-red-bg-inverted-contrast-max-pressed: light-dark(
1728
+ var(--db-red-2),
1729
+ var(--db-red-11)
1730
+ );
1731
+ --db-red-bg-inverted-contrast-high-default: light-dark(
1732
+ var(--db-red-6),
1733
+ var(--db-red-9)
1734
+ );
1735
+ --db-red-bg-inverted-contrast-high-hovered: light-dark(
1736
+ var(--db-red-2),
1737
+ var(--db-red-12)
1738
+ );
1739
+ --db-red-bg-inverted-contrast-high-pressed: light-dark(
1740
+ var(--db-red-5),
1741
+ var(--db-red-10)
1742
+ );
1743
+ --db-red-bg-inverted-contrast-low-default: light-dark(
1744
+ var(--db-red-7),
1745
+ var(--db-red-8)
1746
+ );
1747
+ --db-red-bg-inverted-contrast-low-hovered: light-dark(
1748
+ var(--db-red-3),
1749
+ var(--db-red-12)
1750
+ );
1751
+ --db-red-bg-inverted-contrast-low-pressed: light-dark(
1752
+ var(--db-red-6),
1753
+ var(--db-red-9)
1754
+ );
1755
+ --db-red-bg-vibrant-default: light-dark(
1756
+ var(--db-red-9),
1757
+ var(--db-red-9)
1758
+ );
1759
+ --db-red-bg-vibrant-hovered: light-dark(
1760
+ var(--db-red-12),
1761
+ var(--db-red-12)
1762
+ );
1763
+ --db-red-bg-vibrant-pressed: light-dark(
1764
+ var(--db-red-10),
1765
+ var(--db-red-10)
1766
+ );
1767
+ --db-pink-origin-default: light-dark(
1768
+ var(--db-pink-origin-light-default),
1769
+ var(--db-pink-origin-dark-default)
1770
+ );
1771
+ --db-pink-origin-hovered: light-dark(
1772
+ var(--db-pink-origin-light-hovered),
1773
+ var(--db-pink-origin-dark-hovered)
1774
+ );
1775
+ --db-pink-origin-pressed: light-dark(
1776
+ var(--db-pink-origin-light-pressed),
1777
+ var(--db-pink-origin-dark-pressed)
1778
+ );
1779
+ --db-pink-on-origin-default: light-dark(
1780
+ var(--db-pink-on-origin-light-default),
1781
+ var(--db-pink-on-origin-dark-default)
1782
+ );
1783
+ --db-pink-on-bg-basic-emphasis-50-default: light-dark(
1784
+ var(--db-pink-9),
1785
+ var(--db-pink-5)
1786
+ );
1787
+ --db-pink-on-bg-basic-emphasis-60-default: light-dark(
1788
+ var(--db-pink-10),
1789
+ var(--db-pink-6)
1790
+ );
1791
+ --db-pink-on-bg-basic-emphasis-70-default: light-dark(
1792
+ var(--db-pink-7),
1793
+ var(--db-pink-8)
1794
+ );
1795
+ --db-pink-on-bg-basic-emphasis-70-hovered: light-dark(
1796
+ var(--db-pink-4),
1797
+ var(--db-pink-10)
1798
+ );
1799
+ --db-pink-on-bg-basic-emphasis-70-pressed: light-dark(
1800
+ var(--db-pink-6),
1801
+ var(--db-pink-9)
1802
+ );
1803
+ --db-pink-on-bg-basic-emphasis-80-default: light-dark(
1804
+ var(--db-pink-6),
1805
+ var(--db-pink-9)
1806
+ );
1807
+ --db-pink-on-bg-basic-emphasis-80-hovered: light-dark(
1808
+ var(--db-pink-3),
1809
+ var(--db-pink-12)
1810
+ );
1811
+ --db-pink-on-bg-basic-emphasis-80-pressed: light-dark(
1812
+ var(--db-pink-5),
1813
+ var(--db-pink-10)
1814
+ );
1815
+ --db-pink-on-bg-basic-emphasis-90-default: light-dark(
1816
+ var(--db-pink-4),
1817
+ var(--db-pink-10)
1818
+ );
1819
+ --db-pink-on-bg-basic-emphasis-90-hovered: light-dark(
1820
+ var(--db-pink-0),
1821
+ var(--db-pink-14)
1822
+ );
1823
+ --db-pink-on-bg-basic-emphasis-90-pressed: light-dark(
1824
+ var(--db-pink-3),
1825
+ var(--db-pink-11)
1826
+ );
1827
+ --db-pink-on-bg-basic-emphasis-100-default: light-dark(
1828
+ var(--db-pink-1),
1829
+ var(--db-pink-12)
1830
+ );
1831
+ --db-pink-on-bg-basic-emphasis-100-hovered: light-dark(
1832
+ var(--db-pink-5),
1833
+ var(--db-pink-9)
1834
+ );
1835
+ --db-pink-on-bg-basic-emphasis-100-pressed: light-dark(
1836
+ var(--db-pink-2),
1837
+ var(--db-pink-11)
1838
+ );
1839
+ --db-pink-on-bg-inverted-default: light-dark(
1840
+ var(--db-pink-14),
1841
+ var(--db-pink-3)
1842
+ );
1843
+ --db-pink-on-bg-inverted-hovered: light-dark(
1844
+ var(--db-pink-11),
1845
+ var(--db-pink-0)
1846
+ );
1847
+ --db-pink-on-bg-inverted-pressed: light-dark(
1848
+ var(--db-pink-13),
1849
+ var(--db-pink-2)
1850
+ );
1851
+ --db-pink-on-bg-vibrant-default: light-dark(
1852
+ var(--db-pink-1),
1853
+ var(--db-pink-1)
1854
+ );
1855
+ --db-pink-on-bg-vibrant-hovered: light-dark(
1856
+ var(--db-pink-4),
1857
+ var(--db-pink-4)
1858
+ );
1859
+ --db-pink-on-bg-vibrant-pressed: light-dark(
1860
+ var(--db-pink-2),
1861
+ var(--db-pink-2)
1862
+ );
1863
+ --db-pink-bg-basic-level-1-default: light-dark(
1864
+ var(--db-pink-14),
1865
+ var(--db-pink-1)
1866
+ );
1867
+ --db-pink-bg-basic-level-1-hovered: light-dark(
1868
+ var(--db-pink-13),
1869
+ var(--db-pink-3)
1870
+ );
1871
+ --db-pink-bg-basic-level-1-pressed: light-dark(
1872
+ var(--db-pink-12),
1873
+ var(--db-pink-4)
1874
+ );
1875
+ --db-pink-bg-basic-level-2-default: light-dark(
1876
+ var(--db-pink-13),
1877
+ var(--db-pink-2)
1878
+ );
1879
+ --db-pink-bg-basic-level-2-hovered: light-dark(
1880
+ var(--db-pink-12),
1881
+ var(--db-pink-4)
1882
+ );
1883
+ --db-pink-bg-basic-level-2-pressed: light-dark(
1884
+ var(--db-pink-11),
1885
+ var(--db-pink-5)
1886
+ );
1887
+ --db-pink-bg-basic-level-3-default: light-dark(
1888
+ var(--db-pink-12),
1889
+ var(--db-pink-3)
1890
+ );
1891
+ --db-pink-bg-basic-level-3-hovered: light-dark(
1892
+ var(--db-pink-11),
1893
+ var(--db-pink-1)
1894
+ );
1895
+ --db-pink-bg-basic-level-3-pressed: light-dark(
1896
+ var(--db-pink-10),
1897
+ var(--db-pink-0)
1898
+ );
1899
+ --db-pink-bg-basic-transparent-full-default: light-dark(
1900
+ color-mix(in srgb, transparent 100%, var(--db-pink-6)),
1901
+ color-mix(in srgb, transparent 100%, var(--db-pink-9))
1902
+ );
1903
+ --db-pink-bg-basic-transparent-semi-default: light-dark(
1904
+ color-mix(in srgb, transparent 92%, var(--db-pink-6)),
1905
+ color-mix(in srgb, transparent 84%, var(--db-pink-9))
1906
+ );
1907
+ --db-pink-bg-basic-transparent-hovered: light-dark(
1908
+ color-mix(in srgb, transparent 76%, var(--db-pink-6)),
1909
+ color-mix(in srgb, transparent 76%, var(--db-pink-9))
1910
+ );
1911
+ --db-pink-bg-basic-transparent-pressed: light-dark(
1912
+ color-mix(in srgb, transparent 68%, var(--db-pink-6)),
1913
+ color-mix(in srgb, transparent 68%, var(--db-pink-9))
1914
+ );
1915
+ --db-pink-bg-inverted-contrast-max-default: light-dark(
1916
+ var(--db-pink-1),
1917
+ var(--db-pink-12)
1918
+ );
1919
+ --db-pink-bg-inverted-contrast-max-hovered: light-dark(
1920
+ var(--db-pink-5),
1921
+ var(--db-pink-9)
1922
+ );
1923
+ --db-pink-bg-inverted-contrast-max-pressed: light-dark(
1924
+ var(--db-pink-2),
1925
+ var(--db-pink-11)
1926
+ );
1927
+ --db-pink-bg-inverted-contrast-high-default: light-dark(
1928
+ var(--db-pink-6),
1929
+ var(--db-pink-9)
1930
+ );
1931
+ --db-pink-bg-inverted-contrast-high-hovered: light-dark(
1932
+ var(--db-pink-2),
1933
+ var(--db-pink-12)
1934
+ );
1935
+ --db-pink-bg-inverted-contrast-high-pressed: light-dark(
1936
+ var(--db-pink-5),
1937
+ var(--db-pink-10)
1938
+ );
1939
+ --db-pink-bg-inverted-contrast-low-default: light-dark(
1940
+ var(--db-pink-7),
1941
+ var(--db-pink-8)
1942
+ );
1943
+ --db-pink-bg-inverted-contrast-low-hovered: light-dark(
1944
+ var(--db-pink-3),
1945
+ var(--db-pink-12)
1946
+ );
1947
+ --db-pink-bg-inverted-contrast-low-pressed: light-dark(
1948
+ var(--db-pink-6),
1949
+ var(--db-pink-9)
1950
+ );
1951
+ --db-pink-bg-vibrant-default: light-dark(
1952
+ var(--db-pink-9),
1953
+ var(--db-pink-9)
1954
+ );
1955
+ --db-pink-bg-vibrant-hovered: light-dark(
1956
+ var(--db-pink-12),
1957
+ var(--db-pink-12)
1958
+ );
1959
+ --db-pink-bg-vibrant-pressed: light-dark(
1960
+ var(--db-pink-10),
1961
+ var(--db-pink-10)
1962
+ );
1963
+ --db-violet-origin-default: light-dark(
1964
+ var(--db-violet-origin-light-default),
1965
+ var(--db-violet-origin-dark-default)
1966
+ );
1967
+ --db-violet-origin-hovered: light-dark(
1968
+ var(--db-violet-origin-light-hovered),
1969
+ var(--db-violet-origin-dark-hovered)
1970
+ );
1971
+ --db-violet-origin-pressed: light-dark(
1972
+ var(--db-violet-origin-light-pressed),
1973
+ var(--db-violet-origin-dark-pressed)
1974
+ );
1975
+ --db-violet-on-origin-default: light-dark(
1976
+ var(--db-violet-on-origin-light-default),
1977
+ var(--db-violet-on-origin-dark-default)
1978
+ );
1979
+ --db-violet-on-bg-basic-emphasis-50-default: light-dark(
1980
+ var(--db-violet-9),
1981
+ var(--db-violet-5)
1982
+ );
1983
+ --db-violet-on-bg-basic-emphasis-60-default: light-dark(
1984
+ var(--db-violet-10),
1985
+ var(--db-violet-6)
1986
+ );
1987
+ --db-violet-on-bg-basic-emphasis-70-default: light-dark(
1988
+ var(--db-violet-7),
1989
+ var(--db-violet-8)
1990
+ );
1991
+ --db-violet-on-bg-basic-emphasis-70-hovered: light-dark(
1992
+ var(--db-violet-4),
1993
+ var(--db-violet-10)
1994
+ );
1995
+ --db-violet-on-bg-basic-emphasis-70-pressed: light-dark(
1996
+ var(--db-violet-6),
1997
+ var(--db-violet-9)
1998
+ );
1999
+ --db-violet-on-bg-basic-emphasis-80-default: light-dark(
2000
+ var(--db-violet-6),
2001
+ var(--db-violet-9)
2002
+ );
2003
+ --db-violet-on-bg-basic-emphasis-80-hovered: light-dark(
2004
+ var(--db-violet-3),
2005
+ var(--db-violet-12)
2006
+ );
2007
+ --db-violet-on-bg-basic-emphasis-80-pressed: light-dark(
2008
+ var(--db-violet-5),
2009
+ var(--db-violet-10)
2010
+ );
2011
+ --db-violet-on-bg-basic-emphasis-90-default: light-dark(
2012
+ var(--db-violet-4),
2013
+ var(--db-violet-10)
2014
+ );
2015
+ --db-violet-on-bg-basic-emphasis-90-hovered: light-dark(
2016
+ var(--db-violet-0),
2017
+ var(--db-violet-14)
2018
+ );
2019
+ --db-violet-on-bg-basic-emphasis-90-pressed: light-dark(
2020
+ var(--db-violet-3),
2021
+ var(--db-violet-11)
2022
+ );
2023
+ --db-violet-on-bg-basic-emphasis-100-default: light-dark(
2024
+ var(--db-violet-1),
2025
+ var(--db-violet-12)
2026
+ );
2027
+ --db-violet-on-bg-basic-emphasis-100-hovered: light-dark(
2028
+ var(--db-violet-5),
2029
+ var(--db-violet-9)
2030
+ );
2031
+ --db-violet-on-bg-basic-emphasis-100-pressed: light-dark(
2032
+ var(--db-violet-2),
2033
+ var(--db-violet-11)
2034
+ );
2035
+ --db-violet-on-bg-inverted-default: light-dark(
2036
+ var(--db-violet-14),
2037
+ var(--db-violet-3)
2038
+ );
2039
+ --db-violet-on-bg-inverted-hovered: light-dark(
2040
+ var(--db-violet-11),
2041
+ var(--db-violet-0)
2042
+ );
2043
+ --db-violet-on-bg-inverted-pressed: light-dark(
2044
+ var(--db-violet-13),
2045
+ var(--db-violet-2)
2046
+ );
2047
+ --db-violet-on-bg-vibrant-default: light-dark(
2048
+ var(--db-violet-1),
2049
+ var(--db-violet-1)
2050
+ );
2051
+ --db-violet-on-bg-vibrant-hovered: light-dark(
2052
+ var(--db-violet-4),
2053
+ var(--db-violet-4)
2054
+ );
2055
+ --db-violet-on-bg-vibrant-pressed: light-dark(
2056
+ var(--db-violet-2),
2057
+ var(--db-violet-2)
2058
+ );
2059
+ --db-violet-bg-basic-level-1-default: light-dark(
2060
+ var(--db-violet-14),
2061
+ var(--db-violet-1)
2062
+ );
2063
+ --db-violet-bg-basic-level-1-hovered: light-dark(
2064
+ var(--db-violet-13),
2065
+ var(--db-violet-3)
2066
+ );
2067
+ --db-violet-bg-basic-level-1-pressed: light-dark(
2068
+ var(--db-violet-12),
2069
+ var(--db-violet-4)
2070
+ );
2071
+ --db-violet-bg-basic-level-2-default: light-dark(
2072
+ var(--db-violet-13),
2073
+ var(--db-violet-2)
2074
+ );
2075
+ --db-violet-bg-basic-level-2-hovered: light-dark(
2076
+ var(--db-violet-12),
2077
+ var(--db-violet-4)
2078
+ );
2079
+ --db-violet-bg-basic-level-2-pressed: light-dark(
2080
+ var(--db-violet-11),
2081
+ var(--db-violet-5)
2082
+ );
2083
+ --db-violet-bg-basic-level-3-default: light-dark(
2084
+ var(--db-violet-12),
2085
+ var(--db-violet-3)
2086
+ );
2087
+ --db-violet-bg-basic-level-3-hovered: light-dark(
2088
+ var(--db-violet-11),
2089
+ var(--db-violet-1)
2090
+ );
2091
+ --db-violet-bg-basic-level-3-pressed: light-dark(
2092
+ var(--db-violet-10),
2093
+ var(--db-violet-0)
2094
+ );
2095
+ --db-violet-bg-basic-transparent-full-default: light-dark(
2096
+ color-mix(in srgb, transparent 100%, var(--db-violet-6)),
2097
+ color-mix(in srgb, transparent 100%, var(--db-violet-9))
2098
+ );
2099
+ --db-violet-bg-basic-transparent-semi-default: light-dark(
2100
+ color-mix(in srgb, transparent 92%, var(--db-violet-6)),
2101
+ color-mix(in srgb, transparent 84%, var(--db-violet-9))
2102
+ );
2103
+ --db-violet-bg-basic-transparent-hovered: light-dark(
2104
+ color-mix(in srgb, transparent 76%, var(--db-violet-6)),
2105
+ color-mix(in srgb, transparent 76%, var(--db-violet-9))
2106
+ );
2107
+ --db-violet-bg-basic-transparent-pressed: light-dark(
2108
+ color-mix(in srgb, transparent 68%, var(--db-violet-6)),
2109
+ color-mix(in srgb, transparent 68%, var(--db-violet-9))
2110
+ );
2111
+ --db-violet-bg-inverted-contrast-max-default: light-dark(
2112
+ var(--db-violet-1),
2113
+ var(--db-violet-12)
2114
+ );
2115
+ --db-violet-bg-inverted-contrast-max-hovered: light-dark(
2116
+ var(--db-violet-5),
2117
+ var(--db-violet-9)
2118
+ );
2119
+ --db-violet-bg-inverted-contrast-max-pressed: light-dark(
2120
+ var(--db-violet-2),
2121
+ var(--db-violet-11)
2122
+ );
2123
+ --db-violet-bg-inverted-contrast-high-default: light-dark(
2124
+ var(--db-violet-6),
2125
+ var(--db-violet-9)
2126
+ );
2127
+ --db-violet-bg-inverted-contrast-high-hovered: light-dark(
2128
+ var(--db-violet-2),
2129
+ var(--db-violet-12)
2130
+ );
2131
+ --db-violet-bg-inverted-contrast-high-pressed: light-dark(
2132
+ var(--db-violet-5),
2133
+ var(--db-violet-10)
2134
+ );
2135
+ --db-violet-bg-inverted-contrast-low-default: light-dark(
2136
+ var(--db-violet-7),
2137
+ var(--db-violet-8)
2138
+ );
2139
+ --db-violet-bg-inverted-contrast-low-hovered: light-dark(
2140
+ var(--db-violet-3),
2141
+ var(--db-violet-12)
2142
+ );
2143
+ --db-violet-bg-inverted-contrast-low-pressed: light-dark(
2144
+ var(--db-violet-6),
2145
+ var(--db-violet-9)
2146
+ );
2147
+ --db-violet-bg-vibrant-default: light-dark(
2148
+ var(--db-violet-9),
2149
+ var(--db-violet-9)
2150
+ );
2151
+ --db-violet-bg-vibrant-hovered: light-dark(
2152
+ var(--db-violet-12),
2153
+ var(--db-violet-12)
2154
+ );
2155
+ --db-violet-bg-vibrant-pressed: light-dark(
2156
+ var(--db-violet-10),
2157
+ var(--db-violet-10)
2158
+ );
2159
+ --db-blue-origin-default: light-dark(
2160
+ var(--db-blue-origin-light-default),
2161
+ var(--db-blue-origin-dark-default)
2162
+ );
2163
+ --db-blue-origin-hovered: light-dark(
2164
+ var(--db-blue-origin-light-hovered),
2165
+ var(--db-blue-origin-dark-hovered)
2166
+ );
2167
+ --db-blue-origin-pressed: light-dark(
2168
+ var(--db-blue-origin-light-pressed),
2169
+ var(--db-blue-origin-dark-pressed)
2170
+ );
2171
+ --db-blue-on-origin-default: light-dark(
2172
+ var(--db-blue-on-origin-light-default),
2173
+ var(--db-blue-on-origin-dark-default)
2174
+ );
2175
+ --db-blue-on-bg-basic-emphasis-50-default: light-dark(
2176
+ var(--db-blue-9),
2177
+ var(--db-blue-5)
2178
+ );
2179
+ --db-blue-on-bg-basic-emphasis-60-default: light-dark(
2180
+ var(--db-blue-10),
2181
+ var(--db-blue-6)
2182
+ );
2183
+ --db-blue-on-bg-basic-emphasis-70-default: light-dark(
2184
+ var(--db-blue-7),
2185
+ var(--db-blue-8)
2186
+ );
2187
+ --db-blue-on-bg-basic-emphasis-70-hovered: light-dark(
2188
+ var(--db-blue-4),
2189
+ var(--db-blue-10)
2190
+ );
2191
+ --db-blue-on-bg-basic-emphasis-70-pressed: light-dark(
2192
+ var(--db-blue-6),
2193
+ var(--db-blue-9)
2194
+ );
2195
+ --db-blue-on-bg-basic-emphasis-80-default: light-dark(
2196
+ var(--db-blue-6),
2197
+ var(--db-blue-9)
2198
+ );
2199
+ --db-blue-on-bg-basic-emphasis-80-hovered: light-dark(
2200
+ var(--db-blue-3),
2201
+ var(--db-blue-12)
2202
+ );
2203
+ --db-blue-on-bg-basic-emphasis-80-pressed: light-dark(
2204
+ var(--db-blue-5),
2205
+ var(--db-blue-10)
2206
+ );
2207
+ --db-blue-on-bg-basic-emphasis-90-default: light-dark(
2208
+ var(--db-blue-4),
2209
+ var(--db-blue-10)
2210
+ );
2211
+ --db-blue-on-bg-basic-emphasis-90-hovered: light-dark(
2212
+ var(--db-blue-0),
2213
+ var(--db-blue-14)
2214
+ );
2215
+ --db-blue-on-bg-basic-emphasis-90-pressed: light-dark(
2216
+ var(--db-blue-3),
2217
+ var(--db-blue-11)
2218
+ );
2219
+ --db-blue-on-bg-basic-emphasis-100-default: light-dark(
2220
+ var(--db-blue-1),
2221
+ var(--db-blue-12)
2222
+ );
2223
+ --db-blue-on-bg-basic-emphasis-100-hovered: light-dark(
2224
+ var(--db-blue-5),
2225
+ var(--db-blue-9)
2226
+ );
2227
+ --db-blue-on-bg-basic-emphasis-100-pressed: light-dark(
2228
+ var(--db-blue-2),
2229
+ var(--db-blue-11)
2230
+ );
2231
+ --db-blue-on-bg-inverted-default: light-dark(
2232
+ var(--db-blue-14),
2233
+ var(--db-blue-3)
2234
+ );
2235
+ --db-blue-on-bg-inverted-hovered: light-dark(
2236
+ var(--db-blue-11),
2237
+ var(--db-blue-0)
2238
+ );
2239
+ --db-blue-on-bg-inverted-pressed: light-dark(
2240
+ var(--db-blue-13),
2241
+ var(--db-blue-2)
2242
+ );
2243
+ --db-blue-on-bg-vibrant-default: light-dark(
2244
+ var(--db-blue-1),
2245
+ var(--db-blue-1)
2246
+ );
2247
+ --db-blue-on-bg-vibrant-hovered: light-dark(
2248
+ var(--db-blue-4),
2249
+ var(--db-blue-4)
2250
+ );
2251
+ --db-blue-on-bg-vibrant-pressed: light-dark(
2252
+ var(--db-blue-2),
2253
+ var(--db-blue-2)
2254
+ );
2255
+ --db-blue-bg-basic-level-1-default: light-dark(
2256
+ var(--db-blue-14),
2257
+ var(--db-blue-1)
2258
+ );
2259
+ --db-blue-bg-basic-level-1-hovered: light-dark(
2260
+ var(--db-blue-13),
2261
+ var(--db-blue-3)
2262
+ );
2263
+ --db-blue-bg-basic-level-1-pressed: light-dark(
2264
+ var(--db-blue-12),
2265
+ var(--db-blue-4)
2266
+ );
2267
+ --db-blue-bg-basic-level-2-default: light-dark(
2268
+ var(--db-blue-13),
2269
+ var(--db-blue-2)
2270
+ );
2271
+ --db-blue-bg-basic-level-2-hovered: light-dark(
2272
+ var(--db-blue-12),
2273
+ var(--db-blue-4)
2274
+ );
2275
+ --db-blue-bg-basic-level-2-pressed: light-dark(
2276
+ var(--db-blue-11),
2277
+ var(--db-blue-5)
2278
+ );
2279
+ --db-blue-bg-basic-level-3-default: light-dark(
2280
+ var(--db-blue-12),
2281
+ var(--db-blue-3)
2282
+ );
2283
+ --db-blue-bg-basic-level-3-hovered: light-dark(
2284
+ var(--db-blue-11),
2285
+ var(--db-blue-1)
2286
+ );
2287
+ --db-blue-bg-basic-level-3-pressed: light-dark(
2288
+ var(--db-blue-10),
2289
+ var(--db-blue-0)
2290
+ );
2291
+ --db-blue-bg-basic-transparent-full-default: light-dark(
2292
+ color-mix(in srgb, transparent 100%, var(--db-blue-6)),
2293
+ color-mix(in srgb, transparent 100%, var(--db-blue-9))
2294
+ );
2295
+ --db-blue-bg-basic-transparent-semi-default: light-dark(
2296
+ color-mix(in srgb, transparent 92%, var(--db-blue-6)),
2297
+ color-mix(in srgb, transparent 84%, var(--db-blue-9))
2298
+ );
2299
+ --db-blue-bg-basic-transparent-hovered: light-dark(
2300
+ color-mix(in srgb, transparent 76%, var(--db-blue-6)),
2301
+ color-mix(in srgb, transparent 76%, var(--db-blue-9))
2302
+ );
2303
+ --db-blue-bg-basic-transparent-pressed: light-dark(
2304
+ color-mix(in srgb, transparent 68%, var(--db-blue-6)),
2305
+ color-mix(in srgb, transparent 68%, var(--db-blue-9))
2306
+ );
2307
+ --db-blue-bg-inverted-contrast-max-default: light-dark(
2308
+ var(--db-blue-1),
2309
+ var(--db-blue-12)
2310
+ );
2311
+ --db-blue-bg-inverted-contrast-max-hovered: light-dark(
2312
+ var(--db-blue-5),
2313
+ var(--db-blue-9)
2314
+ );
2315
+ --db-blue-bg-inverted-contrast-max-pressed: light-dark(
2316
+ var(--db-blue-2),
2317
+ var(--db-blue-11)
2318
+ );
2319
+ --db-blue-bg-inverted-contrast-high-default: light-dark(
2320
+ var(--db-blue-6),
2321
+ var(--db-blue-9)
2322
+ );
2323
+ --db-blue-bg-inverted-contrast-high-hovered: light-dark(
2324
+ var(--db-blue-2),
2325
+ var(--db-blue-12)
2326
+ );
2327
+ --db-blue-bg-inverted-contrast-high-pressed: light-dark(
2328
+ var(--db-blue-5),
2329
+ var(--db-blue-10)
2330
+ );
2331
+ --db-blue-bg-inverted-contrast-low-default: light-dark(
2332
+ var(--db-blue-7),
2333
+ var(--db-blue-8)
2334
+ );
2335
+ --db-blue-bg-inverted-contrast-low-hovered: light-dark(
2336
+ var(--db-blue-3),
2337
+ var(--db-blue-12)
2338
+ );
2339
+ --db-blue-bg-inverted-contrast-low-pressed: light-dark(
2340
+ var(--db-blue-6),
2341
+ var(--db-blue-9)
2342
+ );
2343
+ --db-blue-bg-vibrant-default: light-dark(
2344
+ var(--db-blue-9),
2345
+ var(--db-blue-9)
2346
+ );
2347
+ --db-blue-bg-vibrant-hovered: light-dark(
2348
+ var(--db-blue-12),
2349
+ var(--db-blue-12)
2350
+ );
2351
+ --db-blue-bg-vibrant-pressed: light-dark(
2352
+ var(--db-blue-10),
2353
+ var(--db-blue-10)
2354
+ );
2355
+ --db-cyan-origin-default: light-dark(
2356
+ var(--db-cyan-origin-light-default),
2357
+ var(--db-cyan-origin-dark-default)
2358
+ );
2359
+ --db-cyan-origin-hovered: light-dark(
2360
+ var(--db-cyan-origin-light-hovered),
2361
+ var(--db-cyan-origin-dark-hovered)
2362
+ );
2363
+ --db-cyan-origin-pressed: light-dark(
2364
+ var(--db-cyan-origin-light-pressed),
2365
+ var(--db-cyan-origin-dark-pressed)
2366
+ );
2367
+ --db-cyan-on-origin-default: light-dark(
2368
+ var(--db-cyan-on-origin-light-default),
2369
+ var(--db-cyan-on-origin-dark-default)
2370
+ );
2371
+ --db-cyan-on-bg-basic-emphasis-50-default: light-dark(
2372
+ var(--db-cyan-9),
2373
+ var(--db-cyan-5)
2374
+ );
2375
+ --db-cyan-on-bg-basic-emphasis-60-default: light-dark(
2376
+ var(--db-cyan-10),
2377
+ var(--db-cyan-6)
2378
+ );
2379
+ --db-cyan-on-bg-basic-emphasis-70-default: light-dark(
2380
+ var(--db-cyan-7),
2381
+ var(--db-cyan-8)
2382
+ );
2383
+ --db-cyan-on-bg-basic-emphasis-70-hovered: light-dark(
2384
+ var(--db-cyan-4),
2385
+ var(--db-cyan-10)
2386
+ );
2387
+ --db-cyan-on-bg-basic-emphasis-70-pressed: light-dark(
2388
+ var(--db-cyan-6),
2389
+ var(--db-cyan-9)
2390
+ );
2391
+ --db-cyan-on-bg-basic-emphasis-80-default: light-dark(
2392
+ var(--db-cyan-6),
2393
+ var(--db-cyan-9)
2394
+ );
2395
+ --db-cyan-on-bg-basic-emphasis-80-hovered: light-dark(
2396
+ var(--db-cyan-3),
2397
+ var(--db-cyan-12)
2398
+ );
2399
+ --db-cyan-on-bg-basic-emphasis-80-pressed: light-dark(
2400
+ var(--db-cyan-5),
2401
+ var(--db-cyan-10)
2402
+ );
2403
+ --db-cyan-on-bg-basic-emphasis-90-default: light-dark(
2404
+ var(--db-cyan-4),
2405
+ var(--db-cyan-10)
2406
+ );
2407
+ --db-cyan-on-bg-basic-emphasis-90-hovered: light-dark(
2408
+ var(--db-cyan-0),
2409
+ var(--db-cyan-14)
2410
+ );
2411
+ --db-cyan-on-bg-basic-emphasis-90-pressed: light-dark(
2412
+ var(--db-cyan-3),
2413
+ var(--db-cyan-11)
2414
+ );
2415
+ --db-cyan-on-bg-basic-emphasis-100-default: light-dark(
2416
+ var(--db-cyan-1),
2417
+ var(--db-cyan-12)
2418
+ );
2419
+ --db-cyan-on-bg-basic-emphasis-100-hovered: light-dark(
2420
+ var(--db-cyan-5),
2421
+ var(--db-cyan-9)
2422
+ );
2423
+ --db-cyan-on-bg-basic-emphasis-100-pressed: light-dark(
2424
+ var(--db-cyan-2),
2425
+ var(--db-cyan-11)
2426
+ );
2427
+ --db-cyan-on-bg-inverted-default: light-dark(
2428
+ var(--db-cyan-14),
2429
+ var(--db-cyan-3)
2430
+ );
2431
+ --db-cyan-on-bg-inverted-hovered: light-dark(
2432
+ var(--db-cyan-11),
2433
+ var(--db-cyan-0)
2434
+ );
2435
+ --db-cyan-on-bg-inverted-pressed: light-dark(
2436
+ var(--db-cyan-13),
2437
+ var(--db-cyan-2)
2438
+ );
2439
+ --db-cyan-on-bg-vibrant-default: light-dark(
2440
+ var(--db-cyan-1),
2441
+ var(--db-cyan-1)
2442
+ );
2443
+ --db-cyan-on-bg-vibrant-hovered: light-dark(
2444
+ var(--db-cyan-4),
2445
+ var(--db-cyan-4)
2446
+ );
2447
+ --db-cyan-on-bg-vibrant-pressed: light-dark(
2448
+ var(--db-cyan-2),
2449
+ var(--db-cyan-2)
2450
+ );
2451
+ --db-cyan-bg-basic-level-1-default: light-dark(
2452
+ var(--db-cyan-14),
2453
+ var(--db-cyan-1)
2454
+ );
2455
+ --db-cyan-bg-basic-level-1-hovered: light-dark(
2456
+ var(--db-cyan-13),
2457
+ var(--db-cyan-3)
2458
+ );
2459
+ --db-cyan-bg-basic-level-1-pressed: light-dark(
2460
+ var(--db-cyan-12),
2461
+ var(--db-cyan-4)
2462
+ );
2463
+ --db-cyan-bg-basic-level-2-default: light-dark(
2464
+ var(--db-cyan-13),
2465
+ var(--db-cyan-2)
2466
+ );
2467
+ --db-cyan-bg-basic-level-2-hovered: light-dark(
2468
+ var(--db-cyan-12),
2469
+ var(--db-cyan-4)
2470
+ );
2471
+ --db-cyan-bg-basic-level-2-pressed: light-dark(
2472
+ var(--db-cyan-11),
2473
+ var(--db-cyan-5)
2474
+ );
2475
+ --db-cyan-bg-basic-level-3-default: light-dark(
2476
+ var(--db-cyan-12),
2477
+ var(--db-cyan-3)
2478
+ );
2479
+ --db-cyan-bg-basic-level-3-hovered: light-dark(
2480
+ var(--db-cyan-11),
2481
+ var(--db-cyan-1)
2482
+ );
2483
+ --db-cyan-bg-basic-level-3-pressed: light-dark(
2484
+ var(--db-cyan-10),
2485
+ var(--db-cyan-0)
2486
+ );
2487
+ --db-cyan-bg-basic-transparent-full-default: light-dark(
2488
+ color-mix(in srgb, transparent 100%, var(--db-cyan-6)),
2489
+ color-mix(in srgb, transparent 100%, var(--db-cyan-9))
2490
+ );
2491
+ --db-cyan-bg-basic-transparent-semi-default: light-dark(
2492
+ color-mix(in srgb, transparent 92%, var(--db-cyan-6)),
2493
+ color-mix(in srgb, transparent 84%, var(--db-cyan-9))
2494
+ );
2495
+ --db-cyan-bg-basic-transparent-hovered: light-dark(
2496
+ color-mix(in srgb, transparent 76%, var(--db-cyan-6)),
2497
+ color-mix(in srgb, transparent 76%, var(--db-cyan-9))
2498
+ );
2499
+ --db-cyan-bg-basic-transparent-pressed: light-dark(
2500
+ color-mix(in srgb, transparent 68%, var(--db-cyan-6)),
2501
+ color-mix(in srgb, transparent 68%, var(--db-cyan-9))
2502
+ );
2503
+ --db-cyan-bg-inverted-contrast-max-default: light-dark(
2504
+ var(--db-cyan-1),
2505
+ var(--db-cyan-12)
2506
+ );
2507
+ --db-cyan-bg-inverted-contrast-max-hovered: light-dark(
2508
+ var(--db-cyan-5),
2509
+ var(--db-cyan-9)
2510
+ );
2511
+ --db-cyan-bg-inverted-contrast-max-pressed: light-dark(
2512
+ var(--db-cyan-2),
2513
+ var(--db-cyan-11)
2514
+ );
2515
+ --db-cyan-bg-inverted-contrast-high-default: light-dark(
2516
+ var(--db-cyan-6),
2517
+ var(--db-cyan-9)
2518
+ );
2519
+ --db-cyan-bg-inverted-contrast-high-hovered: light-dark(
2520
+ var(--db-cyan-2),
2521
+ var(--db-cyan-12)
2522
+ );
2523
+ --db-cyan-bg-inverted-contrast-high-pressed: light-dark(
2524
+ var(--db-cyan-5),
2525
+ var(--db-cyan-10)
2526
+ );
2527
+ --db-cyan-bg-inverted-contrast-low-default: light-dark(
2528
+ var(--db-cyan-7),
2529
+ var(--db-cyan-8)
2530
+ );
2531
+ --db-cyan-bg-inverted-contrast-low-hovered: light-dark(
2532
+ var(--db-cyan-3),
2533
+ var(--db-cyan-12)
2534
+ );
2535
+ --db-cyan-bg-inverted-contrast-low-pressed: light-dark(
2536
+ var(--db-cyan-6),
2537
+ var(--db-cyan-9)
2538
+ );
2539
+ --db-cyan-bg-vibrant-default: light-dark(
2540
+ var(--db-cyan-9),
2541
+ var(--db-cyan-9)
2542
+ );
2543
+ --db-cyan-bg-vibrant-hovered: light-dark(
2544
+ var(--db-cyan-12),
2545
+ var(--db-cyan-12)
2546
+ );
2547
+ --db-cyan-bg-vibrant-pressed: light-dark(
2548
+ var(--db-cyan-10),
2549
+ var(--db-cyan-10)
2550
+ );
2551
+ --db-turquoise-origin-default: light-dark(
2552
+ var(--db-turquoise-origin-light-default),
2553
+ var(--db-turquoise-origin-dark-default)
2554
+ );
2555
+ --db-turquoise-origin-hovered: light-dark(
2556
+ var(--db-turquoise-origin-light-hovered),
2557
+ var(--db-turquoise-origin-dark-hovered)
2558
+ );
2559
+ --db-turquoise-origin-pressed: light-dark(
2560
+ var(--db-turquoise-origin-light-pressed),
2561
+ var(--db-turquoise-origin-dark-pressed)
2562
+ );
2563
+ --db-turquoise-on-origin-default: light-dark(
2564
+ var(--db-turquoise-on-origin-light-default),
2565
+ var(--db-turquoise-on-origin-dark-default)
2566
+ );
2567
+ --db-turquoise-on-bg-basic-emphasis-50-default: light-dark(
2568
+ var(--db-turquoise-9),
2569
+ var(--db-turquoise-5)
2570
+ );
2571
+ --db-turquoise-on-bg-basic-emphasis-60-default: light-dark(
2572
+ var(--db-turquoise-10),
2573
+ var(--db-turquoise-6)
2574
+ );
2575
+ --db-turquoise-on-bg-basic-emphasis-70-default: light-dark(
2576
+ var(--db-turquoise-7),
2577
+ var(--db-turquoise-8)
2578
+ );
2579
+ --db-turquoise-on-bg-basic-emphasis-70-hovered: light-dark(
2580
+ var(--db-turquoise-4),
2581
+ var(--db-turquoise-10)
2582
+ );
2583
+ --db-turquoise-on-bg-basic-emphasis-70-pressed: light-dark(
2584
+ var(--db-turquoise-6),
2585
+ var(--db-turquoise-9)
2586
+ );
2587
+ --db-turquoise-on-bg-basic-emphasis-80-default: light-dark(
2588
+ var(--db-turquoise-6),
2589
+ var(--db-turquoise-9)
2590
+ );
2591
+ --db-turquoise-on-bg-basic-emphasis-80-hovered: light-dark(
2592
+ var(--db-turquoise-3),
2593
+ var(--db-turquoise-12)
2594
+ );
2595
+ --db-turquoise-on-bg-basic-emphasis-80-pressed: light-dark(
2596
+ var(--db-turquoise-5),
2597
+ var(--db-turquoise-10)
2598
+ );
2599
+ --db-turquoise-on-bg-basic-emphasis-90-default: light-dark(
2600
+ var(--db-turquoise-4),
2601
+ var(--db-turquoise-10)
2602
+ );
2603
+ --db-turquoise-on-bg-basic-emphasis-90-hovered: light-dark(
2604
+ var(--db-turquoise-0),
2605
+ var(--db-turquoise-14)
2606
+ );
2607
+ --db-turquoise-on-bg-basic-emphasis-90-pressed: light-dark(
2608
+ var(--db-turquoise-3),
2609
+ var(--db-turquoise-11)
2610
+ );
2611
+ --db-turquoise-on-bg-basic-emphasis-100-default: light-dark(
2612
+ var(--db-turquoise-1),
2613
+ var(--db-turquoise-12)
2614
+ );
2615
+ --db-turquoise-on-bg-basic-emphasis-100-hovered: light-dark(
2616
+ var(--db-turquoise-5),
2617
+ var(--db-turquoise-9)
2618
+ );
2619
+ --db-turquoise-on-bg-basic-emphasis-100-pressed: light-dark(
2620
+ var(--db-turquoise-2),
2621
+ var(--db-turquoise-11)
2622
+ );
2623
+ --db-turquoise-on-bg-inverted-default: light-dark(
2624
+ var(--db-turquoise-14),
2625
+ var(--db-turquoise-3)
2626
+ );
2627
+ --db-turquoise-on-bg-inverted-hovered: light-dark(
2628
+ var(--db-turquoise-11),
2629
+ var(--db-turquoise-0)
2630
+ );
2631
+ --db-turquoise-on-bg-inverted-pressed: light-dark(
2632
+ var(--db-turquoise-13),
2633
+ var(--db-turquoise-2)
2634
+ );
2635
+ --db-turquoise-on-bg-vibrant-default: light-dark(
2636
+ var(--db-turquoise-1),
2637
+ var(--db-turquoise-1)
2638
+ );
2639
+ --db-turquoise-on-bg-vibrant-hovered: light-dark(
2640
+ var(--db-turquoise-4),
2641
+ var(--db-turquoise-4)
2642
+ );
2643
+ --db-turquoise-on-bg-vibrant-pressed: light-dark(
2644
+ var(--db-turquoise-2),
2645
+ var(--db-turquoise-2)
2646
+ );
2647
+ --db-turquoise-bg-basic-level-1-default: light-dark(
2648
+ var(--db-turquoise-14),
2649
+ var(--db-turquoise-1)
2650
+ );
2651
+ --db-turquoise-bg-basic-level-1-hovered: light-dark(
2652
+ var(--db-turquoise-13),
2653
+ var(--db-turquoise-3)
2654
+ );
2655
+ --db-turquoise-bg-basic-level-1-pressed: light-dark(
2656
+ var(--db-turquoise-12),
2657
+ var(--db-turquoise-4)
2658
+ );
2659
+ --db-turquoise-bg-basic-level-2-default: light-dark(
2660
+ var(--db-turquoise-13),
2661
+ var(--db-turquoise-2)
2662
+ );
2663
+ --db-turquoise-bg-basic-level-2-hovered: light-dark(
2664
+ var(--db-turquoise-12),
2665
+ var(--db-turquoise-4)
2666
+ );
2667
+ --db-turquoise-bg-basic-level-2-pressed: light-dark(
2668
+ var(--db-turquoise-11),
2669
+ var(--db-turquoise-5)
2670
+ );
2671
+ --db-turquoise-bg-basic-level-3-default: light-dark(
2672
+ var(--db-turquoise-12),
2673
+ var(--db-turquoise-3)
2674
+ );
2675
+ --db-turquoise-bg-basic-level-3-hovered: light-dark(
2676
+ var(--db-turquoise-11),
2677
+ var(--db-turquoise-1)
2678
+ );
2679
+ --db-turquoise-bg-basic-level-3-pressed: light-dark(
2680
+ var(--db-turquoise-10),
2681
+ var(--db-turquoise-0)
2682
+ );
2683
+ --db-turquoise-bg-basic-transparent-full-default: light-dark(
2684
+ color-mix(in srgb, transparent 100%, var(--db-turquoise-6)),
2685
+ color-mix(in srgb, transparent 100%, var(--db-turquoise-9))
2686
+ );
2687
+ --db-turquoise-bg-basic-transparent-semi-default: light-dark(
2688
+ color-mix(in srgb, transparent 92%, var(--db-turquoise-6)),
2689
+ color-mix(in srgb, transparent 84%, var(--db-turquoise-9))
2690
+ );
2691
+ --db-turquoise-bg-basic-transparent-hovered: light-dark(
2692
+ color-mix(in srgb, transparent 76%, var(--db-turquoise-6)),
2693
+ color-mix(in srgb, transparent 76%, var(--db-turquoise-9))
2694
+ );
2695
+ --db-turquoise-bg-basic-transparent-pressed: light-dark(
2696
+ color-mix(in srgb, transparent 68%, var(--db-turquoise-6)),
2697
+ color-mix(in srgb, transparent 68%, var(--db-turquoise-9))
2698
+ );
2699
+ --db-turquoise-bg-inverted-contrast-max-default: light-dark(
2700
+ var(--db-turquoise-1),
2701
+ var(--db-turquoise-12)
2702
+ );
2703
+ --db-turquoise-bg-inverted-contrast-max-hovered: light-dark(
2704
+ var(--db-turquoise-5),
2705
+ var(--db-turquoise-9)
2706
+ );
2707
+ --db-turquoise-bg-inverted-contrast-max-pressed: light-dark(
2708
+ var(--db-turquoise-2),
2709
+ var(--db-turquoise-11)
2710
+ );
2711
+ --db-turquoise-bg-inverted-contrast-high-default: light-dark(
2712
+ var(--db-turquoise-6),
2713
+ var(--db-turquoise-9)
2714
+ );
2715
+ --db-turquoise-bg-inverted-contrast-high-hovered: light-dark(
2716
+ var(--db-turquoise-2),
2717
+ var(--db-turquoise-12)
2718
+ );
2719
+ --db-turquoise-bg-inverted-contrast-high-pressed: light-dark(
2720
+ var(--db-turquoise-5),
2721
+ var(--db-turquoise-10)
2722
+ );
2723
+ --db-turquoise-bg-inverted-contrast-low-default: light-dark(
2724
+ var(--db-turquoise-7),
2725
+ var(--db-turquoise-8)
2726
+ );
2727
+ --db-turquoise-bg-inverted-contrast-low-hovered: light-dark(
2728
+ var(--db-turquoise-3),
2729
+ var(--db-turquoise-12)
2730
+ );
2731
+ --db-turquoise-bg-inverted-contrast-low-pressed: light-dark(
2732
+ var(--db-turquoise-6),
2733
+ var(--db-turquoise-9)
2734
+ );
2735
+ --db-turquoise-bg-vibrant-default: light-dark(
2736
+ var(--db-turquoise-9),
2737
+ var(--db-turquoise-9)
2738
+ );
2739
+ --db-turquoise-bg-vibrant-hovered: light-dark(
2740
+ var(--db-turquoise-12),
2741
+ var(--db-turquoise-12)
2742
+ );
2743
+ --db-turquoise-bg-vibrant-pressed: light-dark(
2744
+ var(--db-turquoise-10),
2745
+ var(--db-turquoise-10)
2746
+ );
2747
+ --db-green-origin-default: light-dark(
2748
+ var(--db-green-origin-light-default),
2749
+ var(--db-green-origin-dark-default)
2750
+ );
2751
+ --db-green-origin-hovered: light-dark(
2752
+ var(--db-green-origin-light-hovered),
2753
+ var(--db-green-origin-dark-hovered)
2754
+ );
2755
+ --db-green-origin-pressed: light-dark(
2756
+ var(--db-green-origin-light-pressed),
2757
+ var(--db-green-origin-dark-pressed)
2758
+ );
2759
+ --db-green-on-origin-default: light-dark(
2760
+ var(--db-green-on-origin-light-default),
2761
+ var(--db-green-on-origin-dark-default)
2762
+ );
2763
+ --db-green-on-bg-basic-emphasis-50-default: light-dark(
2764
+ var(--db-green-9),
2765
+ var(--db-green-5)
2766
+ );
2767
+ --db-green-on-bg-basic-emphasis-60-default: light-dark(
2768
+ var(--db-green-10),
2769
+ var(--db-green-6)
2770
+ );
2771
+ --db-green-on-bg-basic-emphasis-70-default: light-dark(
2772
+ var(--db-green-7),
2773
+ var(--db-green-8)
2774
+ );
2775
+ --db-green-on-bg-basic-emphasis-70-hovered: light-dark(
2776
+ var(--db-green-4),
2777
+ var(--db-green-10)
2778
+ );
2779
+ --db-green-on-bg-basic-emphasis-70-pressed: light-dark(
2780
+ var(--db-green-6),
2781
+ var(--db-green-9)
2782
+ );
2783
+ --db-green-on-bg-basic-emphasis-80-default: light-dark(
2784
+ var(--db-green-6),
2785
+ var(--db-green-9)
2786
+ );
2787
+ --db-green-on-bg-basic-emphasis-80-hovered: light-dark(
2788
+ var(--db-green-3),
2789
+ var(--db-green-12)
2790
+ );
2791
+ --db-green-on-bg-basic-emphasis-80-pressed: light-dark(
2792
+ var(--db-green-5),
2793
+ var(--db-green-10)
2794
+ );
2795
+ --db-green-on-bg-basic-emphasis-90-default: light-dark(
2796
+ var(--db-green-4),
2797
+ var(--db-green-10)
2798
+ );
2799
+ --db-green-on-bg-basic-emphasis-90-hovered: light-dark(
2800
+ var(--db-green-0),
2801
+ var(--db-green-14)
2802
+ );
2803
+ --db-green-on-bg-basic-emphasis-90-pressed: light-dark(
2804
+ var(--db-green-3),
2805
+ var(--db-green-11)
2806
+ );
2807
+ --db-green-on-bg-basic-emphasis-100-default: light-dark(
2808
+ var(--db-green-1),
2809
+ var(--db-green-12)
2810
+ );
2811
+ --db-green-on-bg-basic-emphasis-100-hovered: light-dark(
2812
+ var(--db-green-5),
2813
+ var(--db-green-9)
2814
+ );
2815
+ --db-green-on-bg-basic-emphasis-100-pressed: light-dark(
2816
+ var(--db-green-2),
2817
+ var(--db-green-11)
2818
+ );
2819
+ --db-green-on-bg-inverted-default: light-dark(
2820
+ var(--db-green-14),
2821
+ var(--db-green-3)
2822
+ );
2823
+ --db-green-on-bg-inverted-hovered: light-dark(
2824
+ var(--db-green-11),
2825
+ var(--db-green-0)
2826
+ );
2827
+ --db-green-on-bg-inverted-pressed: light-dark(
2828
+ var(--db-green-13),
2829
+ var(--db-green-2)
2830
+ );
2831
+ --db-green-on-bg-vibrant-default: light-dark(
2832
+ var(--db-green-1),
2833
+ var(--db-green-1)
2834
+ );
2835
+ --db-green-on-bg-vibrant-hovered: light-dark(
2836
+ var(--db-green-4),
2837
+ var(--db-green-4)
2838
+ );
2839
+ --db-green-on-bg-vibrant-pressed: light-dark(
2840
+ var(--db-green-2),
2841
+ var(--db-green-2)
2842
+ );
2843
+ --db-green-bg-basic-level-1-default: light-dark(
2844
+ var(--db-green-14),
2845
+ var(--db-green-1)
2846
+ );
2847
+ --db-green-bg-basic-level-1-hovered: light-dark(
2848
+ var(--db-green-13),
2849
+ var(--db-green-3)
2850
+ );
2851
+ --db-green-bg-basic-level-1-pressed: light-dark(
2852
+ var(--db-green-12),
2853
+ var(--db-green-4)
2854
+ );
2855
+ --db-green-bg-basic-level-2-default: light-dark(
2856
+ var(--db-green-13),
2857
+ var(--db-green-2)
2858
+ );
2859
+ --db-green-bg-basic-level-2-hovered: light-dark(
2860
+ var(--db-green-12),
2861
+ var(--db-green-4)
2862
+ );
2863
+ --db-green-bg-basic-level-2-pressed: light-dark(
2864
+ var(--db-green-11),
2865
+ var(--db-green-5)
2866
+ );
2867
+ --db-green-bg-basic-level-3-default: light-dark(
2868
+ var(--db-green-12),
2869
+ var(--db-green-3)
2870
+ );
2871
+ --db-green-bg-basic-level-3-hovered: light-dark(
2872
+ var(--db-green-11),
2873
+ var(--db-green-1)
2874
+ );
2875
+ --db-green-bg-basic-level-3-pressed: light-dark(
2876
+ var(--db-green-10),
2877
+ var(--db-green-0)
2878
+ );
2879
+ --db-green-bg-basic-transparent-full-default: light-dark(
2880
+ color-mix(in srgb, transparent 100%, var(--db-green-6)),
2881
+ color-mix(in srgb, transparent 100%, var(--db-green-9))
2882
+ );
2883
+ --db-green-bg-basic-transparent-semi-default: light-dark(
2884
+ color-mix(in srgb, transparent 92%, var(--db-green-6)),
2885
+ color-mix(in srgb, transparent 84%, var(--db-green-9))
2886
+ );
2887
+ --db-green-bg-basic-transparent-hovered: light-dark(
2888
+ color-mix(in srgb, transparent 76%, var(--db-green-6)),
2889
+ color-mix(in srgb, transparent 76%, var(--db-green-9))
2890
+ );
2891
+ --db-green-bg-basic-transparent-pressed: light-dark(
2892
+ color-mix(in srgb, transparent 68%, var(--db-green-6)),
2893
+ color-mix(in srgb, transparent 68%, var(--db-green-9))
2894
+ );
2895
+ --db-green-bg-inverted-contrast-max-default: light-dark(
2896
+ var(--db-green-1),
2897
+ var(--db-green-12)
2898
+ );
2899
+ --db-green-bg-inverted-contrast-max-hovered: light-dark(
2900
+ var(--db-green-5),
2901
+ var(--db-green-9)
2902
+ );
2903
+ --db-green-bg-inverted-contrast-max-pressed: light-dark(
2904
+ var(--db-green-2),
2905
+ var(--db-green-11)
2906
+ );
2907
+ --db-green-bg-inverted-contrast-high-default: light-dark(
2908
+ var(--db-green-6),
2909
+ var(--db-green-9)
2910
+ );
2911
+ --db-green-bg-inverted-contrast-high-hovered: light-dark(
2912
+ var(--db-green-2),
2913
+ var(--db-green-12)
2914
+ );
2915
+ --db-green-bg-inverted-contrast-high-pressed: light-dark(
2916
+ var(--db-green-5),
2917
+ var(--db-green-10)
2918
+ );
2919
+ --db-green-bg-inverted-contrast-low-default: light-dark(
2920
+ var(--db-green-7),
2921
+ var(--db-green-8)
2922
+ );
2923
+ --db-green-bg-inverted-contrast-low-hovered: light-dark(
2924
+ var(--db-green-3),
2925
+ var(--db-green-12)
2926
+ );
2927
+ --db-green-bg-inverted-contrast-low-pressed: light-dark(
2928
+ var(--db-green-6),
2929
+ var(--db-green-9)
2930
+ );
2931
+ --db-green-bg-vibrant-default: light-dark(
2932
+ var(--db-green-9),
2933
+ var(--db-green-9)
2934
+ );
2935
+ --db-green-bg-vibrant-hovered: light-dark(
2936
+ var(--db-green-12),
2937
+ var(--db-green-12)
2938
+ );
2939
+ --db-green-bg-vibrant-pressed: light-dark(
2940
+ var(--db-green-10),
2941
+ var(--db-green-10)
2942
+ );
2943
+ }
2944
+ }