@alfalab/core-components-vars 9.8.1 → 9.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/colors-addons.css +96 -96
  2. package/colors-bluetint.css +598 -572
  3. package/colors-decorative.css +318 -178
  4. package/colors-indigo.css +576 -550
  5. package/colors-qualitative.css +106 -106
  6. package/colors-sequential.css +192 -168
  7. package/colors-students.css +4 -0
  8. package/colors-students.d.ts +2 -0
  9. package/colors-students.js +12 -0
  10. package/colors-transparent.css +26 -26
  11. package/cssm/bundle/click.css +694 -668
  12. package/cssm/bundle/corp.css +694 -668
  13. package/cssm/bundle/intranet.css +694 -668
  14. package/cssm/bundle/mobile.css +694 -668
  15. package/cssm/bundle/site.css +694 -668
  16. package/cssm/colors-addons.css +96 -96
  17. package/cssm/colors-bluetint.css +598 -572
  18. package/cssm/colors-decorative.css +318 -178
  19. package/cssm/colors-indigo.css +576 -550
  20. package/cssm/colors-qualitative.css +106 -106
  21. package/cssm/colors-sequential.css +192 -168
  22. package/cssm/colors-students.css +4 -0
  23. package/cssm/colors-students.d.ts +2 -0
  24. package/cssm/colors-students.js +12 -0
  25. package/cssm/colors-transparent.css +26 -26
  26. package/cssm/index.css +720 -694
  27. package/cssm/index.d.ts +322 -296
  28. package/cssm/index.js +322 -296
  29. package/esm/colors-students.d.ts +2 -0
  30. package/esm/colors-students.js +6 -0
  31. package/esm/index.d.ts +322 -296
  32. package/esm/index.js +322 -296
  33. package/index.d.ts +322 -296
  34. package/index.js +322 -296
  35. package/mixins.css +2 -2
  36. package/modern/colors-students.d.ts +2 -0
  37. package/modern/colors-students.js +6 -0
  38. package/modern/index.d.ts +322 -296
  39. package/modern/index.js +322 -296
  40. package/package.json +1 -1
  41. package/src/colors-addons.css +96 -96
  42. package/src/colors-bluetint.css +598 -572
  43. package/src/colors-decorative.css +318 -178
  44. package/src/colors-indigo.css +576 -550
  45. package/src/colors-qualitative.css +106 -106
  46. package/src/colors-sequential.css +192 -168
  47. package/src/colors-students.css +4 -0
  48. package/src/colors-students.ts +4 -0
  49. package/src/colors-transparent.css +26 -26
  50. package/src/mixins.css +2 -2
@@ -5,65 +5,24 @@
5
5
  --color-dark-accent-primary-inverted-hover: #e32a17;
6
6
  --color-dark-accent-primary-inverted-press: #d72505;
7
7
  --color-dark-accent-primary-press: #fd624e;
8
- --color-dark-accent-secondary: #fff;
9
- --color-dark-accent-secondary-hover: #e7e8eb;
10
- --color-dark-accent-secondary-inverted: #0e0e0e;
11
- --color-dark-accent-secondary-inverted-hover: #29292c;
12
- --color-dark-accent-secondary-inverted-press: #2f2f32;
8
+ --color-dark-accent-secondary: #f2f3f5;
9
+ --color-dark-accent-secondary-hover: #dcdde1;
10
+ --color-dark-accent-secondary-inverted: #212124;
11
+ --color-dark-accent-secondary-inverted-hover: #2f2f32;
12
+ --color-dark-accent-secondary-inverted-press: #353539;
13
13
  --color-dark-accent-secondary-press: #d2d3d9;
14
- --color-dark-base-bg-alt-primary: #0e0e0e;
14
+ --color-dark-base-bg-alt-primary: #121213;
15
15
  --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
16
16
  --color-dark-base-bg-alt-secondary: #1c1c1e;
17
17
  --color-dark-base-bg-alt-secondary-inverted: #fff;
18
18
  --color-dark-base-bg-alt-tertiary: #29292c;
19
19
  --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
20
- --color-dark-base-bg-primary: #0e0e0e;
20
+ --color-dark-base-bg-primary: #121213;
21
21
  --color-dark-base-bg-primary-inverted: #fff;
22
22
  --color-dark-base-bg-secondary: #1c1c1e;
23
23
  --color-dark-base-bg-secondary-inverted: #f2f3f5;
24
24
  --color-dark-base-bg-tertiary: #29292c;
25
25
  --color-dark-base-bg-tertiary-inverted: #fff;
26
- --color-dark-bg-accent: #ef3124;
27
- --color-dark-bg-attention-muted: #36291f;
28
- --color-dark-bg-info: #001c3c;
29
- --color-dark-bg-info-muted: #242a39;
30
- --color-dark-bg-negative-muted: #392523;
31
- --color-dark-bg-opaque: rgba(255, 255, 255, 0.8);
32
- --color-dark-bg-overlay: rgba(0, 0, 0, 0.8);
33
- --color-dark-bg-positive-muted: #232d25;
34
- --color-dark-bg-primary: #0e0e0e;
35
- --color-dark-bg-primary-inverted: #fff;
36
- --color-dark-bg-quaternary: #36363a;
37
- --color-dark-bg-quaternary-inverted: #dcdee2;
38
- --color-dark-bg-secondary: #1c1c1e;
39
- --color-dark-bg-secondary-inverted: #f2f3f5;
40
- --color-dark-bg-tertiary: #27272a;
41
- --color-dark-bg-tertiary-inverted: #e7e8ea;
42
- --color-dark-border-accent: #ef3124;
43
- --color-dark-border-key: #fff;
44
- --color-dark-border-key-inverted: #000;
45
- --color-dark-border-link: #3193fc;
46
- --color-dark-border-primary: #36363a;
47
- --color-dark-border-primary-inverted: #d5d6dc;
48
- --color-dark-border-secondary: #27272a;
49
- --color-dark-border-secondary-inverted: #e7e8ec;
50
- --color-dark-border-tertiary: #1c1c1e;
51
- --color-dark-border-tertiary-inverted: #f2f3f5;
52
- --color-dark-border-underline: #49494f;
53
- --color-dark-border-underline-inverted: #b8b9c0;
54
- --color-dark-graphic-accent: #ef3124;
55
- --color-dark-graphic-attention: #fda136;
56
- --color-dark-graphic-link: #3193fc;
57
- --color-dark-graphic-negative: #ff5431;
58
- --color-dark-graphic-positive: #17d055;
59
- --color-dark-graphic-primary: #fff;
60
- --color-dark-graphic-primary-inverted: #0e0e0e;
61
- --color-dark-graphic-quaternary: #27272a;
62
- --color-dark-graphic-quaternary-inverted: #e7e8ec;
63
- --color-dark-graphic-secondary: #898991;
64
- --color-dark-graphic-secondary-inverted: #898991;
65
- --color-dark-graphic-tertiary: #49494f;
66
- --color-dark-graphic-tertiary-inverted: #b8b9c0;
67
26
  --color-dark-modal-bg-alt-primary: #1c1c1e;
68
27
  --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
69
28
  --color-dark-modal-bg-alt-secondary: #29292c;
@@ -76,7 +35,7 @@
76
35
  --color-dark-modal-bg-secondary-inverted: #f2f3f5;
77
36
  --color-dark-modal-bg-tertiary: #353539;
78
37
  --color-dark-modal-bg-tertiary-inverted: #fff;
79
- --color-dark-neutral-0: #29292c;
38
+ --color-dark-neutral-0: #262629;
80
39
  --color-dark-neutral-0-hover: #2f2f32;
81
40
  --color-dark-neutral-0-inverted: #fff;
82
41
  --color-dark-neutral-0-inverted-hover: #e7e8eb;
@@ -90,7 +49,7 @@
90
49
  --color-dark-neutral-100-press: #29292c;
91
50
  --color-dark-neutral-1500: #fff;
92
51
  --color-dark-neutral-1500-hover: #babbc2;
93
- --color-dark-neutral-1500-inverted: #0e0e0e;
52
+ --color-dark-neutral-1500-inverted: #121213;
94
53
  --color-dark-neutral-1500-inverted-hover: #3f3f45;
95
54
  --color-dark-neutral-1500-inverted-press: #5f5f66;
96
55
  --color-dark-neutral-1500-press: #a0a1a9;
@@ -136,6 +95,12 @@
136
95
  --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
137
96
  --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
138
97
  --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
98
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
99
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
100
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
101
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
102
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
103
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
139
104
  --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
140
105
  --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
141
106
  --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
@@ -171,17 +136,6 @@
171
136
  --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
172
137
  --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
173
138
  --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
174
- --color-dark-specialbg-component: rgba(255, 255, 255, 0.1);
175
- --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07);
176
- --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
177
- --color-dark-specialbg-overlay-fallback: #0e0e0f;
178
- --color-dark-specialbg-primary-grouped: #1c1c1e;
179
- --color-dark-specialbg-secondary-grouped: #27272a;
180
- --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07);
181
- --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06);
182
- --color-dark-specialbg-tertiary-grouped: #36363a;
183
- --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12);
184
- --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08);
185
139
  --color-dark-status-attention: #fda136;
186
140
  --color-dark-status-attention-hover: #fdb24d;
187
141
  --color-dark-status-attention-inverted: #fa9313;
@@ -195,99 +149,95 @@
195
149
  --color-dark-status-info-inverted-press: #2c64d4;
196
150
  --color-dark-status-info-press: #63aafd;
197
151
  --color-dark-status-muted-alt-attention: #412f22;
198
- --color-dark-status-muted-alt-attention-hover: #4f3623;
152
+ --color-dark-status-muted-alt-attention-hover: #543a27;
199
153
  --color-dark-status-muted-alt-attention-inverted: #fde6c8;
200
154
  --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
201
- --color-dark-status-muted-alt-attention-inverted-press: #eec596;
202
- --color-dark-status-muted-alt-attention-press: #634128;
155
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
156
+ --color-dark-status-muted-alt-attention-press: #6a462c;
203
157
  --color-dark-status-muted-alt-info: #293044;
204
- --color-dark-status-muted-alt-info-hover: #303a55;
158
+ --color-dark-status-muted-alt-info-hover: #2f3a55;
205
159
  --color-dark-status-muted-alt-info-inverted: #e4f0ff;
206
- --color-dark-status-muted-alt-info-inverted-hover: #c4defa;
207
- --color-dark-status-muted-alt-info-inverted-press: #aeccf1;
208
- --color-dark-status-muted-alt-info-press: #3a456a;
160
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
161
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
162
+ --color-dark-status-muted-alt-info-press: #38476c;
209
163
  --color-dark-status-muted-alt-negative: #442926;
210
- --color-dark-status-muted-alt-negative-hover: #56302d;
164
+ --color-dark-status-muted-alt-negative-hover: #55312e;
211
165
  --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
212
- --color-dark-status-muted-alt-negative-inverted-hover: #faccca;
213
- --color-dark-status-muted-alt-negative-inverted-press: #f1b7b0;
214
- --color-dark-status-muted-alt-negative-press: #6c3b34;
166
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
167
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
168
+ --color-dark-status-muted-alt-negative-press: #6b3b34;
215
169
  --color-dark-status-muted-alt-positive: #253528;
216
- --color-dark-status-muted-alt-positive-hover: #283f2d;
170
+ --color-dark-status-muted-alt-positive-hover: #273f2d;
217
171
  --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
218
- --color-dark-status-muted-alt-positive-inverted-hover: #bae6c2;
219
- --color-dark-status-muted-alt-positive-inverted-press: #a1d7a8;
220
- --color-dark-status-muted-alt-positive-press: #2d4d32;
172
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
173
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
174
+ --color-dark-status-muted-alt-positive-press: #2d4e33;
221
175
  --color-dark-status-muted-attention: #36291f;
222
176
  --color-dark-status-muted-attention-hover: #412f22;
223
177
  --color-dark-status-muted-attention-inverted: #ffefd9;
224
178
  --color-dark-status-muted-attention-inverted-hover: #fde6c8;
225
179
  --color-dark-status-muted-attention-inverted-press: #f6d7af;
226
- --color-dark-status-muted-attention-press: #4f3623;
180
+ --color-dark-status-muted-attention-press: #543a27;
227
181
  --color-dark-status-muted-info: #222a3e;
228
182
  --color-dark-status-muted-info-hover: #293044;
229
183
  --color-dark-status-muted-info-inverted: #e4f0ff;
230
184
  --color-dark-status-muted-info-inverted-hover: #d8eaff;
231
- --color-dark-status-muted-info-inverted-press: #c4defa;
232
- --color-dark-status-muted-info-press: #303a55;
185
+ --color-dark-status-muted-info-inverted-press: #c1dbf7;
186
+ --color-dark-status-muted-info-press: #2f3a55;
233
187
  --color-dark-status-muted-negative: #392523;
234
188
  --color-dark-status-muted-negative-hover: #442926;
235
189
  --color-dark-status-muted-negative-inverted: #ffebeb;
236
190
  --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
237
- --color-dark-status-muted-negative-inverted-press: #faccca;
238
- --color-dark-status-muted-negative-press: #56302d;
191
+ --color-dark-status-muted-negative-inverted-press: #f9ccca;
192
+ --color-dark-status-muted-negative-press: #55312e;
239
193
  --color-dark-status-muted-positive: #232d25;
240
194
  --color-dark-status-muted-positive-hover: #253528;
241
195
  --color-dark-status-muted-positive-inverted: #dff8e5;
242
196
  --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
243
- --color-dark-status-muted-positive-inverted-press: #bae6c2;
244
- --color-dark-status-muted-positive-press: #283f2d;
245
- --color-dark-status-negative: #ff5431;
246
- --color-dark-status-negative-hover: #ff7554;
247
- --color-dark-status-negative-inverted: #ff5431;
248
- --color-dark-status-negative-inverted-hover: #ec2e14;
249
- --color-dark-status-negative-inverted-press: #c7251c;
250
- --color-dark-status-negative-press: #ff8d73;
197
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3;
198
+ --color-dark-status-muted-positive-press: #273f2d;
199
+ --color-dark-status-negative: #ff4837;
200
+ --color-dark-status-negative-hover: #ff755e;
201
+ --color-dark-status-negative-inverted: #ff4837;
202
+ --color-dark-status-negative-inverted-hover: #ec2d20;
203
+ --color-dark-status-negative-inverted-press: #c7241f;
204
+ --color-dark-status-negative-press: #ff8d79;
251
205
  --color-dark-status-positive: #17d055;
252
206
  --color-dark-status-positive-hover: #22e068;
253
207
  --color-dark-status-positive-inverted: #0cc44d;
254
208
  --color-dark-status-positive-inverted-hover: #04b545;
255
209
  --color-dark-status-positive-inverted-press: #01a53d;
256
210
  --color-dark-status-positive-press: #4ae777;
257
- --color-dark-text-accent: #ef3124;
258
211
  --color-dark-text-attention: #fa9313;
259
212
  --color-dark-text-attention-hover: #fdb24d;
260
213
  --color-dark-text-attention-inverted: #ea8313;
261
214
  --color-dark-text-attention-inverted-hover: #d57111;
262
215
  --color-dark-text-attention-inverted-press: #b45a06;
263
216
  --color-dark-text-attention-press: #ffbf70;
264
- --color-dark-text-disabled: rgba(236, 236, 254, 0.18);
265
- --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18);
266
217
  --color-dark-text-info: #4a9dfc;
267
218
  --color-dark-text-info-hover: #63aafd;
268
219
  --color-dark-text-info-inverted: #2a77ef;
269
220
  --color-dark-text-info-inverted-hover: #2c64d4;
270
221
  --color-dark-text-info-inverted-press: #2453b4;
271
222
  --color-dark-text-info-press: #7fb6ff;
272
- --color-dark-text-link: #4a9dfc;
273
- --color-dark-text-negative: #ff5431;
274
- --color-dark-text-negative-hover: #ff7554;
275
- --color-dark-text-negative-inverted: #ec2e14;
276
- --color-dark-text-negative-inverted-hover: #c7251c;
223
+ --color-dark-text-negative: #ff4837;
224
+ --color-dark-text-negative-hover: #ff755e;
225
+ --color-dark-text-negative-inverted: #ec2d20;
226
+ --color-dark-text-negative-inverted-hover: #c7241f;
277
227
  --color-dark-text-negative-inverted-press: #a6201e;
278
- --color-dark-text-negative-press: #ff8d73;
228
+ --color-dark-text-negative-press: #ff8d79;
279
229
  --color-dark-text-positive: #0cc44d;
280
230
  --color-dark-text-positive-hover: #22e068;
281
231
  --color-dark-text-positive-inverted: #0d9336;
282
232
  --color-dark-text-positive-inverted-hover: #0a7d2c;
283
233
  --color-dark-text-positive-inverted-press: #036625;
284
234
  --color-dark-text-positive-press: #4ae777;
285
- --color-dark-text-primary: #fff;
286
- --color-dark-text-primary-hover: #babbc2;
287
- --color-dark-text-primary-inverted: #0e0e0e;
288
- --color-dark-text-primary-inverted-hover: #5f5f66;
289
- --color-dark-text-primary-inverted-press: #75757d;
290
- --color-dark-text-primary-press: #a0a1a9;
235
+ --color-dark-text-primary: rgba(255, 255, 255, 0.94);
236
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);
237
+ --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);
238
+ --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);
239
+ --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);
240
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);
291
241
  --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
292
242
  --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
293
243
  --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
@@ -313,65 +263,24 @@
313
263
  --color-light-accent-primary-inverted-hover: #ff503e;
314
264
  --color-light-accent-primary-inverted-press: #fd624e;
315
265
  --color-light-accent-primary-press: #d72505;
316
- --color-light-accent-secondary: #0e0e0e;
317
- --color-light-accent-secondary-hover: #29292c;
318
- --color-light-accent-secondary-inverted: #fff;
319
- --color-light-accent-secondary-inverted-hover: #e7e8eb;
266
+ --color-light-accent-secondary: #212124;
267
+ --color-light-accent-secondary-hover: #2f2f32;
268
+ --color-light-accent-secondary-inverted: #f2f3f5;
269
+ --color-light-accent-secondary-inverted-hover: #dcdde1;
320
270
  --color-light-accent-secondary-inverted-press: #d2d3d9;
321
- --color-light-accent-secondary-press: #2f2f32;
271
+ --color-light-accent-secondary-press: #353539;
322
272
  --color-light-base-bg-alt-primary: #f2f3f5;
323
- --color-light-base-bg-alt-primary-inverted: #0e0e0e;
273
+ --color-light-base-bg-alt-primary-inverted: #121213;
324
274
  --color-light-base-bg-alt-secondary: #fff;
325
275
  --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
326
276
  --color-light-base-bg-alt-tertiary: #f2f3f5;
327
277
  --color-light-base-bg-alt-tertiary-inverted: #29292c;
328
278
  --color-light-base-bg-primary: #fff;
329
- --color-light-base-bg-primary-inverted: #0e0e0e;
279
+ --color-light-base-bg-primary-inverted: #121213;
330
280
  --color-light-base-bg-secondary: #f2f3f5;
331
281
  --color-light-base-bg-secondary-inverted: #1c1c1e;
332
282
  --color-light-base-bg-tertiary: #fff;
333
283
  --color-light-base-bg-tertiary-inverted: #29292c;
334
- --color-light-bg-accent: #ef3124;
335
- --color-light-bg-attention-muted: #ffefd9;
336
- --color-light-bg-info: #d6e8fc;
337
- --color-light-bg-info-muted: #e4f0ff;
338
- --color-light-bg-negative-muted: #ffebeb;
339
- --color-light-bg-opaque: rgba(255, 255, 255, 0.8);
340
- --color-light-bg-overlay: rgba(0, 0, 0, 0.65);
341
- --color-light-bg-positive-muted: #dff8e5;
342
- --color-light-bg-primary: #fff;
343
- --color-light-bg-primary-inverted: #0e0e0e;
344
- --color-light-bg-quaternary: #dcdee2;
345
- --color-light-bg-quaternary-inverted: #36363a;
346
- --color-light-bg-secondary: #f2f3f5;
347
- --color-light-bg-secondary-inverted: #1c1c1e;
348
- --color-light-bg-tertiary: #e7e8ea;
349
- --color-light-bg-tertiary-inverted: #27272a;
350
- --color-light-border-accent: #ef3124;
351
- --color-light-border-key: #000;
352
- --color-light-border-key-inverted: #fff;
353
- --color-light-border-link: #2288fa;
354
- --color-light-border-primary: #d5d6dc;
355
- --color-light-border-primary-inverted: #36363a;
356
- --color-light-border-secondary: #e7e8ec;
357
- --color-light-border-secondary-inverted: #27272a;
358
- --color-light-border-tertiary: #f2f3f5;
359
- --color-light-border-tertiary-inverted: #1c1c1e;
360
- --color-light-border-underline: #b8b9c0;
361
- --color-light-border-underline-inverted: #49494f;
362
- --color-light-graphic-accent: #ef3124;
363
- --color-light-graphic-attention: #fa9313;
364
- --color-light-graphic-link: #2288fa;
365
- --color-light-graphic-negative: #ff5431;
366
- --color-light-graphic-positive: #0cc44d;
367
- --color-light-graphic-primary: #0e0e0e;
368
- --color-light-graphic-primary-inverted: #fff;
369
- --color-light-graphic-quaternary: #e7e8ec;
370
- --color-light-graphic-quaternary-inverted: #27272a;
371
- --color-light-graphic-secondary: #898991;
372
- --color-light-graphic-secondary-inverted: #898991;
373
- --color-light-graphic-tertiary: #b8b9c0;
374
- --color-light-graphic-tertiary-inverted: #49494f;
375
284
  --color-light-modal-bg-alt-primary: #f2f3f5;
376
285
  --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
377
286
  --color-light-modal-bg-alt-secondary: #fff;
@@ -386,7 +295,7 @@
386
295
  --color-light-modal-bg-tertiary-inverted: #353539;
387
296
  --color-light-neutral-0: #fff;
388
297
  --color-light-neutral-0-hover: #e7e8eb;
389
- --color-light-neutral-0-inverted: #29292c;
298
+ --color-light-neutral-0-inverted: #262629;
390
299
  --color-light-neutral-0-inverted-hover: #2f2f32;
391
300
  --color-light-neutral-0-inverted-press: #353539;
392
301
  --color-light-neutral-0-press: #dcdde1;
@@ -396,7 +305,7 @@
396
305
  --color-light-neutral-100-inverted-hover: #212124;
397
306
  --color-light-neutral-100-inverted-press: #29292c;
398
307
  --color-light-neutral-100-press: #dcdde1;
399
- --color-light-neutral-1500: #0e0e0e;
308
+ --color-light-neutral-1500: #121213;
400
309
  --color-light-neutral-1500-hover: #3f3f45;
401
310
  --color-light-neutral-1500-inverted: #fff;
402
311
  --color-light-neutral-1500-inverted-hover: #babbc2;
@@ -444,6 +353,12 @@
444
353
  --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
445
354
  --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
446
355
  --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
356
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
357
+ --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
358
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
359
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
360
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
361
+ --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
447
362
  --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
448
363
  --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
449
364
  --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -479,17 +394,6 @@
479
394
  --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
480
395
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
481
396
  --color-light-overlay-default: rgba(0, 0, 0, 0.6);
482
- --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
483
- --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
484
- --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
485
- --color-light-specialbg-overlay-fallback: #49494f;
486
- --color-light-specialbg-primary-grouped: #f2f3f5;
487
- --color-light-specialbg-secondary-grouped: #fff;
488
- --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
489
- --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
490
- --color-light-specialbg-tertiary-grouped: #f2f3f5;
491
- --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
492
- --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
493
397
  --color-light-status-attention: #fa9313;
494
398
  --color-light-status-attention-hover: #f18d0b;
495
399
  --color-light-status-attention-inverted: #fda136;
@@ -505,84 +409,80 @@
505
409
  --color-light-status-muted-alt-attention: #fde6c8;
506
410
  --color-light-status-muted-alt-attention-hover: #f6d7af;
507
411
  --color-light-status-muted-alt-attention-inverted: #412f22;
508
- --color-light-status-muted-alt-attention-inverted-hover: #4f3623;
509
- --color-light-status-muted-alt-attention-inverted-press: #634128;
510
- --color-light-status-muted-alt-attention-press: #eec596;
412
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27;
413
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c;
414
+ --color-light-status-muted-alt-attention-press: #f0c492;
511
415
  --color-light-status-muted-alt-info: #d8eaff;
512
- --color-light-status-muted-alt-info-hover: #c4defa;
416
+ --color-light-status-muted-alt-info-hover: #c1dbf7;
513
417
  --color-light-status-muted-alt-info-inverted: #293044;
514
- --color-light-status-muted-alt-info-inverted-hover: #303a55;
515
- --color-light-status-muted-alt-info-inverted-press: #3a456a;
516
- --color-light-status-muted-alt-info-press: #aeccf1;
418
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
419
+ --color-light-status-muted-alt-info-inverted-press: #38476c;
420
+ --color-light-status-muted-alt-info-press: #a7cbf2;
517
421
  --color-light-status-muted-alt-negative: #ffdfdf;
518
- --color-light-status-muted-alt-negative-hover: #faccca;
422
+ --color-light-status-muted-alt-negative-hover: #f9ccca;
519
423
  --color-light-status-muted-alt-negative-inverted: #442926;
520
- --color-light-status-muted-alt-negative-inverted-hover: #56302d;
521
- --color-light-status-muted-alt-negative-inverted-press: #6c3b34;
522
- --color-light-status-muted-alt-negative-press: #f1b7b0;
424
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e;
425
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
426
+ --color-light-status-muted-alt-negative-press: #f3b6af;
523
427
  --color-light-status-muted-alt-positive: #d1f1d7;
524
- --color-light-status-muted-alt-positive-hover: #bae6c2;
428
+ --color-light-status-muted-alt-positive-hover: #bbe8c3;
525
429
  --color-light-status-muted-alt-positive-inverted: #253528;
526
- --color-light-status-muted-alt-positive-inverted-hover: #283f2d;
527
- --color-light-status-muted-alt-positive-inverted-press: #2d4d32;
528
- --color-light-status-muted-alt-positive-press: #a1d7a8;
430
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
431
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
432
+ --color-light-status-muted-alt-positive-press: #a1dba8;
529
433
  --color-light-status-muted-attention: #ffefd9;
530
434
  --color-light-status-muted-attention-hover: #fde6c8;
531
435
  --color-light-status-muted-attention-inverted: #36291f;
532
436
  --color-light-status-muted-attention-inverted-hover: #412f22;
533
- --color-light-status-muted-attention-inverted-press: #4f3623;
437
+ --color-light-status-muted-attention-inverted-press: #543a27;
534
438
  --color-light-status-muted-attention-press: #f6d7af;
535
439
  --color-light-status-muted-info: #e4f0ff;
536
440
  --color-light-status-muted-info-hover: #d8eaff;
537
441
  --color-light-status-muted-info-inverted: #222a3e;
538
442
  --color-light-status-muted-info-inverted-hover: #293044;
539
- --color-light-status-muted-info-inverted-press: #303a55;
540
- --color-light-status-muted-info-press: #c4defa;
443
+ --color-light-status-muted-info-inverted-press: #2f3a55;
444
+ --color-light-status-muted-info-press: #c1dbf7;
541
445
  --color-light-status-muted-negative: #ffebeb;
542
446
  --color-light-status-muted-negative-hover: #ffdfdf;
543
447
  --color-light-status-muted-negative-inverted: #392523;
544
448
  --color-light-status-muted-negative-inverted-hover: #442926;
545
- --color-light-status-muted-negative-inverted-press: #56302d;
546
- --color-light-status-muted-negative-press: #faccca;
449
+ --color-light-status-muted-negative-inverted-press: #55312e;
450
+ --color-light-status-muted-negative-press: #f9ccca;
547
451
  --color-light-status-muted-positive: #dff8e5;
548
452
  --color-light-status-muted-positive-hover: #d1f1d7;
549
453
  --color-light-status-muted-positive-inverted: #232d25;
550
454
  --color-light-status-muted-positive-inverted-hover: #253528;
551
- --color-light-status-muted-positive-inverted-press: #283f2d;
552
- --color-light-status-muted-positive-press: #bae6c2;
553
- --color-light-status-negative: #ff5431;
554
- --color-light-status-negative-hover: #ec2e14;
555
- --color-light-status-negative-inverted: #ff5431;
556
- --color-light-status-negative-inverted-hover: #ff7554;
557
- --color-light-status-negative-inverted-press: #ff8d73;
558
- --color-light-status-negative-press: #c7251c;
455
+ --color-light-status-muted-positive-inverted-press: #273f2d;
456
+ --color-light-status-muted-positive-press: #bbe8c3;
457
+ --color-light-status-negative: #ff4837;
458
+ --color-light-status-negative-hover: #ec2d20;
459
+ --color-light-status-negative-inverted: #ff4837;
460
+ --color-light-status-negative-inverted-hover: #ff755e;
461
+ --color-light-status-negative-inverted-press: #ff8d79;
462
+ --color-light-status-negative-press: #c7241f;
559
463
  --color-light-status-positive: #0cc44d;
560
464
  --color-light-status-positive-hover: #04b545;
561
465
  --color-light-status-positive-inverted: #17d055;
562
466
  --color-light-status-positive-inverted-hover: #22e068;
563
467
  --color-light-status-positive-inverted-press: #4ae777;
564
468
  --color-light-status-positive-press: #01a53d;
565
- --color-light-text-accent: #ef3124;
566
469
  --color-light-text-attention: #ea8313;
567
470
  --color-light-text-attention-hover: #d57111;
568
471
  --color-light-text-attention-inverted: #fa9313;
569
472
  --color-light-text-attention-inverted-hover: #fdb24d;
570
473
  --color-light-text-attention-inverted-press: #ffbf70;
571
474
  --color-light-text-attention-press: #b45a06;
572
- --color-light-text-disabled: rgba(5, 11, 44, 0.18);
573
- --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18);
574
475
  --color-light-text-info: #2a77ef;
575
476
  --color-light-text-info-hover: #2c64d4;
576
477
  --color-light-text-info-inverted: #4a9dfc;
577
478
  --color-light-text-info-inverted-hover: #63aafd;
578
479
  --color-light-text-info-inverted-press: #7fb6ff;
579
480
  --color-light-text-info-press: #2453b4;
580
- --color-light-text-link: #2a77ef;
581
- --color-light-text-negative: #ec2e14;
582
- --color-light-text-negative-hover: #c7251c;
583
- --color-light-text-negative-inverted: #ff5431;
584
- --color-light-text-negative-inverted-hover: #ff7554;
585
- --color-light-text-negative-inverted-press: #ff8d73;
481
+ --color-light-text-negative: #ec2d20;
482
+ --color-light-text-negative-hover: #c7241f;
483
+ --color-light-text-negative-inverted: #ff4837;
484
+ --color-light-text-negative-inverted-hover: #ff755e;
485
+ --color-light-text-negative-inverted-press: #ff8d79;
586
486
  --color-light-text-negative-press: #a6201e;
587
487
  --color-light-text-positive: #0d9336;
588
488
  --color-light-text-positive-hover: #0a7d2c;
@@ -590,12 +490,12 @@
590
490
  --color-light-text-positive-inverted-hover: #22e068;
591
491
  --color-light-text-positive-inverted-press: #4ae777;
592
492
  --color-light-text-positive-press: #036625;
593
- --color-light-text-primary: #0e0e0e;
594
- --color-light-text-primary-hover: #5f5f66;
595
- --color-light-text-primary-inverted: #fff;
596
- --color-light-text-primary-inverted-hover: #babbc2;
597
- --color-light-text-primary-inverted-press: #a0a1a9;
598
- --color-light-text-primary-press: #75757d;
493
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
494
+ --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
495
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
496
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
497
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
498
+ --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
599
499
  --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
600
500
  --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
601
501
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -621,28 +521,16 @@
621
521
  --color-static-accent-primary-inverted-hover: #ff503e;
622
522
  --color-static-accent-primary-inverted-press: #fd624e;
623
523
  --color-static-accent-primary-press: #d72505;
624
- --color-static-accent-secondary: #0e0e0e;
625
- --color-static-accent-secondary-hover: #29292c;
626
- --color-static-accent-secondary-inverted: #fff;
627
- --color-static-accent-secondary-inverted-hover: #e7e8eb;
524
+ --color-static-accent-secondary: #212124;
525
+ --color-static-accent-secondary-hover: #2f2f32;
526
+ --color-static-accent-secondary-inverted: #f2f3f5;
527
+ --color-static-accent-secondary-inverted-hover: #dcdde1;
628
528
  --color-static-accent-secondary-inverted-press: #d2d3d9;
629
- --color-static-accent-secondary-press: #2f2f32;
630
- --color-static-bg-accent: #ef3124;
529
+ --color-static-accent-secondary-press: #353539;
631
530
  --color-static-bg-primary-dark: #0e0e0e;
632
- --color-static-bg-primary-light: #fff;
633
- --color-static-bg-quaternary-dark: #36363a;
634
- --color-static-bg-quaternary-light: #e7e8ec;
635
- --color-static-bg-secondary-dark: #1c1c1e;
636
- --color-static-bg-secondary-light: #f2f3f5;
637
- --color-static-bg-tertiary-dark: #27272a;
638
- --color-static-bg-tertiary-light: #edeef0;
639
- --color-static-border-accent: #ef3124;
640
- --color-static-graphic-accent: #ef3124;
641
- --color-static-graphic-dark: #0e0e0e;
642
- --color-static-graphic-light: #fff;
643
531
  --color-static-neutral-0: #fff;
644
532
  --color-static-neutral-0-hover: #e7e8eb;
645
- --color-static-neutral-0-inverted: #29292c;
533
+ --color-static-neutral-0-inverted: #262629;
646
534
  --color-static-neutral-0-inverted-hover: #2f2f32;
647
535
  --color-static-neutral-0-inverted-press: #353539;
648
536
  --color-static-neutral-0-press: #dcdde1;
@@ -652,7 +540,7 @@
652
540
  --color-static-neutral-100-inverted-hover: #212124;
653
541
  --color-static-neutral-100-inverted-press: #29292c;
654
542
  --color-static-neutral-100-press: #dcdde1;
655
- --color-static-neutral-1500: #0e0e0e;
543
+ --color-static-neutral-1500: #121213;
656
544
  --color-static-neutral-1500-hover: #3f3f45;
657
545
  --color-static-neutral-1500-inverted: #fff;
658
546
  --color-static-neutral-1500-inverted-hover: #babbc2;
@@ -665,7 +553,11 @@
665
553
  --color-static-neutral-200-inverted-press: #2f2f32;
666
554
  --color-static-neutral-200-press: #dcdde1;
667
555
  --color-static-neutral-300: #e7e8eb;
556
+ --color-static-neutral-300-hover: #dcdde1;
668
557
  --color-static-neutral-300-inverted: #29292c;
558
+ --color-static-neutral-300-inverted-hover: #2f2f32;
559
+ --color-static-neutral-300-inverted-press: #353539;
560
+ --color-static-neutral-300-press: #d2d3d9;
669
561
  --color-static-neutral-400: #d2d3d9;
670
562
  --color-static-neutral-400-hover: #babbc2;
671
563
  --color-static-neutral-400-inverted: #353539;
@@ -696,6 +588,12 @@
696
588
  --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
697
589
  --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
698
590
  --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
591
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
592
+ --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
593
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
594
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
595
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
596
+ --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
699
597
  --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
700
598
  --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
701
599
  --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -707,7 +605,11 @@
707
605
  --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
708
606
  --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
709
607
  --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
608
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
710
609
  --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
610
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
611
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
612
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
711
613
  --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
712
614
  --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
713
615
  --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
@@ -746,11 +648,10 @@
746
648
  --color-static-status-muted-negative-inverted: #392523;
747
649
  --color-static-status-muted-positive: #dff8e5;
748
650
  --color-static-status-muted-positive-inverted: #232d25;
749
- --color-static-status-negative: #ff5431;
750
- --color-static-status-negative-inverted: #ff5431;
651
+ --color-static-status-negative: #ff4837;
652
+ --color-static-status-negative-inverted: #ff4837;
751
653
  --color-static-status-positive: #0cc44d;
752
654
  --color-static-status-positive-inverted: #17d055;
753
- --color-static-text-accent: #ef3124;
754
655
  --color-static-text-attention: #ea8313;
755
656
  --color-static-text-attention-hover: #d57111;
756
657
  --color-static-text-attention-inverted: #fa9313;
@@ -763,11 +664,11 @@
763
664
  --color-static-text-info-inverted-hover: #63aafd;
764
665
  --color-static-text-info-inverted-press: #7fb6ff;
765
666
  --color-static-text-info-press: #2453b4;
766
- --color-static-text-negative: #ec2e14;
767
- --color-static-text-negative-hover: #c7251c;
768
- --color-static-text-negative-inverted: #ff5431;
769
- --color-static-text-negative-inverted-hover: #ff7554;
770
- --color-static-text-negative-inverted-press: #ff8d73;
667
+ --color-static-text-negative: #ec2d20;
668
+ --color-static-text-negative-hover: #c7241f;
669
+ --color-static-text-negative-inverted: #ff4837;
670
+ --color-static-text-negative-inverted-hover: #ff755e;
671
+ --color-static-text-negative-inverted-press: #ff8d79;
771
672
  --color-static-text-negative-press: #a6201e;
772
673
  --color-static-text-positive: #0d9336;
773
674
  --color-static-text-positive-hover: #0a7d2c;
@@ -775,14 +676,14 @@
775
676
  --color-static-text-positive-inverted-hover: #22e068;
776
677
  --color-static-text-positive-inverted-press: #4ae777;
777
678
  --color-static-text-positive-press: #036625;
778
- --color-static-text-primary: #0e0e0e;
679
+ --color-static-text-primary: rgba(3, 3, 6, 0.88);
779
680
  --color-static-text-primary-dark: #0e0e0e;
780
- --color-static-text-primary-hover: #5f5f66;
781
- --color-static-text-primary-inverted: #fff;
782
- --color-static-text-primary-inverted-hover: #babbc2;
783
- --color-static-text-primary-inverted-press: #a0a1a9;
681
+ --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);
682
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
683
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
684
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
784
685
  --color-static-text-primary-light: #fff;
785
- --color-static-text-primary-press: #75757d;
686
+ --color-static-text-primary-press: rgba(4, 4, 19, 0.55);
786
687
  --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
787
688
  --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
788
689
  --color-static-text-secondary: rgba(4, 4, 19, 0.55);
@@ -801,373 +702,498 @@
801
702
  --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
802
703
  --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
803
704
  --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
705
+ --color-dark-bg-accent: #ef3124; /* deprecated */
706
+ --color-dark-bg-attention-muted: #36291f; /* deprecated */
804
707
  --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
805
708
  --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
709
+ --color-dark-bg-info: #001c3c; /* deprecated */
710
+ --color-dark-bg-info-muted: #242a39; /* deprecated */
806
711
  --color-dark-bg-link-muted: #001c3c; /* deprecated */
712
+ --color-dark-bg-negative-muted: #392523; /* deprecated */
807
713
  --color-dark-bg-neutral: #3a3a3c; /* deprecated */
808
714
  --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
715
+ --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
716
+ --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
717
+ --color-dark-bg-positive-muted: #232d25; /* deprecated */
718
+ --color-dark-bg-primary: #0e0e0e; /* deprecated */
809
719
  --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
720
+ --color-dark-bg-primary-inverted: #fff; /* deprecated */
721
+ --color-dark-bg-quaternary: #36363a; /* deprecated */
722
+ --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */
723
+ --color-dark-bg-secondary: #1c1c1e; /* deprecated */
810
724
  --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
725
+ --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */
726
+ --color-dark-bg-tertiary: #27272a; /* deprecated */
811
727
  --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
728
+ --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */
729
+ --color-dark-border-accent: #ef3124; /* deprecated */
730
+ --color-dark-border-key: #fff; /* deprecated */
731
+ --color-dark-border-key-inverted: #000; /* deprecated */
732
+ --color-dark-border-link: #3193fc; /* deprecated */
733
+ --color-dark-border-primary: #36363a; /* deprecated */
734
+ --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */
735
+ --color-dark-border-secondary: #27272a; /* deprecated */
736
+ --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */
737
+ --color-dark-border-tertiary: #1c1c1e; /* deprecated */
738
+ --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */
739
+ --color-dark-border-underline: #49494f; /* deprecated */
740
+ --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */
741
+ --color-dark-graphic-accent: #ef3124; /* deprecated */
742
+ --color-dark-graphic-attention: #fda136; /* deprecated */
743
+ --color-dark-graphic-link: #3193fc; /* deprecated */
744
+ --color-dark-graphic-negative: #ff5431; /* deprecated */
812
745
  --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
746
+ --color-dark-graphic-positive: #17d055; /* deprecated */
747
+ --color-dark-graphic-primary: #fff; /* deprecated */
748
+ --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
749
+ --color-dark-graphic-quaternary: #27272a; /* deprecated */
750
+ --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
751
+ --color-dark-graphic-secondary: #898991; /* deprecated */
752
+ --color-dark-graphic-secondary-inverted: #898991; /* deprecated */
753
+ --color-dark-graphic-tertiary: #49494f; /* deprecated */
754
+ --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */
755
+ --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */
756
+ --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
757
+ --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
813
758
  --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
759
+ --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */
760
+ --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */
761
+ --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */
762
+ --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */
763
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
764
+ --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */
765
+ --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */
766
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
767
+ --color-dark-text-accent: #ef3124; /* deprecated */
768
+ --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */
769
+ --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
814
770
  --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
771
+ --color-dark-text-link: #4a9dfc; /* deprecated */
815
772
  --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
816
773
  --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
817
774
  --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
818
775
  --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
776
+ --color-light-bg-accent: #ef3124; /* deprecated */
777
+ --color-light-bg-attention-muted: #ffefd9; /* deprecated */
819
778
  --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
820
779
  --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
780
+ --color-light-bg-info: #d6e8fc; /* deprecated */
781
+ --color-light-bg-info-muted: #e4f0ff; /* deprecated */
821
782
  --color-light-bg-link-muted: #d6e8fc; /* deprecated */
783
+ --color-light-bg-negative-muted: #ffebeb; /* deprecated */
822
784
  --color-light-bg-neutral: #dcdcdd; /* deprecated */
823
785
  --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
786
+ --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
787
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */
788
+ --color-light-bg-positive-muted: #dff8e5; /* deprecated */
789
+ --color-light-bg-primary: #fff; /* deprecated */
824
790
  --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
791
+ --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
792
+ --color-light-bg-quaternary: #dcdee2; /* deprecated */
793
+ --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
794
+ --color-light-bg-secondary: #f2f3f5; /* deprecated */
825
795
  --color-light-bg-secondary-grouped: #fff; /* deprecated */
796
+ --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */
797
+ --color-light-bg-tertiary: #e7e8ea; /* deprecated */
826
798
  --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
799
+ --color-light-bg-tertiary-inverted: #27272a; /* deprecated */
800
+ --color-light-border-accent: #ef3124; /* deprecated */
801
+ --color-light-border-key: #000; /* deprecated */
802
+ --color-light-border-key-inverted: #fff; /* deprecated */
803
+ --color-light-border-link: #2288fa; /* deprecated */
804
+ --color-light-border-primary: #d5d6dc; /* deprecated */
805
+ --color-light-border-primary-inverted: #36363a; /* deprecated */
806
+ --color-light-border-secondary: #e7e8ec; /* deprecated */
807
+ --color-light-border-secondary-inverted: #27272a; /* deprecated */
808
+ --color-light-border-tertiary: #f2f3f5; /* deprecated */
809
+ --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */
810
+ --color-light-border-underline: #b8b9c0; /* deprecated */
811
+ --color-light-border-underline-inverted: #49494f; /* deprecated */
812
+ --color-light-graphic-accent: #ef3124; /* deprecated */
813
+ --color-light-graphic-attention: #fa9313; /* deprecated */
814
+ --color-light-graphic-link: #2288fa; /* deprecated */
815
+ --color-light-graphic-negative: #ff5431; /* deprecated */
827
816
  --color-light-graphic-neutral: #dcdcdd; /* deprecated */
817
+ --color-light-graphic-positive: #0cc44d; /* deprecated */
818
+ --color-light-graphic-primary: #0e0e0e; /* deprecated */
819
+ --color-light-graphic-primary-inverted: #fff; /* deprecated */
820
+ --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
821
+ --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
822
+ --color-light-graphic-secondary: #898991; /* deprecated */
823
+ --color-light-graphic-secondary-inverted: #898991; /* deprecated */
824
+ --color-light-graphic-tertiary: #b8b9c0; /* deprecated */
825
+ --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */
826
+ --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
827
+ --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
828
+ --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
828
829
  --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
830
+ --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */
831
+ --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */
832
+ --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
833
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */
834
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
835
+ --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */
836
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */
837
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */
838
+ --color-light-text-accent: #ef3124; /* deprecated */
839
+ --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */
840
+ --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
829
841
  --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
842
+ --color-light-text-link: #2a77ef; /* deprecated */
830
843
  --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
831
844
  --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
832
845
  --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
833
846
  --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
847
+ --color-static-bg-accent: #ef3124; /* deprecated */
834
848
  --color-static-bg-dark: #000; /* deprecated */
835
849
  --color-static-bg-light: #fff; /* deprecated */
836
850
  --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
837
851
  --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
852
+ --color-static-bg-primary-light: #fff; /* deprecated */
853
+ --color-static-bg-quaternary-dark: #36363a; /* deprecated */
854
+ --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */
855
+ --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */
856
+ --color-static-bg-secondary-light: #f2f3f5; /* deprecated */
857
+ --color-static-bg-tertiary-dark: #27272a; /* deprecated */
858
+ --color-static-bg-tertiary-light: #edeef0; /* deprecated */
859
+ --color-static-border-accent: #ef3124; /* deprecated */
860
+ --color-static-graphic-accent: #ef3124; /* deprecated */
861
+ --color-static-graphic-dark: #0e0e0e; /* deprecated */
862
+ --color-static-graphic-light: #fff; /* deprecated */
863
+ --color-static-text-accent: #ef3124; /* deprecated */
838
864
  --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
839
865
  --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
840
866
  --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
841
867
  --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
842
- --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
843
- --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
844
- --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
845
- --color-dark-bg-accent-tint-7: rgb(240, 63, 51);
846
- --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
847
- --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
848
- --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
849
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04);
850
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08);
851
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12);
852
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15);
853
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16);
854
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2);
855
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3);
856
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32);
857
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37);
858
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4);
859
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31);
860
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50);
861
- --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
862
- --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
863
- --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
864
- --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
865
- --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
866
- --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
867
- --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
868
- --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
869
- --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
870
- --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
871
- --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
872
- --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
873
- --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
874
- --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
875
- --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
876
- --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
877
- --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
878
- --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
879
- --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3);
880
- --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72);
881
- --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78);
882
- --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88);
883
- --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117);
884
- --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3);
885
- --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192);
886
- --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181);
887
- --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3);
888
- --color-dark-bg-secondary-shade-15: rgb(24, 24, 25);
889
- --color-dark-bg-secondary-shade-20: rgb(22, 22, 24);
890
- --color-dark-bg-secondary-tint-7: rgb(44, 44, 46);
891
- --color-dark-bg-secondary-tint-15: rgb(62, 62, 64);
892
- --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3);
893
- --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208);
894
- --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196);
895
- --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246);
896
- --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246);
897
- --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57);
898
- --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
899
- --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
900
- --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
901
- --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
902
- --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3);
903
- --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3);
904
- --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
905
- --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
906
- --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
907
- --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
908
- --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
909
- --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
910
- --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15);
911
- --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
912
- --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
913
- --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
914
- --color-dark-graphic-negative-shade-20: rgb(204, 67, 39);
915
- --color-dark-graphic-negative-shade-30: rgb(179, 59, 34);
916
- --color-dark-graphic-negative-tint-7: rgb(255, 96, 63);
917
- --color-dark-graphic-negative-tint-15: rgb(255, 110, 80);
918
- --color-dark-graphic-negative-tint-30: rgb(255, 135, 111);
919
- --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1);
920
- --color-dark-graphic-positive-tint-10: rgb(46, 213, 102);
921
- --color-dark-graphic-positive-tint-30: rgb(93, 222, 136);
922
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
923
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
924
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
925
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
926
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
927
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
928
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
929
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
930
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255);
931
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
932
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
933
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
934
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6);
935
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31);
936
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38);
937
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50);
938
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86);
939
- --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63);
940
- --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
941
- --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178);
942
- --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200);
943
- --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
944
- --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123);
945
- --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116);
946
- --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156);
947
- --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178);
948
- --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3);
949
- --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67);
950
- --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63);
951
- --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91);
952
- --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105);
953
- --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
- --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
- --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
- --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
957
- --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
958
- --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
959
- --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
960
- --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37);
961
- --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02);
962
- --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14);
963
- --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23);
964
- --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3);
965
- --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
966
- --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
967
- --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
968
- --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351);
969
- --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095);
970
- --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201);
971
- --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248);
972
- --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816);
973
- --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
974
- --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
975
- --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
- --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
977
- --color-dark-text-link-shade-30: rgb(52, 110, 176);
978
- --color-dark-text-link-shade-50: rgb(37, 79, 126);
979
- --color-dark-text-link-tint-20: rgb(110, 177, 253);
980
- --color-dark-text-link-tint-40: rgb(146, 196, 253);
981
- --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
982
- --color-dark-text-primary-shade-24: rgb(194, 194, 194);
983
- --color-dark-text-primary-shade-30: rgb(179, 179, 179);
984
- --color-dark-text-primary-shade-40: rgb(153, 153, 153);
985
- --color-dark-text-primary-shade-50: rgb(128, 128, 128);
986
- --color-dark-text-primary-tint-20: rgb(255, 255, 255);
987
- --color-dark-text-primary-tint-40: rgb(255, 255, 255);
988
- --color-dark-text-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
989
- --color-dark-text-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
990
- --color-dark-text-primary-inverted-shade-20: rgb(11, 11, 11);
991
- --color-dark-text-primary-inverted-shade-30: rgb(10, 10, 10);
992
- --color-dark-text-primary-inverted-tint-7: rgb(31, 31, 31);
993
- --color-dark-text-primary-inverted-tint-15: rgb(50, 50, 50);
994
- --color-dark-text-primary-inverted-tint-24: rgb(72, 72, 72);
995
- --color-dark-text-primary-inverted-tint-30: rgb(86, 86, 86);
996
- --color-dark-text-primary-inverted-tint-40: rgb(110, 110, 110);
997
- --color-dark-text-primary-inverted-tint-50: rgb(135, 135, 135);
998
- --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64);
999
- --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685);
1000
- --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64);
1001
- --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73);
1002
- --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64);
1003
- --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685);
1004
- --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
1005
- --color-light-bg-accent-tint-15: rgb(241, 80, 69);
1006
- --color-light-bg-accent-tint-20: rgb(242, 90, 80);
1007
- --color-light-bg-accent-shade-7: rgb(222, 46, 33);
1008
- --color-light-bg-accent-shade-10: rgb(215, 44, 32);
1009
- --color-light-bg-accent-shade-15: rgb(203, 42, 31);
1010
- --color-light-bg-accent-shade-30: rgb(167, 34, 25);
1011
- --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
1012
- --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
1013
- --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
1014
- --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
1015
- --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
1016
- --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
1017
- --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
1018
- --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
1019
- --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
1020
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
1021
- --color-light-bg-primary-shade-7: rgb(237, 237, 237);
1022
- --color-light-bg-primary-shade-15: rgb(217, 217, 217);
1023
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03);
1024
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04);
1025
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05);
1026
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07);
1027
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08);
1028
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
1029
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12);
1030
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15);
1031
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16);
1032
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2);
1033
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24);
1034
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1035
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32);
1036
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1037
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1038
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31);
1039
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50);
1040
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62);
1041
- --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3);
1042
- --color-light-bg-quaternary-shade-7: rgb(205, 206, 210);
1043
- --color-light-bg-quaternary-shade-10: rgb(198, 200, 203);
1044
- --color-light-bg-quaternary-shade-15: rgb(187, 189, 192);
1045
- --color-light-bg-quaternary-shade-30: rgb(154, 155, 158);
1046
- --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3);
1047
- --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88);
1048
- --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97);
1049
- --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3);
1050
- --color-light-bg-secondary-tint-15: rgb(244, 245, 246);
1051
- --color-light-bg-secondary-tint-20: rgb(245, 245, 247);
1052
- --color-light-bg-secondary-shade-7: rgb(225, 226, 228);
1053
- --color-light-bg-secondary-shade-15: rgb(206, 207, 208);
1054
- --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
1055
- --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64);
1056
- --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75);
1057
- --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28);
1058
- --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25);
1059
- --color-light-bg-tertiary-shade-7: rgb(215, 216, 218);
1060
- --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
1061
- --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
1062
- --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
1063
- --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
1064
- --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3);
1065
- --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1066
- --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
1067
- --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
1068
- --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
1069
- --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
1070
- --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
1071
- --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
1072
- --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15);
1073
- --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1074
- --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1075
- --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1076
- --color-light-graphic-negative-tint-20: rgb(255, 118, 90);
1077
- --color-light-graphic-negative-tint-30: rgb(255, 135, 111);
1078
- --color-light-graphic-negative-shade-7: rgb(237, 78, 46);
1079
- --color-light-graphic-negative-shade-15: rgb(217, 71, 42);
1080
- --color-light-graphic-negative-shade-30: rgb(179, 59, 34);
1081
- --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1);
1082
- --color-light-graphic-positive-shade-10: rgb(11, 176, 69);
1083
- --color-light-graphic-positive-shade-30: rgb(8, 137, 54);
1084
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
1085
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
1086
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
1087
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6);
1088
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50);
1089
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62);
1090
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86);
1091
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13);
1092
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10);
1093
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1094
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1095
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
1096
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
1097
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
1098
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
1099
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
1100
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179);
1101
- --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212);
1102
- --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1103
- --color-light-graphic-secondary-shade-30: rgb(96, 96, 102);
1104
- --color-light-graphic-secondary-shade-50: rgb(69, 69, 73);
1105
- --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1106
- --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162);
1107
- --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167);
1108
- --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131);
1109
- --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102);
1110
- --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3);
1111
- --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201);
1112
- --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205);
1113
- --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179);
1114
- --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163);
1115
- --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1116
- --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1117
- --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
- --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1119
- --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1120
- --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1121
- --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
1122
- --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
1123
- --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
1124
- --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
1125
- --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
1126
- --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3);
1127
- --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1128
- --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
1129
- --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
1130
- --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258);
1131
- --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201);
1132
- --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095);
1133
- --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256);
1134
- --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444);
1135
- --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1136
- --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1137
- --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
- --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1139
- --color-light-text-link-tint-30: rgb(106, 160, 244);
1140
- --color-light-text-link-tint-50: rgb(149, 187, 247);
1141
- --color-light-text-link-shade-20: rgb(34, 95, 191);
1142
- --color-light-text-link-shade-40: rgb(25, 71, 143);
1143
- --color-light-text-primary-alpha-30: rgba(14, 14, 14, 0.3);
1144
- --color-light-text-primary-tint-24: rgb(72, 72, 72);
1145
- --color-light-text-primary-tint-30: rgb(86, 86, 86);
1146
- --color-light-text-primary-tint-40: rgb(110, 110, 110);
1147
- --color-light-text-primary-tint-50: rgb(135, 135, 135);
1148
- --color-light-text-primary-shade-20: rgb(11, 11, 11);
1149
- --color-light-text-primary-shade-40: rgb(8, 8, 8);
1150
- --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1151
- --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1152
- --color-light-text-primary-inverted-tint-20: rgb(255, 255, 255);
1153
- --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
1154
- --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
1155
- --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
1156
- --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
1157
- --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
1158
- --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
1159
- --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
1160
- --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64);
1161
- --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685);
1162
- --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64);
1163
- --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73);
1164
- --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64);
1165
- --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685);
1166
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1);
1167
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2);
1168
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50);
1169
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62);
1170
- --color-static-graphic-light-shade-7: rgb(237, 237, 237);
1171
- --color-static-graphic-light-shade-15: rgb(217, 217, 217);
1172
- --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
868
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
869
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
870
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
871
+ --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
872
+ --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
873
+ --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
874
+ --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
875
+ --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
876
+ --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */
877
+ --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
878
+ --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */
879
+ --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
880
+ --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */
881
+ --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */
882
+ --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */
883
+ --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
884
+ --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
885
+ --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
886
+ --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
887
+ --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */
888
+ --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */
889
+ --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
890
+ --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */
891
+ --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
892
+ --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */
893
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
894
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
895
+ --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
896
+ --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
897
+ --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
898
+ --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
899
+ --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
900
+ --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
901
+ --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */
902
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
903
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
904
+ --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
905
+ --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */
906
+ --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */
907
+ --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */
908
+ --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
909
+ --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
910
+ --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
911
+ --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
912
+ --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */
913
+ --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */
914
+ --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
915
+ --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
916
+ --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
917
+ --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
918
+ --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
919
+ --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
920
+ --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
921
+ --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
922
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
923
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
924
+ --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
925
+ --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
926
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
927
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
928
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
929
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
930
+ --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
931
+ --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
932
+ --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
933
+ --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
934
+ --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
935
+ --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
936
+ --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
937
+ --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
938
+ --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
939
+ --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
940
+ --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
941
+ --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
942
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
943
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
944
+ --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
945
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
946
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
947
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
948
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
949
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
950
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
951
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
952
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
953
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
954
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
955
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
956
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
957
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
958
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
959
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
960
+ --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
961
+ --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */
962
+ --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */
963
+ --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */
964
+ --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */
965
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
966
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */
967
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */
968
+ --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
969
+ --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */
970
+ --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */
971
+ --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */
972
+ --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */
973
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
974
+ --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */
975
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */
976
+ --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */
977
+ --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */
978
+ --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */
979
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
980
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
981
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
982
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
983
+ --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
984
+ --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
985
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
986
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
987
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
988
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
989
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
990
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
991
+ --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
992
+ --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
993
+ --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
994
+ --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
995
+ --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */
996
+ --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
997
+ --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */
998
+ --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */
999
+ --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1000
+ --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1001
+ --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1002
+ --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1003
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1004
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1005
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1006
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1007
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1008
+ --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1009
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1010
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1011
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1012
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1013
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1014
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1015
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1016
+ --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1017
+ --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1018
+ --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1019
+ --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1020
+ --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1021
+ --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1022
+ --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
1023
+ --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */
1024
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1025
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */
1026
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */
1027
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */
1028
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */
1029
+ --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1030
+ --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */
1031
+ --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */
1032
+ --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */
1033
+ --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */
1034
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1035
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */
1036
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */
1037
+ --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1038
+ --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */
1039
+ --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1040
+ --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */
1041
+ --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1042
+ --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1043
+ --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1044
+ --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1045
+ --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1046
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1047
+ --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1048
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */
1049
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1050
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1051
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */
1052
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */
1053
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1054
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1055
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */
1056
+ --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */
1057
+ --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */
1058
+ --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */
1059
+ --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */
1060
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1061
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1062
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1063
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1064
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1065
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1066
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1067
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1068
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1069
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1070
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1071
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1072
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1073
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1074
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1075
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1076
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1077
+ --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1078
+ --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1079
+ --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1080
+ --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1081
+ --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1082
+ --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1083
+ --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1084
+ --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1085
+ --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1086
+ --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1087
+ --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1088
+ --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1089
+ --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1090
+ --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1091
+ --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1092
+ --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1093
+ --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1094
+ --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1095
+ --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1096
+ --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1097
+ --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1098
+ --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1099
+ --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
1100
+ --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */
1101
+ --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */
1102
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1103
+ --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */
1104
+ --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */
1105
+ --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1106
+ --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */
1107
+ --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */
1108
+ --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */
1109
+ --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */
1110
+ --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1111
+ --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */
1112
+ --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */
1113
+ --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */
1114
+ --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */
1115
+ --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */
1116
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1117
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1118
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1119
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1120
+ --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1121
+ --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1122
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1123
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1124
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1125
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1126
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1127
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1128
+ --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1129
+ --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1130
+ --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1131
+ --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1132
+ --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */
1133
+ --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1134
+ --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */
1135
+ --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */
1136
+ --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1137
+ --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1138
+ --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1139
+ --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1140
+ --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1141
+ --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1142
+ --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1143
+ --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1144
+ --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1145
+ --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1146
+ --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1147
+ --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1148
+ --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1149
+ --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1150
+ --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1151
+ --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1152
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1153
+ --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1154
+ --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1155
+ --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1156
+ --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1157
+ --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1158
+ --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1159
+ --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
1160
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */
1161
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1162
+ --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */
1163
+ --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */
1164
+ --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */
1165
+ --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */
1166
+ --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1167
+ --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */
1168
+ --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */
1169
+ --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */
1170
+ --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */
1171
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1172
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */
1173
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */
1174
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1175
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1176
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1177
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1178
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1179
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1180
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1181
+ --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1182
+ --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1183
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1184
+ --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1185
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */
1186
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1187
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1188
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */
1189
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */
1190
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1191
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1192
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */
1193
+ --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */
1194
+ --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1195
+ --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1196
+ --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1197
+ --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1198
+ --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1173
1199
  }