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