@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/cssm/index.css CHANGED
@@ -1,73 +1,73 @@
1
1
  :root {
2
- --color-dark-indigo: #0b1f35;
3
- --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
4
- --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
5
- --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
6
- --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
7
- --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
8
- --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
9
- --color-dark-indigo-60-flat: #6d7986;
10
- --color-dark-indigo-30-flat: #b6bcc3;
11
- --color-dark-indigo-15-flat: #dbdee1;
12
- --color-dark-indigo-10-flat: #e7e9eb;
13
- --color-dark-indigo-07-flat: #eeeff1;
14
- --color-dark-indigo-05-flat: #f3f4f5;
15
- --color-red-brand: #ef3124;
16
- --color-red-brand-85: rgba(239, 49, 36, 0.85);
17
- --color-red-brand-70: rgba(239, 49, 36, 0.7);
18
- --color-red-brand-50: rgba(239, 49, 36, 0.5);
19
- --color-red-brand-30: rgba(239, 49, 36, 0.3);
20
- --color-red-brand-20: rgba(239, 49, 36, 0.2);
21
- --color-red-brand-10: rgba(239, 49, 36, 0.1);
22
- --color-red-brand-85-flat: #f15045;
23
- --color-red-brand-70-flat: #f46f66;
24
- --color-red-brand-50-flat: #f69791;
25
- --color-red-brand-30-flat: #fbc2bd;
26
- --color-red-brand-20-flat: #fcd6d3;
27
- --color-red-brand-10-flat: #feebea;
28
- --color-red-brand-05-flat: #fef5f4;
29
- --color-red-dark: #d91d0b;
30
- --color-red-error: #ff5c5c;
31
- --color-green-text: #13a463;
32
- --color-green-text-60: rgba(19, 164, 99, 0.6);
33
- --color-green-text-60-flat: #71c8a1;
34
- --color-green-done: #2fc26e;
35
- --color-green-done-20: rgba(47, 194, 110, 0.2);
36
- --color-green-done-10: rgba(47, 194, 110, 0.1);
37
- --color-green-done-05: rgba(47, 194, 110, 0.05);
38
- --color-green-done-20-flat: #d5f3e2;
39
- --color-green-done-10-flat: #ebf9f1;
40
- --color-green-done-05-flat: #f4fcf7;
41
- --color-blue-action: #0e60b9;
42
- --color-blue-swipe-a: #2670c6;
43
- --color-blue-swipe-b: #3781d8;
44
- --color-blue-swipe-c: #4a90e2;
45
- --color-blue-link-mobile: #007aff;
46
- --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
47
- --color-blue-link-mobile-10-flat: #e6f2ff;
48
- --color-blue-link-web: #0f62fe;
49
- --color-sand: #f6bf65;
50
- --color-lavender: #8888ad;
51
- --color-amethyst: #a489aa;
52
- --color-black: #000;
53
- --color-black-60: rgba(0, 0, 0, 0.6);
54
- --color-black-30: rgba(0, 0, 0, 0.3);
55
- --color-black-10: rgba(0, 0, 0, 0.1);
56
- --color-black-60-flat: #666;
57
- --color-black-30-flat: #b3b3b3;
58
- --color-black-10-flat: #e6e6e6;
59
- --color-white: #fff;
60
- --color-white-60: rgba(255, 255, 255, 0.6);
61
- --color-white-30: rgba(255, 255, 255, 0.3);
62
- --color-white-10: rgba(255, 255, 255, 0.1);
63
- --color-bg-corporate: #212a33;
64
- --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
65
- --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
66
- --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
67
- --color-bg-corporate-90-flat: #384048;
68
- --color-bg-corporate-60-flat: #7a7f85;
69
- --color-bg-corporate-30-flat: #bdc0c2;
70
- --color-light-blue: #f5f7f9;
2
+ --color-dark-indigo: #0b1f35; /* deprecated */
3
+ --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
4
+ --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
5
+ --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
6
+ --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
7
+ --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
8
+ --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
9
+ --color-dark-indigo-60-flat: #6d7986; /* deprecated */
10
+ --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
11
+ --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
12
+ --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
13
+ --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
14
+ --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
15
+ --color-red-brand: #ef3124; /* deprecated */
16
+ --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
17
+ --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
18
+ --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
19
+ --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
20
+ --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
21
+ --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
22
+ --color-red-brand-85-flat: #f15045; /* deprecated */
23
+ --color-red-brand-70-flat: #f46f66; /* deprecated */
24
+ --color-red-brand-50-flat: #f69791; /* deprecated */
25
+ --color-red-brand-30-flat: #fbc2bd; /* deprecated */
26
+ --color-red-brand-20-flat: #fcd6d3; /* deprecated */
27
+ --color-red-brand-10-flat: #feebea; /* deprecated */
28
+ --color-red-brand-05-flat: #fef5f4; /* deprecated */
29
+ --color-red-dark: #d91d0b; /* deprecated */
30
+ --color-red-error: #ff5c5c; /* deprecated */
31
+ --color-green-text: #13a463; /* deprecated */
32
+ --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
33
+ --color-green-text-60-flat: #71c8a1; /* deprecated */
34
+ --color-green-done: #2fc26e; /* deprecated */
35
+ --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
36
+ --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
37
+ --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
38
+ --color-green-done-20-flat: #d5f3e2; /* deprecated */
39
+ --color-green-done-10-flat: #ebf9f1; /* deprecated */
40
+ --color-green-done-05-flat: #f4fcf7; /* deprecated */
41
+ --color-blue-action: #0e60b9; /* deprecated */
42
+ --color-blue-swipe-a: #2670c6; /* deprecated */
43
+ --color-blue-swipe-b: #3781d8; /* deprecated */
44
+ --color-blue-swipe-c: #4a90e2; /* deprecated */
45
+ --color-blue-link-mobile: #007aff; /* deprecated */
46
+ --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
47
+ --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
48
+ --color-blue-link-web: #0f62fe; /* deprecated */
49
+ --color-sand: #f6bf65; /* deprecated */
50
+ --color-lavender: #8888ad; /* deprecated */
51
+ --color-amethyst: #a489aa; /* deprecated */
52
+ --color-black: #000; /* deprecated */
53
+ --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
54
+ --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
55
+ --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
56
+ --color-black-60-flat: #666; /* deprecated */
57
+ --color-black-30-flat: #b3b3b3; /* deprecated */
58
+ --color-black-10-flat: #e6e6e6; /* deprecated */
59
+ --color-white: #fff; /* deprecated */
60
+ --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
61
+ --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
62
+ --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
63
+ --color-bg-corporate: #212a33; /* deprecated */
64
+ --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
65
+ --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
66
+ --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
67
+ --color-bg-corporate-90-flat: #384048; /* deprecated */
68
+ --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
69
+ --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
70
+ --color-light-blue: #f5f7f9; /* deprecated */
71
71
  } /* deprecated */ :root {
72
72
  --color-dark-accent-primary: #f83a2a;
73
73
  --color-dark-accent-primary-hover: #ff503e;
@@ -75,65 +75,24 @@
75
75
  --color-dark-accent-primary-inverted-hover: #e32a17;
76
76
  --color-dark-accent-primary-inverted-press: #d72505;
77
77
  --color-dark-accent-primary-press: #fd624e;
78
- --color-dark-accent-secondary: #fff;
79
- --color-dark-accent-secondary-hover: #e7e8eb;
80
- --color-dark-accent-secondary-inverted: #0e0e0e;
81
- --color-dark-accent-secondary-inverted-hover: #29292c;
82
- --color-dark-accent-secondary-inverted-press: #2f2f32;
78
+ --color-dark-accent-secondary: #f2f3f5;
79
+ --color-dark-accent-secondary-hover: #dcdde1;
80
+ --color-dark-accent-secondary-inverted: #212124;
81
+ --color-dark-accent-secondary-inverted-hover: #2f2f32;
82
+ --color-dark-accent-secondary-inverted-press: #353539;
83
83
  --color-dark-accent-secondary-press: #d2d3d9;
84
- --color-dark-base-bg-alt-primary: #0e0e0e;
84
+ --color-dark-base-bg-alt-primary: #121213;
85
85
  --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
86
86
  --color-dark-base-bg-alt-secondary: #1c1c1e;
87
87
  --color-dark-base-bg-alt-secondary-inverted: #fff;
88
88
  --color-dark-base-bg-alt-tertiary: #29292c;
89
89
  --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
90
- --color-dark-base-bg-primary: #0e0e0e;
90
+ --color-dark-base-bg-primary: #121213;
91
91
  --color-dark-base-bg-primary-inverted: #fff;
92
92
  --color-dark-base-bg-secondary: #1c1c1e;
93
93
  --color-dark-base-bg-secondary-inverted: #f2f3f5;
94
94
  --color-dark-base-bg-tertiary: #29292c;
95
95
  --color-dark-base-bg-tertiary-inverted: #fff;
96
- --color-dark-bg-accent: #ef3124;
97
- --color-dark-bg-attention-muted: #36291f;
98
- --color-dark-bg-info: #001c3c;
99
- --color-dark-bg-info-muted: #242a39;
100
- --color-dark-bg-negative-muted: #392523;
101
- --color-dark-bg-opaque: rgba(255, 255, 255, 0.8);
102
- --color-dark-bg-overlay: rgba(0, 0, 0, 0.8);
103
- --color-dark-bg-positive-muted: #232d25;
104
- --color-dark-bg-primary: #0e0e0e;
105
- --color-dark-bg-primary-inverted: #fff;
106
- --color-dark-bg-quaternary: #36363a;
107
- --color-dark-bg-quaternary-inverted: #dcdee2;
108
- --color-dark-bg-secondary: #1c1c1e;
109
- --color-dark-bg-secondary-inverted: #f2f3f5;
110
- --color-dark-bg-tertiary: #27272a;
111
- --color-dark-bg-tertiary-inverted: #e7e8ea;
112
- --color-dark-border-accent: #ef3124;
113
- --color-dark-border-key: #fff;
114
- --color-dark-border-key-inverted: #000;
115
- --color-dark-border-link: #3193fc;
116
- --color-dark-border-primary: #36363a;
117
- --color-dark-border-primary-inverted: #d5d6dc;
118
- --color-dark-border-secondary: #27272a;
119
- --color-dark-border-secondary-inverted: #e7e8ec;
120
- --color-dark-border-tertiary: #1c1c1e;
121
- --color-dark-border-tertiary-inverted: #f2f3f5;
122
- --color-dark-border-underline: #49494f;
123
- --color-dark-border-underline-inverted: #b8b9c0;
124
- --color-dark-graphic-accent: #ef3124;
125
- --color-dark-graphic-attention: #fda136;
126
- --color-dark-graphic-link: #3193fc;
127
- --color-dark-graphic-negative: #ff5431;
128
- --color-dark-graphic-positive: #17d055;
129
- --color-dark-graphic-primary: #fff;
130
- --color-dark-graphic-primary-inverted: #0e0e0e;
131
- --color-dark-graphic-quaternary: #27272a;
132
- --color-dark-graphic-quaternary-inverted: #e7e8ec;
133
- --color-dark-graphic-secondary: #898991;
134
- --color-dark-graphic-secondary-inverted: #898991;
135
- --color-dark-graphic-tertiary: #49494f;
136
- --color-dark-graphic-tertiary-inverted: #b8b9c0;
137
96
  --color-dark-modal-bg-alt-primary: #1c1c1e;
138
97
  --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
139
98
  --color-dark-modal-bg-alt-secondary: #29292c;
@@ -146,7 +105,7 @@
146
105
  --color-dark-modal-bg-secondary-inverted: #f2f3f5;
147
106
  --color-dark-modal-bg-tertiary: #353539;
148
107
  --color-dark-modal-bg-tertiary-inverted: #fff;
149
- --color-dark-neutral-0: #29292c;
108
+ --color-dark-neutral-0: #262629;
150
109
  --color-dark-neutral-0-hover: #2f2f32;
151
110
  --color-dark-neutral-0-inverted: #fff;
152
111
  --color-dark-neutral-0-inverted-hover: #e7e8eb;
@@ -160,7 +119,7 @@
160
119
  --color-dark-neutral-100-press: #29292c;
161
120
  --color-dark-neutral-1500: #fff;
162
121
  --color-dark-neutral-1500-hover: #babbc2;
163
- --color-dark-neutral-1500-inverted: #0e0e0e;
122
+ --color-dark-neutral-1500-inverted: #121213;
164
123
  --color-dark-neutral-1500-inverted-hover: #3f3f45;
165
124
  --color-dark-neutral-1500-inverted-press: #5f5f66;
166
125
  --color-dark-neutral-1500-press: #a0a1a9;
@@ -206,6 +165,12 @@
206
165
  --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
207
166
  --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
208
167
  --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
168
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
169
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
170
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
171
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
172
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
173
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
209
174
  --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
210
175
  --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
211
176
  --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
@@ -241,17 +206,6 @@
241
206
  --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
242
207
  --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
243
208
  --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
244
- --color-dark-specialbg-component: rgba(255, 255, 255, 0.1);
245
- --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07);
246
- --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
247
- --color-dark-specialbg-overlay-fallback: #0e0e0f;
248
- --color-dark-specialbg-primary-grouped: #1c1c1e;
249
- --color-dark-specialbg-secondary-grouped: #27272a;
250
- --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07);
251
- --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06);
252
- --color-dark-specialbg-tertiary-grouped: #36363a;
253
- --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12);
254
- --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08);
255
209
  --color-dark-status-attention: #fda136;
256
210
  --color-dark-status-attention-hover: #fdb24d;
257
211
  --color-dark-status-attention-inverted: #fa9313;
@@ -265,99 +219,95 @@
265
219
  --color-dark-status-info-inverted-press: #2c64d4;
266
220
  --color-dark-status-info-press: #63aafd;
267
221
  --color-dark-status-muted-alt-attention: #412f22;
268
- --color-dark-status-muted-alt-attention-hover: #4f3623;
222
+ --color-dark-status-muted-alt-attention-hover: #543a27;
269
223
  --color-dark-status-muted-alt-attention-inverted: #fde6c8;
270
224
  --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
271
- --color-dark-status-muted-alt-attention-inverted-press: #eec596;
272
- --color-dark-status-muted-alt-attention-press: #634128;
225
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
226
+ --color-dark-status-muted-alt-attention-press: #6a462c;
273
227
  --color-dark-status-muted-alt-info: #293044;
274
- --color-dark-status-muted-alt-info-hover: #303a55;
228
+ --color-dark-status-muted-alt-info-hover: #2f3a55;
275
229
  --color-dark-status-muted-alt-info-inverted: #e4f0ff;
276
- --color-dark-status-muted-alt-info-inverted-hover: #c4defa;
277
- --color-dark-status-muted-alt-info-inverted-press: #aeccf1;
278
- --color-dark-status-muted-alt-info-press: #3a456a;
230
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
231
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
232
+ --color-dark-status-muted-alt-info-press: #38476c;
279
233
  --color-dark-status-muted-alt-negative: #442926;
280
- --color-dark-status-muted-alt-negative-hover: #56302d;
234
+ --color-dark-status-muted-alt-negative-hover: #55312e;
281
235
  --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
282
- --color-dark-status-muted-alt-negative-inverted-hover: #faccca;
283
- --color-dark-status-muted-alt-negative-inverted-press: #f1b7b0;
284
- --color-dark-status-muted-alt-negative-press: #6c3b34;
236
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
237
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
238
+ --color-dark-status-muted-alt-negative-press: #6b3b34;
285
239
  --color-dark-status-muted-alt-positive: #253528;
286
- --color-dark-status-muted-alt-positive-hover: #283f2d;
240
+ --color-dark-status-muted-alt-positive-hover: #273f2d;
287
241
  --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
288
- --color-dark-status-muted-alt-positive-inverted-hover: #bae6c2;
289
- --color-dark-status-muted-alt-positive-inverted-press: #a1d7a8;
290
- --color-dark-status-muted-alt-positive-press: #2d4d32;
242
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
243
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
244
+ --color-dark-status-muted-alt-positive-press: #2d4e33;
291
245
  --color-dark-status-muted-attention: #36291f;
292
246
  --color-dark-status-muted-attention-hover: #412f22;
293
247
  --color-dark-status-muted-attention-inverted: #ffefd9;
294
248
  --color-dark-status-muted-attention-inverted-hover: #fde6c8;
295
249
  --color-dark-status-muted-attention-inverted-press: #f6d7af;
296
- --color-dark-status-muted-attention-press: #4f3623;
250
+ --color-dark-status-muted-attention-press: #543a27;
297
251
  --color-dark-status-muted-info: #222a3e;
298
252
  --color-dark-status-muted-info-hover: #293044;
299
253
  --color-dark-status-muted-info-inverted: #e4f0ff;
300
254
  --color-dark-status-muted-info-inverted-hover: #d8eaff;
301
- --color-dark-status-muted-info-inverted-press: #c4defa;
302
- --color-dark-status-muted-info-press: #303a55;
255
+ --color-dark-status-muted-info-inverted-press: #c1dbf7;
256
+ --color-dark-status-muted-info-press: #2f3a55;
303
257
  --color-dark-status-muted-negative: #392523;
304
258
  --color-dark-status-muted-negative-hover: #442926;
305
259
  --color-dark-status-muted-negative-inverted: #ffebeb;
306
260
  --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
307
- --color-dark-status-muted-negative-inverted-press: #faccca;
308
- --color-dark-status-muted-negative-press: #56302d;
261
+ --color-dark-status-muted-negative-inverted-press: #f9ccca;
262
+ --color-dark-status-muted-negative-press: #55312e;
309
263
  --color-dark-status-muted-positive: #232d25;
310
264
  --color-dark-status-muted-positive-hover: #253528;
311
265
  --color-dark-status-muted-positive-inverted: #dff8e5;
312
266
  --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
313
- --color-dark-status-muted-positive-inverted-press: #bae6c2;
314
- --color-dark-status-muted-positive-press: #283f2d;
315
- --color-dark-status-negative: #ff5431;
316
- --color-dark-status-negative-hover: #ff7554;
317
- --color-dark-status-negative-inverted: #ff5431;
318
- --color-dark-status-negative-inverted-hover: #ec2e14;
319
- --color-dark-status-negative-inverted-press: #c7251c;
320
- --color-dark-status-negative-press: #ff8d73;
267
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3;
268
+ --color-dark-status-muted-positive-press: #273f2d;
269
+ --color-dark-status-negative: #ff4837;
270
+ --color-dark-status-negative-hover: #ff755e;
271
+ --color-dark-status-negative-inverted: #ff4837;
272
+ --color-dark-status-negative-inverted-hover: #ec2d20;
273
+ --color-dark-status-negative-inverted-press: #c7241f;
274
+ --color-dark-status-negative-press: #ff8d79;
321
275
  --color-dark-status-positive: #17d055;
322
276
  --color-dark-status-positive-hover: #22e068;
323
277
  --color-dark-status-positive-inverted: #0cc44d;
324
278
  --color-dark-status-positive-inverted-hover: #04b545;
325
279
  --color-dark-status-positive-inverted-press: #01a53d;
326
280
  --color-dark-status-positive-press: #4ae777;
327
- --color-dark-text-accent: #ef3124;
328
281
  --color-dark-text-attention: #fa9313;
329
282
  --color-dark-text-attention-hover: #fdb24d;
330
283
  --color-dark-text-attention-inverted: #ea8313;
331
284
  --color-dark-text-attention-inverted-hover: #d57111;
332
285
  --color-dark-text-attention-inverted-press: #b45a06;
333
286
  --color-dark-text-attention-press: #ffbf70;
334
- --color-dark-text-disabled: rgba(236, 236, 254, 0.18);
335
- --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18);
336
287
  --color-dark-text-info: #4a9dfc;
337
288
  --color-dark-text-info-hover: #63aafd;
338
289
  --color-dark-text-info-inverted: #2a77ef;
339
290
  --color-dark-text-info-inverted-hover: #2c64d4;
340
291
  --color-dark-text-info-inverted-press: #2453b4;
341
292
  --color-dark-text-info-press: #7fb6ff;
342
- --color-dark-text-link: #4a9dfc;
343
- --color-dark-text-negative: #ff5431;
344
- --color-dark-text-negative-hover: #ff7554;
345
- --color-dark-text-negative-inverted: #ec2e14;
346
- --color-dark-text-negative-inverted-hover: #c7251c;
293
+ --color-dark-text-negative: #ff4837;
294
+ --color-dark-text-negative-hover: #ff755e;
295
+ --color-dark-text-negative-inverted: #ec2d20;
296
+ --color-dark-text-negative-inverted-hover: #c7241f;
347
297
  --color-dark-text-negative-inverted-press: #a6201e;
348
- --color-dark-text-negative-press: #ff8d73;
298
+ --color-dark-text-negative-press: #ff8d79;
349
299
  --color-dark-text-positive: #0cc44d;
350
300
  --color-dark-text-positive-hover: #22e068;
351
301
  --color-dark-text-positive-inverted: #0d9336;
352
302
  --color-dark-text-positive-inverted-hover: #0a7d2c;
353
303
  --color-dark-text-positive-inverted-press: #036625;
354
304
  --color-dark-text-positive-press: #4ae777;
355
- --color-dark-text-primary: #fff;
356
- --color-dark-text-primary-hover: #babbc2;
357
- --color-dark-text-primary-inverted: #0e0e0e;
358
- --color-dark-text-primary-inverted-hover: #5f5f66;
359
- --color-dark-text-primary-inverted-press: #75757d;
360
- --color-dark-text-primary-press: #a0a1a9;
305
+ --color-dark-text-primary: rgba(255, 255, 255, 0.94);
306
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);
307
+ --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);
308
+ --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);
309
+ --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);
310
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);
361
311
  --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
362
312
  --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
363
313
  --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
@@ -383,65 +333,24 @@
383
333
  --color-light-accent-primary-inverted-hover: #ff503e;
384
334
  --color-light-accent-primary-inverted-press: #fd624e;
385
335
  --color-light-accent-primary-press: #d72505;
386
- --color-light-accent-secondary: #0e0e0e;
387
- --color-light-accent-secondary-hover: #29292c;
388
- --color-light-accent-secondary-inverted: #fff;
389
- --color-light-accent-secondary-inverted-hover: #e7e8eb;
336
+ --color-light-accent-secondary: #212124;
337
+ --color-light-accent-secondary-hover: #2f2f32;
338
+ --color-light-accent-secondary-inverted: #f2f3f5;
339
+ --color-light-accent-secondary-inverted-hover: #dcdde1;
390
340
  --color-light-accent-secondary-inverted-press: #d2d3d9;
391
- --color-light-accent-secondary-press: #2f2f32;
341
+ --color-light-accent-secondary-press: #353539;
392
342
  --color-light-base-bg-alt-primary: #f2f3f5;
393
- --color-light-base-bg-alt-primary-inverted: #0e0e0e;
343
+ --color-light-base-bg-alt-primary-inverted: #121213;
394
344
  --color-light-base-bg-alt-secondary: #fff;
395
345
  --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
396
346
  --color-light-base-bg-alt-tertiary: #f2f3f5;
397
347
  --color-light-base-bg-alt-tertiary-inverted: #29292c;
398
348
  --color-light-base-bg-primary: #fff;
399
- --color-light-base-bg-primary-inverted: #0e0e0e;
349
+ --color-light-base-bg-primary-inverted: #121213;
400
350
  --color-light-base-bg-secondary: #f2f3f5;
401
351
  --color-light-base-bg-secondary-inverted: #1c1c1e;
402
352
  --color-light-base-bg-tertiary: #fff;
403
353
  --color-light-base-bg-tertiary-inverted: #29292c;
404
- --color-light-bg-accent: #ef3124;
405
- --color-light-bg-attention-muted: #ffefd9;
406
- --color-light-bg-info: #d6e8fc;
407
- --color-light-bg-info-muted: #e4f0ff;
408
- --color-light-bg-negative-muted: #ffebeb;
409
- --color-light-bg-opaque: rgba(255, 255, 255, 0.8);
410
- --color-light-bg-overlay: rgba(0, 0, 0, 0.65);
411
- --color-light-bg-positive-muted: #dff8e5;
412
- --color-light-bg-primary: #fff;
413
- --color-light-bg-primary-inverted: #0e0e0e;
414
- --color-light-bg-quaternary: #dcdee2;
415
- --color-light-bg-quaternary-inverted: #36363a;
416
- --color-light-bg-secondary: #f2f3f5;
417
- --color-light-bg-secondary-inverted: #1c1c1e;
418
- --color-light-bg-tertiary: #e7e8ea;
419
- --color-light-bg-tertiary-inverted: #27272a;
420
- --color-light-border-accent: #ef3124;
421
- --color-light-border-key: #000;
422
- --color-light-border-key-inverted: #fff;
423
- --color-light-border-link: #2288fa;
424
- --color-light-border-primary: #d5d6dc;
425
- --color-light-border-primary-inverted: #36363a;
426
- --color-light-border-secondary: #e7e8ec;
427
- --color-light-border-secondary-inverted: #27272a;
428
- --color-light-border-tertiary: #f2f3f5;
429
- --color-light-border-tertiary-inverted: #1c1c1e;
430
- --color-light-border-underline: #b8b9c0;
431
- --color-light-border-underline-inverted: #49494f;
432
- --color-light-graphic-accent: #ef3124;
433
- --color-light-graphic-attention: #fa9313;
434
- --color-light-graphic-link: #2288fa;
435
- --color-light-graphic-negative: #ff5431;
436
- --color-light-graphic-positive: #0cc44d;
437
- --color-light-graphic-primary: #0e0e0e;
438
- --color-light-graphic-primary-inverted: #fff;
439
- --color-light-graphic-quaternary: #e7e8ec;
440
- --color-light-graphic-quaternary-inverted: #27272a;
441
- --color-light-graphic-secondary: #898991;
442
- --color-light-graphic-secondary-inverted: #898991;
443
- --color-light-graphic-tertiary: #b8b9c0;
444
- --color-light-graphic-tertiary-inverted: #49494f;
445
354
  --color-light-modal-bg-alt-primary: #f2f3f5;
446
355
  --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
447
356
  --color-light-modal-bg-alt-secondary: #fff;
@@ -456,7 +365,7 @@
456
365
  --color-light-modal-bg-tertiary-inverted: #353539;
457
366
  --color-light-neutral-0: #fff;
458
367
  --color-light-neutral-0-hover: #e7e8eb;
459
- --color-light-neutral-0-inverted: #29292c;
368
+ --color-light-neutral-0-inverted: #262629;
460
369
  --color-light-neutral-0-inverted-hover: #2f2f32;
461
370
  --color-light-neutral-0-inverted-press: #353539;
462
371
  --color-light-neutral-0-press: #dcdde1;
@@ -466,7 +375,7 @@
466
375
  --color-light-neutral-100-inverted-hover: #212124;
467
376
  --color-light-neutral-100-inverted-press: #29292c;
468
377
  --color-light-neutral-100-press: #dcdde1;
469
- --color-light-neutral-1500: #0e0e0e;
378
+ --color-light-neutral-1500: #121213;
470
379
  --color-light-neutral-1500-hover: #3f3f45;
471
380
  --color-light-neutral-1500-inverted: #fff;
472
381
  --color-light-neutral-1500-inverted-hover: #babbc2;
@@ -514,6 +423,12 @@
514
423
  --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
515
424
  --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
516
425
  --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
426
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
427
+ --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
428
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
429
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
430
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
431
+ --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
517
432
  --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
518
433
  --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
519
434
  --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -549,17 +464,6 @@
549
464
  --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
550
465
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
551
466
  --color-light-overlay-default: rgba(0, 0, 0, 0.6);
552
- --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
553
- --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
554
- --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
555
- --color-light-specialbg-overlay-fallback: #49494f;
556
- --color-light-specialbg-primary-grouped: #f2f3f5;
557
- --color-light-specialbg-secondary-grouped: #fff;
558
- --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
559
- --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
560
- --color-light-specialbg-tertiary-grouped: #f2f3f5;
561
- --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
562
- --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
563
467
  --color-light-status-attention: #fa9313;
564
468
  --color-light-status-attention-hover: #f18d0b;
565
469
  --color-light-status-attention-inverted: #fda136;
@@ -575,84 +479,80 @@
575
479
  --color-light-status-muted-alt-attention: #fde6c8;
576
480
  --color-light-status-muted-alt-attention-hover: #f6d7af;
577
481
  --color-light-status-muted-alt-attention-inverted: #412f22;
578
- --color-light-status-muted-alt-attention-inverted-hover: #4f3623;
579
- --color-light-status-muted-alt-attention-inverted-press: #634128;
580
- --color-light-status-muted-alt-attention-press: #eec596;
482
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27;
483
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c;
484
+ --color-light-status-muted-alt-attention-press: #f0c492;
581
485
  --color-light-status-muted-alt-info: #d8eaff;
582
- --color-light-status-muted-alt-info-hover: #c4defa;
486
+ --color-light-status-muted-alt-info-hover: #c1dbf7;
583
487
  --color-light-status-muted-alt-info-inverted: #293044;
584
- --color-light-status-muted-alt-info-inverted-hover: #303a55;
585
- --color-light-status-muted-alt-info-inverted-press: #3a456a;
586
- --color-light-status-muted-alt-info-press: #aeccf1;
488
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
489
+ --color-light-status-muted-alt-info-inverted-press: #38476c;
490
+ --color-light-status-muted-alt-info-press: #a7cbf2;
587
491
  --color-light-status-muted-alt-negative: #ffdfdf;
588
- --color-light-status-muted-alt-negative-hover: #faccca;
492
+ --color-light-status-muted-alt-negative-hover: #f9ccca;
589
493
  --color-light-status-muted-alt-negative-inverted: #442926;
590
- --color-light-status-muted-alt-negative-inverted-hover: #56302d;
591
- --color-light-status-muted-alt-negative-inverted-press: #6c3b34;
592
- --color-light-status-muted-alt-negative-press: #f1b7b0;
494
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e;
495
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
496
+ --color-light-status-muted-alt-negative-press: #f3b6af;
593
497
  --color-light-status-muted-alt-positive: #d1f1d7;
594
- --color-light-status-muted-alt-positive-hover: #bae6c2;
498
+ --color-light-status-muted-alt-positive-hover: #bbe8c3;
595
499
  --color-light-status-muted-alt-positive-inverted: #253528;
596
- --color-light-status-muted-alt-positive-inverted-hover: #283f2d;
597
- --color-light-status-muted-alt-positive-inverted-press: #2d4d32;
598
- --color-light-status-muted-alt-positive-press: #a1d7a8;
500
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
501
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
502
+ --color-light-status-muted-alt-positive-press: #a1dba8;
599
503
  --color-light-status-muted-attention: #ffefd9;
600
504
  --color-light-status-muted-attention-hover: #fde6c8;
601
505
  --color-light-status-muted-attention-inverted: #36291f;
602
506
  --color-light-status-muted-attention-inverted-hover: #412f22;
603
- --color-light-status-muted-attention-inverted-press: #4f3623;
507
+ --color-light-status-muted-attention-inverted-press: #543a27;
604
508
  --color-light-status-muted-attention-press: #f6d7af;
605
509
  --color-light-status-muted-info: #e4f0ff;
606
510
  --color-light-status-muted-info-hover: #d8eaff;
607
511
  --color-light-status-muted-info-inverted: #222a3e;
608
512
  --color-light-status-muted-info-inverted-hover: #293044;
609
- --color-light-status-muted-info-inverted-press: #303a55;
610
- --color-light-status-muted-info-press: #c4defa;
513
+ --color-light-status-muted-info-inverted-press: #2f3a55;
514
+ --color-light-status-muted-info-press: #c1dbf7;
611
515
  --color-light-status-muted-negative: #ffebeb;
612
516
  --color-light-status-muted-negative-hover: #ffdfdf;
613
517
  --color-light-status-muted-negative-inverted: #392523;
614
518
  --color-light-status-muted-negative-inverted-hover: #442926;
615
- --color-light-status-muted-negative-inverted-press: #56302d;
616
- --color-light-status-muted-negative-press: #faccca;
519
+ --color-light-status-muted-negative-inverted-press: #55312e;
520
+ --color-light-status-muted-negative-press: #f9ccca;
617
521
  --color-light-status-muted-positive: #dff8e5;
618
522
  --color-light-status-muted-positive-hover: #d1f1d7;
619
523
  --color-light-status-muted-positive-inverted: #232d25;
620
524
  --color-light-status-muted-positive-inverted-hover: #253528;
621
- --color-light-status-muted-positive-inverted-press: #283f2d;
622
- --color-light-status-muted-positive-press: #bae6c2;
623
- --color-light-status-negative: #ff5431;
624
- --color-light-status-negative-hover: #ec2e14;
625
- --color-light-status-negative-inverted: #ff5431;
626
- --color-light-status-negative-inverted-hover: #ff7554;
627
- --color-light-status-negative-inverted-press: #ff8d73;
628
- --color-light-status-negative-press: #c7251c;
525
+ --color-light-status-muted-positive-inverted-press: #273f2d;
526
+ --color-light-status-muted-positive-press: #bbe8c3;
527
+ --color-light-status-negative: #ff4837;
528
+ --color-light-status-negative-hover: #ec2d20;
529
+ --color-light-status-negative-inverted: #ff4837;
530
+ --color-light-status-negative-inverted-hover: #ff755e;
531
+ --color-light-status-negative-inverted-press: #ff8d79;
532
+ --color-light-status-negative-press: #c7241f;
629
533
  --color-light-status-positive: #0cc44d;
630
534
  --color-light-status-positive-hover: #04b545;
631
535
  --color-light-status-positive-inverted: #17d055;
632
536
  --color-light-status-positive-inverted-hover: #22e068;
633
537
  --color-light-status-positive-inverted-press: #4ae777;
634
538
  --color-light-status-positive-press: #01a53d;
635
- --color-light-text-accent: #ef3124;
636
539
  --color-light-text-attention: #ea8313;
637
540
  --color-light-text-attention-hover: #d57111;
638
541
  --color-light-text-attention-inverted: #fa9313;
639
542
  --color-light-text-attention-inverted-hover: #fdb24d;
640
543
  --color-light-text-attention-inverted-press: #ffbf70;
641
544
  --color-light-text-attention-press: #b45a06;
642
- --color-light-text-disabled: rgba(5, 11, 44, 0.18);
643
- --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18);
644
545
  --color-light-text-info: #2a77ef;
645
546
  --color-light-text-info-hover: #2c64d4;
646
547
  --color-light-text-info-inverted: #4a9dfc;
647
548
  --color-light-text-info-inverted-hover: #63aafd;
648
549
  --color-light-text-info-inverted-press: #7fb6ff;
649
550
  --color-light-text-info-press: #2453b4;
650
- --color-light-text-link: #2a77ef;
651
- --color-light-text-negative: #ec2e14;
652
- --color-light-text-negative-hover: #c7251c;
653
- --color-light-text-negative-inverted: #ff5431;
654
- --color-light-text-negative-inverted-hover: #ff7554;
655
- --color-light-text-negative-inverted-press: #ff8d73;
551
+ --color-light-text-negative: #ec2d20;
552
+ --color-light-text-negative-hover: #c7241f;
553
+ --color-light-text-negative-inverted: #ff4837;
554
+ --color-light-text-negative-inverted-hover: #ff755e;
555
+ --color-light-text-negative-inverted-press: #ff8d79;
656
556
  --color-light-text-negative-press: #a6201e;
657
557
  --color-light-text-positive: #0d9336;
658
558
  --color-light-text-positive-hover: #0a7d2c;
@@ -660,12 +560,12 @@
660
560
  --color-light-text-positive-inverted-hover: #22e068;
661
561
  --color-light-text-positive-inverted-press: #4ae777;
662
562
  --color-light-text-positive-press: #036625;
663
- --color-light-text-primary: #0e0e0e;
664
- --color-light-text-primary-hover: #5f5f66;
665
- --color-light-text-primary-inverted: #fff;
666
- --color-light-text-primary-inverted-hover: #babbc2;
667
- --color-light-text-primary-inverted-press: #a0a1a9;
668
- --color-light-text-primary-press: #75757d;
563
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
564
+ --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
565
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
566
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
567
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
568
+ --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
669
569
  --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
670
570
  --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
671
571
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -691,28 +591,16 @@
691
591
  --color-static-accent-primary-inverted-hover: #ff503e;
692
592
  --color-static-accent-primary-inverted-press: #fd624e;
693
593
  --color-static-accent-primary-press: #d72505;
694
- --color-static-accent-secondary: #0e0e0e;
695
- --color-static-accent-secondary-hover: #29292c;
696
- --color-static-accent-secondary-inverted: #fff;
697
- --color-static-accent-secondary-inverted-hover: #e7e8eb;
594
+ --color-static-accent-secondary: #212124;
595
+ --color-static-accent-secondary-hover: #2f2f32;
596
+ --color-static-accent-secondary-inverted: #f2f3f5;
597
+ --color-static-accent-secondary-inverted-hover: #dcdde1;
698
598
  --color-static-accent-secondary-inverted-press: #d2d3d9;
699
- --color-static-accent-secondary-press: #2f2f32;
700
- --color-static-bg-accent: #ef3124;
599
+ --color-static-accent-secondary-press: #353539;
701
600
  --color-static-bg-primary-dark: #0e0e0e;
702
- --color-static-bg-primary-light: #fff;
703
- --color-static-bg-quaternary-dark: #36363a;
704
- --color-static-bg-quaternary-light: #e7e8ec;
705
- --color-static-bg-secondary-dark: #1c1c1e;
706
- --color-static-bg-secondary-light: #f2f3f5;
707
- --color-static-bg-tertiary-dark: #27272a;
708
- --color-static-bg-tertiary-light: #edeef0;
709
- --color-static-border-accent: #ef3124;
710
- --color-static-graphic-accent: #ef3124;
711
- --color-static-graphic-dark: #0e0e0e;
712
- --color-static-graphic-light: #fff;
713
601
  --color-static-neutral-0: #fff;
714
602
  --color-static-neutral-0-hover: #e7e8eb;
715
- --color-static-neutral-0-inverted: #29292c;
603
+ --color-static-neutral-0-inverted: #262629;
716
604
  --color-static-neutral-0-inverted-hover: #2f2f32;
717
605
  --color-static-neutral-0-inverted-press: #353539;
718
606
  --color-static-neutral-0-press: #dcdde1;
@@ -722,7 +610,7 @@
722
610
  --color-static-neutral-100-inverted-hover: #212124;
723
611
  --color-static-neutral-100-inverted-press: #29292c;
724
612
  --color-static-neutral-100-press: #dcdde1;
725
- --color-static-neutral-1500: #0e0e0e;
613
+ --color-static-neutral-1500: #121213;
726
614
  --color-static-neutral-1500-hover: #3f3f45;
727
615
  --color-static-neutral-1500-inverted: #fff;
728
616
  --color-static-neutral-1500-inverted-hover: #babbc2;
@@ -735,7 +623,11 @@
735
623
  --color-static-neutral-200-inverted-press: #2f2f32;
736
624
  --color-static-neutral-200-press: #dcdde1;
737
625
  --color-static-neutral-300: #e7e8eb;
626
+ --color-static-neutral-300-hover: #dcdde1;
738
627
  --color-static-neutral-300-inverted: #29292c;
628
+ --color-static-neutral-300-inverted-hover: #2f2f32;
629
+ --color-static-neutral-300-inverted-press: #353539;
630
+ --color-static-neutral-300-press: #d2d3d9;
739
631
  --color-static-neutral-400: #d2d3d9;
740
632
  --color-static-neutral-400-hover: #babbc2;
741
633
  --color-static-neutral-400-inverted: #353539;
@@ -766,6 +658,12 @@
766
658
  --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
767
659
  --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
768
660
  --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
661
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
662
+ --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
663
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
664
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
665
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
666
+ --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
769
667
  --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
770
668
  --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
771
669
  --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -777,7 +675,11 @@
777
675
  --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
778
676
  --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
779
677
  --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
678
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
780
679
  --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
680
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
681
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
682
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
781
683
  --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
782
684
  --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
783
685
  --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
@@ -816,11 +718,10 @@
816
718
  --color-static-status-muted-negative-inverted: #392523;
817
719
  --color-static-status-muted-positive: #dff8e5;
818
720
  --color-static-status-muted-positive-inverted: #232d25;
819
- --color-static-status-negative: #ff5431;
820
- --color-static-status-negative-inverted: #ff5431;
721
+ --color-static-status-negative: #ff4837;
722
+ --color-static-status-negative-inverted: #ff4837;
821
723
  --color-static-status-positive: #0cc44d;
822
724
  --color-static-status-positive-inverted: #17d055;
823
- --color-static-text-accent: #ef3124;
824
725
  --color-static-text-attention: #ea8313;
825
726
  --color-static-text-attention-hover: #d57111;
826
727
  --color-static-text-attention-inverted: #fa9313;
@@ -833,11 +734,11 @@
833
734
  --color-static-text-info-inverted-hover: #63aafd;
834
735
  --color-static-text-info-inverted-press: #7fb6ff;
835
736
  --color-static-text-info-press: #2453b4;
836
- --color-static-text-negative: #ec2e14;
837
- --color-static-text-negative-hover: #c7251c;
838
- --color-static-text-negative-inverted: #ff5431;
839
- --color-static-text-negative-inverted-hover: #ff7554;
840
- --color-static-text-negative-inverted-press: #ff8d73;
737
+ --color-static-text-negative: #ec2d20;
738
+ --color-static-text-negative-hover: #c7241f;
739
+ --color-static-text-negative-inverted: #ff4837;
740
+ --color-static-text-negative-inverted-hover: #ff755e;
741
+ --color-static-text-negative-inverted-press: #ff8d79;
841
742
  --color-static-text-negative-press: #a6201e;
842
743
  --color-static-text-positive: #0d9336;
843
744
  --color-static-text-positive-hover: #0a7d2c;
@@ -845,14 +746,14 @@
845
746
  --color-static-text-positive-inverted-hover: #22e068;
846
747
  --color-static-text-positive-inverted-press: #4ae777;
847
748
  --color-static-text-positive-press: #036625;
848
- --color-static-text-primary: #0e0e0e;
749
+ --color-static-text-primary: rgba(3, 3, 6, 0.88);
849
750
  --color-static-text-primary-dark: #0e0e0e;
850
- --color-static-text-primary-hover: #5f5f66;
851
- --color-static-text-primary-inverted: #fff;
852
- --color-static-text-primary-inverted-hover: #babbc2;
853
- --color-static-text-primary-inverted-press: #a0a1a9;
751
+ --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);
752
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
753
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
754
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
854
755
  --color-static-text-primary-light: #fff;
855
- --color-static-text-primary-press: #75757d;
756
+ --color-static-text-primary-press: rgba(4, 4, 19, 0.55);
856
757
  --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
857
758
  --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
858
759
  --color-static-text-secondary: rgba(4, 4, 19, 0.55);
@@ -871,465 +772,590 @@
871
772
  --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
872
773
  --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
873
774
  --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
775
+ --color-dark-bg-accent: #ef3124; /* deprecated */
776
+ --color-dark-bg-attention-muted: #36291f; /* deprecated */
874
777
  --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
875
778
  --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
779
+ --color-dark-bg-info: #001c3c; /* deprecated */
780
+ --color-dark-bg-info-muted: #242a39; /* deprecated */
876
781
  --color-dark-bg-link-muted: #001c3c; /* deprecated */
782
+ --color-dark-bg-negative-muted: #392523; /* deprecated */
877
783
  --color-dark-bg-neutral: #3a3a3c; /* deprecated */
878
784
  --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
785
+ --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
786
+ --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
787
+ --color-dark-bg-positive-muted: #232d25; /* deprecated */
788
+ --color-dark-bg-primary: #0e0e0e; /* deprecated */
879
789
  --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
790
+ --color-dark-bg-primary-inverted: #fff; /* deprecated */
791
+ --color-dark-bg-quaternary: #36363a; /* deprecated */
792
+ --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */
793
+ --color-dark-bg-secondary: #1c1c1e; /* deprecated */
880
794
  --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
795
+ --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */
796
+ --color-dark-bg-tertiary: #27272a; /* deprecated */
881
797
  --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
798
+ --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */
799
+ --color-dark-border-accent: #ef3124; /* deprecated */
800
+ --color-dark-border-key: #fff; /* deprecated */
801
+ --color-dark-border-key-inverted: #000; /* deprecated */
802
+ --color-dark-border-link: #3193fc; /* deprecated */
803
+ --color-dark-border-primary: #36363a; /* deprecated */
804
+ --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */
805
+ --color-dark-border-secondary: #27272a; /* deprecated */
806
+ --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */
807
+ --color-dark-border-tertiary: #1c1c1e; /* deprecated */
808
+ --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */
809
+ --color-dark-border-underline: #49494f; /* deprecated */
810
+ --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */
811
+ --color-dark-graphic-accent: #ef3124; /* deprecated */
812
+ --color-dark-graphic-attention: #fda136; /* deprecated */
813
+ --color-dark-graphic-link: #3193fc; /* deprecated */
814
+ --color-dark-graphic-negative: #ff5431; /* deprecated */
882
815
  --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
816
+ --color-dark-graphic-positive: #17d055; /* deprecated */
817
+ --color-dark-graphic-primary: #fff; /* deprecated */
818
+ --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
819
+ --color-dark-graphic-quaternary: #27272a; /* deprecated */
820
+ --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
821
+ --color-dark-graphic-secondary: #898991; /* deprecated */
822
+ --color-dark-graphic-secondary-inverted: #898991; /* deprecated */
823
+ --color-dark-graphic-tertiary: #49494f; /* deprecated */
824
+ --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */
825
+ --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */
826
+ --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
827
+ --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
883
828
  --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
829
+ --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */
830
+ --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */
831
+ --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */
832
+ --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */
833
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
834
+ --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */
835
+ --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */
836
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
837
+ --color-dark-text-accent: #ef3124; /* deprecated */
838
+ --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */
839
+ --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
884
840
  --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
841
+ --color-dark-text-link: #4a9dfc; /* deprecated */
885
842
  --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
886
843
  --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
887
844
  --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
888
845
  --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
846
+ --color-light-bg-accent: #ef3124; /* deprecated */
847
+ --color-light-bg-attention-muted: #ffefd9; /* deprecated */
889
848
  --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
890
849
  --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
850
+ --color-light-bg-info: #d6e8fc; /* deprecated */
851
+ --color-light-bg-info-muted: #e4f0ff; /* deprecated */
891
852
  --color-light-bg-link-muted: #d6e8fc; /* deprecated */
853
+ --color-light-bg-negative-muted: #ffebeb; /* deprecated */
892
854
  --color-light-bg-neutral: #dcdcdd; /* deprecated */
893
855
  --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
856
+ --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
857
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */
858
+ --color-light-bg-positive-muted: #dff8e5; /* deprecated */
859
+ --color-light-bg-primary: #fff; /* deprecated */
894
860
  --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
861
+ --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
862
+ --color-light-bg-quaternary: #dcdee2; /* deprecated */
863
+ --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
864
+ --color-light-bg-secondary: #f2f3f5; /* deprecated */
895
865
  --color-light-bg-secondary-grouped: #fff; /* deprecated */
866
+ --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */
867
+ --color-light-bg-tertiary: #e7e8ea; /* deprecated */
896
868
  --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
869
+ --color-light-bg-tertiary-inverted: #27272a; /* deprecated */
870
+ --color-light-border-accent: #ef3124; /* deprecated */
871
+ --color-light-border-key: #000; /* deprecated */
872
+ --color-light-border-key-inverted: #fff; /* deprecated */
873
+ --color-light-border-link: #2288fa; /* deprecated */
874
+ --color-light-border-primary: #d5d6dc; /* deprecated */
875
+ --color-light-border-primary-inverted: #36363a; /* deprecated */
876
+ --color-light-border-secondary: #e7e8ec; /* deprecated */
877
+ --color-light-border-secondary-inverted: #27272a; /* deprecated */
878
+ --color-light-border-tertiary: #f2f3f5; /* deprecated */
879
+ --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */
880
+ --color-light-border-underline: #b8b9c0; /* deprecated */
881
+ --color-light-border-underline-inverted: #49494f; /* deprecated */
882
+ --color-light-graphic-accent: #ef3124; /* deprecated */
883
+ --color-light-graphic-attention: #fa9313; /* deprecated */
884
+ --color-light-graphic-link: #2288fa; /* deprecated */
885
+ --color-light-graphic-negative: #ff5431; /* deprecated */
897
886
  --color-light-graphic-neutral: #dcdcdd; /* deprecated */
887
+ --color-light-graphic-positive: #0cc44d; /* deprecated */
888
+ --color-light-graphic-primary: #0e0e0e; /* deprecated */
889
+ --color-light-graphic-primary-inverted: #fff; /* deprecated */
890
+ --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
891
+ --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
892
+ --color-light-graphic-secondary: #898991; /* deprecated */
893
+ --color-light-graphic-secondary-inverted: #898991; /* deprecated */
894
+ --color-light-graphic-tertiary: #b8b9c0; /* deprecated */
895
+ --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */
896
+ --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
897
+ --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
898
+ --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
898
899
  --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
900
+ --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */
901
+ --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */
902
+ --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
903
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */
904
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
905
+ --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */
906
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */
907
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */
908
+ --color-light-text-accent: #ef3124; /* deprecated */
909
+ --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */
910
+ --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
899
911
  --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
912
+ --color-light-text-link: #2a77ef; /* deprecated */
900
913
  --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
901
914
  --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
902
915
  --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
903
916
  --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
917
+ --color-static-bg-accent: #ef3124; /* deprecated */
904
918
  --color-static-bg-dark: #000; /* deprecated */
905
919
  --color-static-bg-light: #fff; /* deprecated */
906
920
  --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
907
921
  --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
922
+ --color-static-bg-primary-light: #fff; /* deprecated */
923
+ --color-static-bg-quaternary-dark: #36363a; /* deprecated */
924
+ --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */
925
+ --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */
926
+ --color-static-bg-secondary-light: #f2f3f5; /* deprecated */
927
+ --color-static-bg-tertiary-dark: #27272a; /* deprecated */
928
+ --color-static-bg-tertiary-light: #edeef0; /* deprecated */
929
+ --color-static-border-accent: #ef3124; /* deprecated */
930
+ --color-static-graphic-accent: #ef3124; /* deprecated */
931
+ --color-static-graphic-dark: #0e0e0e; /* deprecated */
932
+ --color-static-graphic-light: #fff; /* deprecated */
933
+ --color-static-text-accent: #ef3124; /* deprecated */
908
934
  --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
909
935
  --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
910
936
  --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
911
937
  --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
912
- --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
913
- --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
914
- --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
915
- --color-dark-bg-accent-tint-7: rgb(240, 63, 51);
916
- --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
917
- --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
918
- --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
919
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04);
920
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08);
921
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12);
922
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15);
923
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16);
924
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2);
925
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3);
926
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32);
927
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37);
928
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4);
929
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31);
930
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50);
931
- --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
932
- --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
933
- --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
934
- --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
935
- --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
936
- --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
937
- --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
938
- --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
939
- --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
940
- --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
941
- --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
942
- --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
943
- --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
944
- --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
945
- --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
946
- --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
947
- --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
948
- --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
949
- --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3);
950
- --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72);
951
- --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78);
952
- --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88);
953
- --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117);
954
- --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3);
955
- --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192);
956
- --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181);
957
- --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3);
958
- --color-dark-bg-secondary-shade-15: rgb(24, 24, 25);
959
- --color-dark-bg-secondary-shade-20: rgb(22, 22, 24);
960
- --color-dark-bg-secondary-tint-7: rgb(44, 44, 46);
961
- --color-dark-bg-secondary-tint-15: rgb(62, 62, 64);
962
- --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3);
963
- --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208);
964
- --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196);
965
- --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246);
966
- --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246);
967
- --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57);
968
- --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
969
- --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
970
- --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
971
- --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
972
- --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3);
973
- --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3);
974
- --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
975
- --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
976
- --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
977
- --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
978
- --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
979
- --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
980
- --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15);
981
- --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
982
- --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
983
- --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
984
- --color-dark-graphic-negative-shade-20: rgb(204, 67, 39);
985
- --color-dark-graphic-negative-shade-30: rgb(179, 59, 34);
986
- --color-dark-graphic-negative-tint-7: rgb(255, 96, 63);
987
- --color-dark-graphic-negative-tint-15: rgb(255, 110, 80);
988
- --color-dark-graphic-negative-tint-30: rgb(255, 135, 111);
989
- --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1);
990
- --color-dark-graphic-positive-tint-10: rgb(46, 213, 102);
991
- --color-dark-graphic-positive-tint-30: rgb(93, 222, 136);
992
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
993
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
994
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
995
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
996
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
997
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
998
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
999
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
1000
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255);
1001
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1002
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1003
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1004
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6);
1005
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31);
1006
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38);
1007
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50);
1008
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86);
1009
- --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63);
1010
- --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1011
- --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178);
1012
- --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200);
1013
- --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1014
- --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123);
1015
- --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116);
1016
- --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156);
1017
- --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178);
1018
- --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3);
1019
- --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67);
1020
- --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63);
1021
- --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91);
1022
- --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105);
1023
- --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
1024
- --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
1025
- --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
1026
- --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1027
- --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
1028
- --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
1029
- --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
1030
- --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37);
1031
- --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02);
1032
- --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14);
1033
- --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23);
1034
- --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3);
1035
- --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
1036
- --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
1037
- --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
1038
- --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351);
1039
- --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095);
1040
- --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201);
1041
- --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248);
1042
- --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816);
1043
- --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
1044
- --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
1045
- --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
1046
- --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
1047
- --color-dark-text-link-shade-30: rgb(52, 110, 176);
1048
- --color-dark-text-link-shade-50: rgb(37, 79, 126);
1049
- --color-dark-text-link-tint-20: rgb(110, 177, 253);
1050
- --color-dark-text-link-tint-40: rgb(146, 196, 253);
1051
- --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
1052
- --color-dark-text-primary-shade-24: rgb(194, 194, 194);
1053
- --color-dark-text-primary-shade-30: rgb(179, 179, 179);
1054
- --color-dark-text-primary-shade-40: rgb(153, 153, 153);
1055
- --color-dark-text-primary-shade-50: rgb(128, 128, 128);
1056
- --color-dark-text-primary-tint-20: rgb(255, 255, 255);
1057
- --color-dark-text-primary-tint-40: rgb(255, 255, 255);
1058
- --color-dark-text-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1059
- --color-dark-text-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1060
- --color-dark-text-primary-inverted-shade-20: rgb(11, 11, 11);
1061
- --color-dark-text-primary-inverted-shade-30: rgb(10, 10, 10);
1062
- --color-dark-text-primary-inverted-tint-7: rgb(31, 31, 31);
1063
- --color-dark-text-primary-inverted-tint-15: rgb(50, 50, 50);
1064
- --color-dark-text-primary-inverted-tint-24: rgb(72, 72, 72);
1065
- --color-dark-text-primary-inverted-tint-30: rgb(86, 86, 86);
1066
- --color-dark-text-primary-inverted-tint-40: rgb(110, 110, 110);
1067
- --color-dark-text-primary-inverted-tint-50: rgb(135, 135, 135);
1068
- --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64);
1069
- --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685);
1070
- --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64);
1071
- --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73);
1072
- --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64);
1073
- --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685);
1074
- --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
1075
- --color-light-bg-accent-tint-15: rgb(241, 80, 69);
1076
- --color-light-bg-accent-tint-20: rgb(242, 90, 80);
1077
- --color-light-bg-accent-shade-7: rgb(222, 46, 33);
1078
- --color-light-bg-accent-shade-10: rgb(215, 44, 32);
1079
- --color-light-bg-accent-shade-15: rgb(203, 42, 31);
1080
- --color-light-bg-accent-shade-30: rgb(167, 34, 25);
1081
- --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
1082
- --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
1083
- --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
1084
- --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
1085
- --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
1086
- --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
1087
- --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
1088
- --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
1089
- --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
1090
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
1091
- --color-light-bg-primary-shade-7: rgb(237, 237, 237);
1092
- --color-light-bg-primary-shade-15: rgb(217, 217, 217);
1093
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03);
1094
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04);
1095
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05);
1096
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07);
1097
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08);
1098
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
1099
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12);
1100
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15);
1101
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16);
1102
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2);
1103
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24);
1104
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1105
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32);
1106
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1107
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1108
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31);
1109
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50);
1110
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62);
1111
- --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3);
1112
- --color-light-bg-quaternary-shade-7: rgb(205, 206, 210);
1113
- --color-light-bg-quaternary-shade-10: rgb(198, 200, 203);
1114
- --color-light-bg-quaternary-shade-15: rgb(187, 189, 192);
1115
- --color-light-bg-quaternary-shade-30: rgb(154, 155, 158);
1116
- --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3);
1117
- --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88);
1118
- --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97);
1119
- --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3);
1120
- --color-light-bg-secondary-tint-15: rgb(244, 245, 246);
1121
- --color-light-bg-secondary-tint-20: rgb(245, 245, 247);
1122
- --color-light-bg-secondary-shade-7: rgb(225, 226, 228);
1123
- --color-light-bg-secondary-shade-15: rgb(206, 207, 208);
1124
- --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
1125
- --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64);
1126
- --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75);
1127
- --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28);
1128
- --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25);
1129
- --color-light-bg-tertiary-shade-7: rgb(215, 216, 218);
1130
- --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
1131
- --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
1132
- --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
1133
- --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
1134
- --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3);
1135
- --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1136
- --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
1137
- --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
1138
- --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
1139
- --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
1140
- --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
1141
- --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
1142
- --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15);
1143
- --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1144
- --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1145
- --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1146
- --color-light-graphic-negative-tint-20: rgb(255, 118, 90);
1147
- --color-light-graphic-negative-tint-30: rgb(255, 135, 111);
1148
- --color-light-graphic-negative-shade-7: rgb(237, 78, 46);
1149
- --color-light-graphic-negative-shade-15: rgb(217, 71, 42);
1150
- --color-light-graphic-negative-shade-30: rgb(179, 59, 34);
1151
- --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1);
1152
- --color-light-graphic-positive-shade-10: rgb(11, 176, 69);
1153
- --color-light-graphic-positive-shade-30: rgb(8, 137, 54);
1154
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
1155
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
1156
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
1157
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6);
1158
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50);
1159
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62);
1160
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86);
1161
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13);
1162
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10);
1163
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1164
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1165
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
1166
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
1167
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
1168
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
1169
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
1170
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179);
1171
- --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212);
1172
- --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1173
- --color-light-graphic-secondary-shade-30: rgb(96, 96, 102);
1174
- --color-light-graphic-secondary-shade-50: rgb(69, 69, 73);
1175
- --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1176
- --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162);
1177
- --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167);
1178
- --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131);
1179
- --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102);
1180
- --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3);
1181
- --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201);
1182
- --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205);
1183
- --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179);
1184
- --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163);
1185
- --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1186
- --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1187
- --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1188
- --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1189
- --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1190
- --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1191
- --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
1192
- --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
1193
- --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
1194
- --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
1195
- --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
1196
- --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3);
1197
- --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1198
- --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
1199
- --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
1200
- --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258);
1201
- --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201);
1202
- --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095);
1203
- --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256);
1204
- --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444);
1205
- --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1206
- --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1207
- --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1208
- --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1209
- --color-light-text-link-tint-30: rgb(106, 160, 244);
1210
- --color-light-text-link-tint-50: rgb(149, 187, 247);
1211
- --color-light-text-link-shade-20: rgb(34, 95, 191);
1212
- --color-light-text-link-shade-40: rgb(25, 71, 143);
1213
- --color-light-text-primary-alpha-30: rgba(14, 14, 14, 0.3);
1214
- --color-light-text-primary-tint-24: rgb(72, 72, 72);
1215
- --color-light-text-primary-tint-30: rgb(86, 86, 86);
1216
- --color-light-text-primary-tint-40: rgb(110, 110, 110);
1217
- --color-light-text-primary-tint-50: rgb(135, 135, 135);
1218
- --color-light-text-primary-shade-20: rgb(11, 11, 11);
1219
- --color-light-text-primary-shade-40: rgb(8, 8, 8);
1220
- --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1221
- --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1222
- --color-light-text-primary-inverted-tint-20: rgb(255, 255, 255);
1223
- --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
1224
- --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
1225
- --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
1226
- --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
1227
- --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
1228
- --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
1229
- --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
1230
- --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64);
1231
- --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685);
1232
- --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64);
1233
- --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73);
1234
- --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64);
1235
- --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685);
1236
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1);
1237
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2);
1238
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50);
1239
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62);
1240
- --color-static-graphic-light-shade-7: rgb(237, 237, 237);
1241
- --color-static-graphic-light-shade-15: rgb(217, 217, 217);
1242
- --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
938
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
939
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
940
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
941
+ --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
942
+ --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
943
+ --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
944
+ --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
945
+ --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
946
+ --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */
947
+ --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
948
+ --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */
949
+ --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
950
+ --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */
951
+ --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */
952
+ --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */
953
+ --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
954
+ --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
955
+ --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
956
+ --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
957
+ --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */
958
+ --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */
959
+ --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
960
+ --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */
961
+ --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
962
+ --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */
963
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
964
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
965
+ --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
966
+ --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
967
+ --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
968
+ --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
969
+ --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
970
+ --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
971
+ --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */
972
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
973
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
974
+ --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
975
+ --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */
976
+ --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */
977
+ --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */
978
+ --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
979
+ --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
980
+ --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
981
+ --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
982
+ --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */
983
+ --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */
984
+ --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
985
+ --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
986
+ --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
987
+ --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
988
+ --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
989
+ --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
990
+ --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
991
+ --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
992
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
993
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
994
+ --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
995
+ --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
996
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
997
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
998
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
999
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1000
+ --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1001
+ --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1002
+ --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1003
+ --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1004
+ --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1005
+ --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1006
+ --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1007
+ --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1008
+ --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
1009
+ --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1010
+ --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
1011
+ --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1012
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
1013
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1014
+ --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
1015
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1016
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1017
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
1018
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1019
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1020
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1021
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1022
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
1023
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1024
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1025
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1026
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1027
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1028
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1029
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
1030
+ --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1031
+ --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */
1032
+ --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */
1033
+ --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */
1034
+ --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */
1035
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1036
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */
1037
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */
1038
+ --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1039
+ --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */
1040
+ --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */
1041
+ --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */
1042
+ --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */
1043
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1044
+ --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */
1045
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */
1046
+ --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */
1047
+ --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */
1048
+ --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */
1049
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1050
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1051
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1052
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1053
+ --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1054
+ --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1055
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1056
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1057
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1058
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1059
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1060
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1061
+ --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1062
+ --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1063
+ --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1064
+ --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1065
+ --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */
1066
+ --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1067
+ --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */
1068
+ --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */
1069
+ --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1070
+ --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1071
+ --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1072
+ --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1073
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1074
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1075
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1076
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1077
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1078
+ --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1079
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1080
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1081
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1082
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1083
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1084
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1085
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1086
+ --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1087
+ --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1088
+ --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1089
+ --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1090
+ --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1091
+ --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1092
+ --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
1093
+ --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */
1094
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1095
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */
1096
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */
1097
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */
1098
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */
1099
+ --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1100
+ --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */
1101
+ --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */
1102
+ --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */
1103
+ --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */
1104
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1105
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */
1106
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */
1107
+ --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1108
+ --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */
1109
+ --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1110
+ --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */
1111
+ --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1112
+ --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1113
+ --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1114
+ --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1115
+ --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1116
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1117
+ --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1118
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */
1119
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1120
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1121
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */
1122
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */
1123
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1124
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1125
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */
1126
+ --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */
1127
+ --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */
1128
+ --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */
1129
+ --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */
1130
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1131
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1132
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1133
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1134
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1135
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1136
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1137
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1138
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1139
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1140
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1141
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1142
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1143
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1144
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1145
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1146
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1147
+ --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1148
+ --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1149
+ --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1150
+ --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1151
+ --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1152
+ --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1153
+ --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1154
+ --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1155
+ --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1156
+ --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1157
+ --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1158
+ --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1159
+ --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1160
+ --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1161
+ --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1162
+ --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1163
+ --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1164
+ --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1165
+ --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1166
+ --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1167
+ --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1168
+ --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1169
+ --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
1170
+ --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */
1171
+ --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */
1172
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1173
+ --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */
1174
+ --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */
1175
+ --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1176
+ --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */
1177
+ --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */
1178
+ --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */
1179
+ --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */
1180
+ --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1181
+ --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */
1182
+ --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */
1183
+ --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */
1184
+ --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */
1185
+ --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */
1186
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1187
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1188
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1189
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1190
+ --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1191
+ --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1192
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1193
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1194
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1195
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1196
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1197
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1198
+ --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1199
+ --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1200
+ --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1201
+ --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1202
+ --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */
1203
+ --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1204
+ --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */
1205
+ --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */
1206
+ --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1207
+ --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1208
+ --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1209
+ --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1210
+ --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1211
+ --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1212
+ --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1213
+ --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1214
+ --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1215
+ --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1216
+ --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1217
+ --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1218
+ --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1219
+ --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1220
+ --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1221
+ --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1222
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1223
+ --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1224
+ --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1225
+ --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1226
+ --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1227
+ --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1228
+ --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1229
+ --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
1230
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */
1231
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1232
+ --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */
1233
+ --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */
1234
+ --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */
1235
+ --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */
1236
+ --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1237
+ --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */
1238
+ --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */
1239
+ --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */
1240
+ --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */
1241
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1242
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */
1243
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */
1244
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1245
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1246
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1247
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1248
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1249
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1250
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1251
+ --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1252
+ --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1253
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1254
+ --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1255
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */
1256
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1257
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1258
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */
1259
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */
1260
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1261
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1262
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */
1263
+ --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */
1264
+ --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1265
+ --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1266
+ --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1267
+ --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1268
+ --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1243
1269
  } :root {
1244
- --color-static-corpbg-neutral: #bdc0c2;
1245
- --color-static-corpbg-primary: #212a33;
1246
- --color-static-corpbg-secondary: #384048;
1247
- --color-static-corpbg-tertiary: #7a7f85;
1248
- --color-static-graphic-amethyst: #a489aa;
1249
- --color-static-graphic-blackberry: #bfafc6;
1250
- --color-static-graphic-blue-chill: #0f9c8c;
1251
- --color-static-graphic-blue-maya: #7eb3ff;
1252
- --color-static-graphic-blue-moody: #7879cf;
1253
- --color-static-graphic-blue-steel: #4f84ba;
1254
- --color-static-graphic-botticelli: #cee5e5;
1255
- --color-static-graphic-boulder: #7a7a7a;
1256
- --color-static-graphic-brink-pink: #fc617c;
1257
- --color-static-graphic-burnt-sienna: #eb7a58;
1258
- --color-static-graphic-carrot: #e8bba3;
1259
- --color-static-graphic-chatelle: #bfafc6;
1260
- --color-static-graphic-chathams-blue: #155966;
1261
- --color-static-graphic-chick: #f2db9e;
1262
- --color-static-graphic-crete: #847128;
1263
- --color-static-graphic-curious-blue: #2381db;
1264
- --color-static-graphic-curious-blue-light: #3b99d9;
1265
- --color-static-graphic-eastern-blue: #269cb3;
1266
- --color-static-graphic-french-lilac: #d3baed;
1267
- --color-static-graphic-fuel-yellow: #f29d32;
1268
- --color-static-graphic-fun-blue: #1d6ab5;
1269
- --color-static-graphic-gallery: #eee;
1270
- --color-static-graphic-green-jungle: #2fc26e;
1271
- --color-static-graphic-hippie-blue: #5aa4b0;
1272
- --color-static-graphic-jaffa: #f07134;
1273
- --color-static-graphic-jaffa-light: #f18836;
1274
- --color-static-graphic-java: #15c0e0;
1275
- --color-static-graphic-jungle-green: #2ab79a;
1276
- --color-static-graphic-lavender: #8888ad;
1277
- --color-static-graphic-mantis: #63cd4f;
1278
- --color-static-graphic-matisse: #16548f;
1279
- --color-static-graphic-milano-red: #cd1501;
1280
- --color-static-graphic-mirage: #1d2434;
1281
- --color-static-graphic-moon-raker: #e9dbf7;
1282
- --color-static-graphic-moss-green: #a6d29c;
1283
- --color-static-graphic-nevada: #626b75;
1284
- --color-static-graphic-olive: #bfd3c9;
1285
- --color-static-graphic-olivine: #87b965;
1286
- --color-static-graphic-peach: #fcc99b;
1287
- --color-static-graphic-persimmon: #ff5c5c;
1288
- --color-static-graphic-pewter: #96a5a5;
1289
- --color-static-graphic-pickled-bluewood: #2d3f50;
1290
- --color-static-graphic-porsche: #e7b965;
1291
- --color-static-graphic-raspberry: #dfb2bb;
1292
- --color-static-graphic-red-damask: #da713c;
1293
- --color-static-graphic-saffron: #f0c330;
1294
- --color-static-graphic-salomie: #fee984;
1295
- --color-static-graphic-sand: #f6bf65;
1296
- --color-static-graphic-sandy-brown: #f38f6f;
1297
- --color-static-graphic-seawater: #aecfd9;
1298
- --color-static-graphic-serenade: #fff0e3;
1299
- --color-static-graphic-sky: #a6c0db;
1300
- --color-static-graphic-soft-peach: #f3eaeb;
1301
- --color-static-graphic-solitude: #e8f2fe;
1302
- --color-static-graphic-strawberry: #f8b6a9;
1303
- --color-static-graphic-sundust: #d9d6ce;
1304
- --color-static-graphic-turkish-rose: #b56a6b;
1305
- --color-static-graphic-turquoise-blue: #6bd3e6;
1306
- --color-static-graphic-valencia: #d8463b;
1307
- --color-static-graphic-waikawa-gray: #5b6d9c;
1308
- --color-static-graphic-whisper: #f2eff6;
1309
- --color-static-graphic-zanah: #e1f0de;
1310
- --color-static-local-light-blue: #f5f7f9;
1311
- --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
1312
- --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
1313
- --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
1314
- --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
1315
- --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
1316
- --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
1317
- --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
1318
- --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
1319
- --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
1320
- --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
1321
- --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
1322
- --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
1323
- --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
1324
- --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
1325
- --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
1326
- --color-static-status-blue: #007aff;
1327
- --color-static-status-green: #13a463;
1328
- --color-static-status-grey: #6d7986;
1329
- --color-static-status-orange: #de6a00;
1330
- --color-static-status-purple: #673ab7;
1331
- --color-static-status-red: #d91d0b;
1332
- --color-static-status-teal: #219187;
1270
+ --color-static-corpbg-neutral: #bdc0c2; /* deprecated */
1271
+ --color-static-corpbg-primary: #212a33; /* deprecated */
1272
+ --color-static-corpbg-secondary: #384048; /* deprecated */
1273
+ --color-static-corpbg-tertiary: #7a7f85; /* deprecated */
1274
+ --color-static-graphic-amethyst: #a489aa; /* deprecated */
1275
+ --color-static-graphic-blackberry: #bfafc6; /* deprecated */
1276
+ --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */
1277
+ --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */
1278
+ --color-static-graphic-blue-moody: #7879cf; /* deprecated */
1279
+ --color-static-graphic-blue-steel: #4f84ba; /* deprecated */
1280
+ --color-static-graphic-botticelli: #cee5e5; /* deprecated */
1281
+ --color-static-graphic-boulder: #7a7a7a; /* deprecated */
1282
+ --color-static-graphic-brink-pink: #fc617c; /* deprecated */
1283
+ --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */
1284
+ --color-static-graphic-carrot: #e8bba3; /* deprecated */
1285
+ --color-static-graphic-chatelle: #bfafc6; /* deprecated */
1286
+ --color-static-graphic-chathams-blue: #155966; /* deprecated */
1287
+ --color-static-graphic-chick: #f2db9e; /* deprecated */
1288
+ --color-static-graphic-crete: #847128; /* deprecated */
1289
+ --color-static-graphic-curious-blue: #2381db; /* deprecated */
1290
+ --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */
1291
+ --color-static-graphic-eastern-blue: #269cb3; /* deprecated */
1292
+ --color-static-graphic-french-lilac: #d3baed; /* deprecated */
1293
+ --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */
1294
+ --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */
1295
+ --color-static-graphic-gallery: #eee; /* deprecated */
1296
+ --color-static-graphic-green-jungle: #2fc26e; /* deprecated */
1297
+ --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */
1298
+ --color-static-graphic-jaffa: #f07134; /* deprecated */
1299
+ --color-static-graphic-jaffa-light: #f18836; /* deprecated */
1300
+ --color-static-graphic-java: #15c0e0; /* deprecated */
1301
+ --color-static-graphic-jungle-green: #2ab79a; /* deprecated */
1302
+ --color-static-graphic-lavender: #8888ad; /* deprecated */
1303
+ --color-static-graphic-mantis: #63cd4f; /* deprecated */
1304
+ --color-static-graphic-matisse: #16548f; /* deprecated */
1305
+ --color-static-graphic-milano-red: #cd1501; /* deprecated */
1306
+ --color-static-graphic-mirage: #1d2434; /* deprecated */
1307
+ --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */
1308
+ --color-static-graphic-moss-green: #a6d29c; /* deprecated */
1309
+ --color-static-graphic-nevada: #626b75; /* deprecated */
1310
+ --color-static-graphic-olive: #bfd3c9; /* deprecated */
1311
+ --color-static-graphic-olivine: #87b965; /* deprecated */
1312
+ --color-static-graphic-peach: #fcc99b; /* deprecated */
1313
+ --color-static-graphic-persimmon: #ff5c5c; /* deprecated */
1314
+ --color-static-graphic-pewter: #96a5a5; /* deprecated */
1315
+ --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */
1316
+ --color-static-graphic-porsche: #e7b965; /* deprecated */
1317
+ --color-static-graphic-raspberry: #dfb2bb; /* deprecated */
1318
+ --color-static-graphic-red-damask: #da713c; /* deprecated */
1319
+ --color-static-graphic-saffron: #f0c330; /* deprecated */
1320
+ --color-static-graphic-salomie: #fee984; /* deprecated */
1321
+ --color-static-graphic-sand: #f6bf65; /* deprecated */
1322
+ --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */
1323
+ --color-static-graphic-seawater: #aecfd9; /* deprecated */
1324
+ --color-static-graphic-serenade: #fff0e3; /* deprecated */
1325
+ --color-static-graphic-sky: #a6c0db; /* deprecated */
1326
+ --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */
1327
+ --color-static-graphic-solitude: #e8f2fe; /* deprecated */
1328
+ --color-static-graphic-strawberry: #f8b6a9; /* deprecated */
1329
+ --color-static-graphic-sundust: #d9d6ce; /* deprecated */
1330
+ --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */
1331
+ --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */
1332
+ --color-static-graphic-valencia: #d8463b; /* deprecated */
1333
+ --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */
1334
+ --color-static-graphic-whisper: #f2eff6; /* deprecated */
1335
+ --color-static-graphic-zanah: #e1f0de; /* deprecated */
1336
+ --color-static-local-light-blue: #f5f7f9; /* deprecated */
1337
+ --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */
1338
+ --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */
1339
+ --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */
1340
+ --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */
1341
+ --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */
1342
+ --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */
1343
+ --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */
1344
+ --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */
1345
+ --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */
1346
+ --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */
1347
+ --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */
1348
+ --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */
1349
+ --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */
1350
+ --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */
1351
+ --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */
1352
+ --color-static-status-blue: #007aff; /* deprecated */
1353
+ --color-static-status-green: #13a463; /* deprecated */
1354
+ --color-static-status-grey: #6d7986; /* deprecated */
1355
+ --color-static-status-orange: #de6a00; /* deprecated */
1356
+ --color-static-status-purple: #673ab7; /* deprecated */
1357
+ --color-static-status-red: #d91d0b; /* deprecated */
1358
+ --color-static-status-teal: #219187; /* deprecated */
1333
1359
  --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
1334
1360
  --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
1335
1361
  --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
@@ -1359,40 +1385,40 @@
1359
1385
  --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
1360
1386
  --color-static-graphic-valencia-old: #d8463b; /* deprecated */
1361
1387
  --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
1362
- --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
1363
- --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
1364
- --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
1365
- --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
1366
- --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
1367
- --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
1368
- --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
1388
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */
1389
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */
1390
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */
1391
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */
1392
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */
1393
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */
1394
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */
1369
1395
  } :root {
1370
- --color-dynamic-nulled: rgba(0, 0, 0, 0);
1371
- --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
1372
- --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
1373
- --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
1374
- --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32);
1375
- --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16);
1376
- --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
1377
- --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
1378
- --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
1379
- --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
1380
- --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
1381
- --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
1382
- --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
1383
- --color-static-nulled: rgba(0, 0, 0, 0);
1384
- --color-static-primary-dark: rgba(0, 0, 0, 0.8);
1385
- --color-static-primary-light: rgba(255, 255, 255, 0.8);
1386
- --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
1387
- --color-static-quaternary-light: rgba(255, 255, 255, 0.32);
1388
- --color-static-quinary-dark: rgba(0, 0, 0, 0.16);
1389
- --color-static-quinary-light: rgba(255, 255, 255, 0.16);
1390
- --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
1391
- --color-static-secondary-light: rgba(255, 255, 255, 0.64);
1392
- --color-static-senary-dark: rgba(0, 0, 0, 0.12);
1393
- --color-static-senary-light: rgba(255, 255, 255, 0.12);
1394
- --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
1395
- --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
1396
+ --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
1397
+ --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1398
+ --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1399
+ --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1400
+ --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1401
+ --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1402
+ --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1403
+ --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1404
+ --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1405
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1406
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1407
+ --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1408
+ --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1409
+ --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
1410
+ --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1411
+ --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1412
+ --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1413
+ --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1414
+ --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1415
+ --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1416
+ --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1417
+ --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1418
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1419
+ --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1420
+ --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1421
+ --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1396
1422
  } :root {
1397
1423
  --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1398
1424
  --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),