@kickstartds/ds-agency-premium 1.2.12 → 1.2.13--canary.6.224.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 (10) hide show
  1. package/dist/components/page-wrapper/tokens.css +1571 -395
  2. package/dist/components/testimonials/testimonials.css +12 -0
  3. package/dist/static/tokens-business.css +1522 -346
  4. package/dist/static/tokens-google.css +1540 -364
  5. package/dist/static/tokens-ngo.css +1787 -335
  6. package/dist/static/tokens-telekom.css +1532 -356
  7. package/dist/static/tokens.css +1571 -395
  8. package/dist/tokens/tokens.css +1571 -395
  9. package/dist/tokens/tokens.js +654 -250
  10. package/package.json +8 -2
package/dist/tokens/tokens.css CHANGED
@@ -1,51 +1,123 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Feb 2024 18:30:22 GMT
3
+ * Generated on Thu, 29 Feb 2024 19:01:48 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
7
7
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
8
- --ks-background-color-accent-inverted-base: #e9e5fa;
8
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
9
9
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
10
- --ks-background-color-bold-inverted-base: #c0b5ef;
10
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
11
11
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
12
- --ks-background-color-clear-interactive-base: var(--ks-color-fg-alpha-8-base);
13
- --ks-background-color-clear-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
14
- --ks-background-color-clear-interactive-active-base: var(--ks-color-fg-alpha-6-base);
15
- --ks-background-color-clear-interactive-selected-base: var(--ks-color-fg-alpha-6-base);
12
+ --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
13
+ --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
14
+ --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
15
+ --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
16
16
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
17
- --ks-background-color-clear-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
18
- --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
19
- --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
20
- --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
17
+ --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
18
+ --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
19
+ --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
20
+ --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
21
21
  --ks-background-color-default-base: var(--ks-color-bg-base);
22
22
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
23
- --ks-background-color-interface-base: var(--ks-color-fg-alpha-8-base);
24
- --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-9-base);
25
- --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-5-base);
26
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
23
+ --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
24
+ --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
25
+ --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
26
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
27
27
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
28
- --ks-background-color-interface-interactive-selected-base: var(--ks-color-secondary-base);
29
- --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
30
- --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
31
- --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-5-base);
32
- --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
28
+ --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
29
+ --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
30
+ --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
31
+ --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
32
+ --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
34
- --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
34
+ --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
+ --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
36
+ --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
37
+ --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
38
+ --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
39
+ --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
40
+ --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
41
+ --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
42
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
43
+ --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
44
+ --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
45
+ --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
46
+ --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
47
  --ks-background-color-primary-base: var(--ks-color-primary-base);
36
48
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
37
49
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
38
- --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
39
- --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
50
+ --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
51
+ --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
52
+ --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
41
53
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
42
54
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
43
55
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
44
- --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
45
- --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
46
- --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
47
- --ks-border-color-accent-base: var(--ks-color-fg-alpha-8-base);
48
- --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
56
+ --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
57
+ --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
58
+ --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
59
+ --ks-background-color-positive-base: var(--ks-color-positive-base);
60
+ --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
61
+ --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
62
+ --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
63
+ --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
64
+ --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
65
+ --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
66
+ --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
67
+ --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
68
+ --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
69
+ --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
70
+ --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
71
+ --ks-background-color-informative-base: var(--ks-color-informative-base);
72
+ --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
73
+ --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
74
+ --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
75
+ --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
76
+ --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
77
+ --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
78
+ --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
79
+ --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
80
+ --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
81
+ --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
82
+ --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
83
+ --ks-background-color-notice-base: var(--ks-color-notice-base);
84
+ --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
85
+ --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
86
+ --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
87
+ --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
88
+ --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
89
+ --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
90
+ --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
91
+ --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
92
+ --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
93
+ --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
94
+ --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
95
+ --ks-background-color-negative-base: var(--ks-color-negative-base);
96
+ --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
97
+ --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
98
+ --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
99
+ --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
100
+ --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
101
+ --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
102
+ --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
103
+ --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
+ --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
105
+ --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
106
+ --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
107
+ --ks-background-color-secondary-base: var(--ks-color-secondary-base);
108
+ --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
109
+ --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
110
+ --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
111
+ --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
112
+ --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
113
+ --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
114
+ --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
115
+ --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
+ --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
117
+ --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
118
+ --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
119
+ --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
120
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
49
121
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
50
122
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
51
123
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -58,18 +130,30 @@
58
130
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
59
131
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
60
132
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
61
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-9-base);
133
+ --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
62
134
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
63
135
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
64
- --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-3-base);
65
- --ks-border-color-interface-interactive-active-base: var(--ks-color-secondary-base);
66
- --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-inverted-base);
67
- --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
136
+ --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
137
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
138
+ --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
139
+ --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
68
140
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
69
- --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
70
- --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
71
- --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-secondary-inverted-base);
72
- --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-base);
141
+ --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
142
+ --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
143
+ --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
144
+ --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
145
+ --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
146
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
147
+ --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
148
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
149
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
150
+ --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
151
+ --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
152
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
153
+ --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
154
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
155
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
156
+ --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
73
157
  --ks-border-color-primary-base: var(--ks-color-primary-base);
74
158
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
75
159
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
@@ -82,69 +166,109 @@
82
166
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
83
167
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
84
168
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
169
+ --ks-border-color-positive-base: var(--ks-color-positive-base);
170
+ --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
171
+ --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
172
+ --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
173
+ --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
174
+ --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
175
+ --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
176
+ --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
177
+ --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
178
+ --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
179
+ --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
180
+ --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
181
+ --ks-border-color-informative-base: var(--ks-color-informative-base);
182
+ --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
183
+ --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
184
+ --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
185
+ --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
186
+ --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
187
+ --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
188
+ --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
189
+ --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
190
+ --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
191
+ --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
192
+ --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
193
+ --ks-border-color-notice-base: var(--ks-color-notice-base);
194
+ --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
195
+ --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
196
+ --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
197
+ --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
198
+ --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
199
+ --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
200
+ --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
201
+ --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
202
+ --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
203
+ --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
204
+ --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
205
+ --ks-border-color-negative-base: var(--ks-color-negative-base);
206
+ --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
207
+ --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
208
+ --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
209
+ --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
210
+ --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
211
+ --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
212
+ --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
213
+ --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
214
+ --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
215
+ --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
216
+ --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
217
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
218
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
219
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
220
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
221
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
222
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
223
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
224
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
225
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
226
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
227
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
228
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
85
229
  --ks-border-width-default: 1px;
86
230
  --ks-border-width-emphasized: 2px;
87
- --ks-border-radius-control: 2px;
231
+ --ks-border-radius-control: 16px;
88
232
  --ks-border-radius-card: 16px;
89
- --ks-border-radius-surface: 20px;
233
+ --ks-border-radius-surface: 32px;
90
234
  --ks-border-radius-pill: 999px;
91
235
  --ks-border-radius-circle: 50%;
92
236
  --ks-box-shadow-opacity-control: 0.2;
93
237
  --ks-box-shadow-opacity-control-hover: 0.3;
238
+ --ks-box-shadow-opacity-control-inverted: 0.2;
239
+ --ks-box-shadow-opacity-control-inverted-hover: 0.3;
94
240
  --ks-box-shadow-opacity-card: 0.2;
95
241
  --ks-box-shadow-opacity-card-hover: 0.3;
242
+ --ks-box-shadow-opacity-card-inverted: 0.2;
243
+ --ks-box-shadow-opacity-card-inverted-hover: 0.3;
96
244
  --ks-box-shadow-opacity-surface: 0.1;
97
245
  --ks-box-shadow-opacity-surface-hover: 0.2;
246
+ --ks-box-shadow-opacity-surface-inverted: 0.1;
247
+ --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
98
248
  --ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
99
249
  --ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
250
+ --ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
251
+ --ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
100
252
  --ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
101
253
  --ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
254
+ --ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
255
+ --ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
102
256
  --ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
103
257
  --ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
258
+ --ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
259
+ --ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
104
260
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
105
261
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
262
+ --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
263
+ --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
106
264
  --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
107
265
  --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
266
+ --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
267
+ --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
108
268
  --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
109
269
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
110
- --ks-color-primary-base: #5435d2;
111
- --ks-color-primary-alpha-1-base: rgba(84,53,210,.95);
112
- --ks-color-primary-alpha-2-base: rgba(84,53,210,.87);
113
- --ks-color-primary-alpha-3-base: rgba(84,53,210,.76);
114
- --ks-color-primary-alpha-4-base: rgba(84,53,210,.63);
115
- --ks-color-primary-alpha-5-base: rgba(84,53,210,.5);
116
- --ks-color-primary-alpha-6-base: rgba(84,53,210,.37);
117
- --ks-color-primary-alpha-7-base: rgba(84,53,210,.24);
118
- --ks-color-primary-alpha-8-base: rgba(84,53,210,.13);
119
- --ks-color-primary-alpha-9-base: rgba(84,53,210,.05);
120
- --ks-color-primary-to-bg-1-base: #5033c9;
121
- --ks-color-primary-to-bg-2-base: #4a2fbb;
122
- --ks-color-primary-to-bg-3-base: #412aa7;
123
- --ks-color-primary-to-bg-4-base: #372490;
124
- --ks-color-primary-to-bg-5-base: #2d1f79;
125
- --ks-color-primary-to-bg-6-base: #231961;
126
- --ks-color-primary-to-bg-7-base: #19134a;
127
- --ks-color-primary-to-bg-8-base: #100e36;
128
- --ks-color-primary-to-bg-9-base: #0a0a28;
129
- --ks-color-primary-inverted-base: #e21879;
130
- --ks-color-primary-inverted-alpha-1-base: rgba(226,24,121,.95);
131
- --ks-color-primary-inverted-alpha-2-base: rgba(226,24,121,.87);
132
- --ks-color-primary-inverted-alpha-3-base: rgba(226,24,121,.76);
133
- --ks-color-primary-inverted-alpha-4-base: rgba(226,24,121,.63);
134
- --ks-color-primary-inverted-alpha-5-base: rgba(226,24,121,.5);
135
- --ks-color-primary-inverted-alpha-6-base: rgba(226,24,121,.37);
136
- --ks-color-primary-inverted-alpha-7-base: rgba(226,24,121,.24);
137
- --ks-color-primary-inverted-alpha-8-base: rgba(226,24,121,.13);
138
- --ks-color-primary-inverted-alpha-9-base: rgba(226,24,121,.05);
139
- --ks-color-primary-inverted-to-bg-1-base: #e32480;
140
- --ks-color-primary-inverted-to-bg-2-base: #e6368a;
141
- --ks-color-primary-inverted-to-bg-3-base: #e94f99;
142
- --ks-color-primary-inverted-to-bg-4-base: #ed6dab;
143
- --ks-color-primary-inverted-to-bg-5-base: #f18cbc;
144
- --ks-color-primary-inverted-to-bg-6-base: #f4aacd;
145
- --ks-color-primary-inverted-to-bg-7-base: #f8c8df;
146
- --ks-color-primary-inverted-to-bg-8-base: #fbe1ee;
147
- --ks-color-primary-inverted-to-bg-9-base: #fef3f8;
270
+ --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
271
+ --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
148
272
  --ks-color-fg-base: #fff;
149
273
  --ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
150
274
  --ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
@@ -175,17 +299,165 @@
175
299
  --ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
176
300
  --ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
177
301
  --ks-color-fg-inverted-to-bg-1-base: #12142a;
178
- --ks-color-fg-inverted-to-bg-2-base: #26283c;
179
- --ks-color-fg-inverted-to-bg-3-base: #424355;
180
- --ks-color-fg-inverted-to-bg-4-base: #626372;
181
- --ks-color-fg-inverted-to-bg-5-base: #83848f;
182
- --ks-color-fg-inverted-to-bg-6-base: #a3a4ac;
183
- --ks-color-fg-inverted-to-bg-7-base: #c3c4c9;
184
- --ks-color-fg-inverted-to-bg-8-base: #dfdfe2;
185
- --ks-color-fg-inverted-to-bg-9-base: #f3f3f4;
302
+ --ks-color-fg-inverted-to-bg-2-base: #25263b;
303
+ --ks-color-fg-inverted-to-bg-3-base: #3e4052;
304
+ --ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
305
+ --ks-color-fg-inverted-to-bg-5-base: #7c7d89;
306
+ --ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
307
+ --ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
308
+ --ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
309
+ --ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
310
+ --ks-color-bg-base: #06081f;
311
+ --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
312
+ --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
313
+ --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
314
+ --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
315
+ --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
316
+ --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
317
+ --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
318
+ --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
319
+ --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
320
+ --ks-color-bg-to-fg-1-base: #12142a;
321
+ --ks-color-bg-to-fg-2-base: #26283c;
322
+ --ks-color-bg-to-fg-3-base: #424355;
323
+ --ks-color-bg-to-fg-4-base: #626372;
324
+ --ks-color-bg-to-fg-5-base: #83848f;
325
+ --ks-color-bg-to-fg-6-base: #a3a4ac;
326
+ --ks-color-bg-to-fg-7-base: #c3c4c9;
327
+ --ks-color-bg-to-fg-8-base: #dfdfe2;
328
+ --ks-color-bg-to-fg-9-base: #f3f3f4;
329
+ --ks-color-bg-inverted-base: #f1f1f3;
330
+ --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
331
+ --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
332
+ --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
333
+ --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
334
+ --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
335
+ --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
336
+ --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
337
+ --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
338
+ --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
339
+ --ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
340
+ --ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
341
+ --ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
342
+ --ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
343
+ --ks-color-bg-inverted-to-fg-5-base: #7c7d89;
344
+ --ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
345
+ --ks-color-bg-inverted-to-fg-7-base: #3e4052;
346
+ --ks-color-bg-inverted-to-fg-8-base: #25263b;
347
+ --ks-color-bg-inverted-to-fg-9-base: #12142a;
348
+ --ks-color-transparent-base: rgba(0,0,0,0);
349
+ --ks-color-primary-base: #e21879;
350
+ --ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
351
+ --ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
352
+ --ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
353
+ --ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
354
+ --ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
355
+ --ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
356
+ --ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
357
+ --ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
358
+ --ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
359
+ --ks-color-primary-to-bg-1-base: #d71775;
360
+ --ks-color-primary-to-bg-2-base: #c5166d;
361
+ --ks-color-primary-to-bg-3-base: #ad1463;
362
+ --ks-color-primary-to-bg-4-base: #911258;
363
+ --ks-color-primary-to-bg-5-base: #74104c;
364
+ --ks-color-primary-to-bg-6-base: #570e40;
365
+ --ks-color-primary-to-bg-7-base: #3b0c35;
366
+ --ks-color-primary-to-bg-8-base: #230a2b;
367
+ --ks-color-primary-to-bg-9-base: #110924;
368
+ --ks-color-primary-to-fg-1-base: #e32480;
369
+ --ks-color-primary-to-fg-2-base: #e6368a;
370
+ --ks-color-primary-to-fg-3-base: #e94f99;
371
+ --ks-color-primary-to-fg-4-base: #ed6dab;
372
+ --ks-color-primary-to-fg-5-base: #f18cbc;
373
+ --ks-color-primary-to-fg-6-base: #f4aacd;
374
+ --ks-color-primary-to-fg-7-base: #f8c8df;
375
+ --ks-color-primary-to-fg-8-base: #fbe1ee;
376
+ --ks-color-primary-to-fg-9-base: #fef3f8;
377
+ --ks-color-primary-inverted-base: #4d25ef;
378
+ --ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
379
+ --ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
380
+ --ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
381
+ --ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
382
+ --ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
383
+ --ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
384
+ --ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
385
+ --ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
386
+ --ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
387
+ --ks-color-primary-inverted-to-bg-1-base: #552fef;
388
+ --ks-color-primary-inverted-to-bg-2-base: #6240f0;
389
+ --ks-color-primary-inverted-to-bg-3-base: #7456f0;
390
+ --ks-color-primary-inverted-to-bg-4-base: #8a70f0;
391
+ --ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
392
+ --ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
393
+ --ks-color-primary-inverted-to-bg-7-base: #cac0f2;
394
+ --ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
395
+ --ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
396
+ --ks-color-primary-inverted-to-fg-1-base: #4924e5;
397
+ --ks-color-primary-inverted-to-fg-2-base: #4421d4;
398
+ --ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
399
+ --ks-color-primary-inverted-to-fg-4-base: #331aa2;
400
+ --ks-color-primary-inverted-to-fg-5-base: #2a1787;
401
+ --ks-color-primary-inverted-to-fg-6-base: #20136c;
402
+ --ks-color-primary-inverted-to-fg-7-base: #170f51;
403
+ --ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
404
+ --ks-color-primary-inverted-to-fg-9-base: #0a0929;
186
405
  --ks-color-link-base: #b7a5ff;
406
+ --ks-color-link-alpha-1-base: rgba(183,165,255,.95);
407
+ --ks-color-link-alpha-2-base: rgba(183,165,255,.87);
408
+ --ks-color-link-alpha-3-base: rgba(183,165,255,.76);
409
+ --ks-color-link-alpha-4-base: rgba(183,165,255,.63);
410
+ --ks-color-link-alpha-5-base: rgba(183,165,255,.5);
411
+ --ks-color-link-alpha-6-base: rgba(183,165,255,.37);
412
+ --ks-color-link-alpha-7-base: rgba(183,165,255,.24);
413
+ --ks-color-link-alpha-8-base: rgba(183,165,255,.13);
414
+ --ks-color-link-alpha-9-base: rgba(183,165,255,.05);
415
+ --ks-color-link-to-bg-1-base: #ae9df4;
416
+ --ks-color-link-to-bg-2-base: #a091e2;
417
+ --ks-color-link-to-bg-3-base: #8d7fc9;
418
+ --ks-color-link-to-bg-4-base: #766bac;
419
+ --ks-color-link-to-bg-5-base: #5f578f;
420
+ --ks-color-link-to-bg-6-base: #474272;
421
+ --ks-color-link-to-bg-7-base: #302e55;
422
+ --ks-color-link-to-bg-8-base: #1d1c3c;
423
+ --ks-color-link-to-bg-9-base: #0f102a;
424
+ --ks-color-link-to-fg-1-base: #baf;
425
+ --ks-color-link-to-fg-2-base: #c0b1ff;
426
+ --ks-color-link-to-fg-3-base: #c8bbff;
427
+ --ks-color-link-to-fg-4-base: #d2c6ff;
428
+ --ks-color-link-to-fg-5-base: #dbd2ff;
429
+ --ks-color-link-to-fg-6-base: #e4deff;
430
+ --ks-color-link-to-fg-7-base: #eee9ff;
431
+ --ks-color-link-to-fg-8-base: #f6f3ff;
432
+ --ks-color-link-to-fg-9-base: #fbfbff;
187
433
  --ks-color-link-inverted-base: #6642f6;
188
- --ks-color-transparent-base: rgba(0,0,0,0);
434
+ --ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
435
+ --ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
436
+ --ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
437
+ --ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
438
+ --ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
439
+ --ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
440
+ --ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
441
+ --ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
442
+ --ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
443
+ --ks-color-link-inverted-to-bg-1-base: #6d4bf6;
444
+ --ks-color-link-inverted-to-bg-2-base: #7859f6;
445
+ --ks-color-link-inverted-to-bg-3-base: #876cf5;
446
+ --ks-color-link-inverted-to-bg-4-base: #9983f5;
447
+ --ks-color-link-inverted-to-bg-5-base: #ac9af5;
448
+ --ks-color-link-inverted-to-bg-6-base: #beb0f4;
449
+ --ks-color-link-inverted-to-bg-7-base: #d0c7f4;
450
+ --ks-color-link-inverted-to-bg-8-base: #dfdaf3;
451
+ --ks-color-link-inverted-to-bg-9-base: #eae8f3;
452
+ --ks-color-link-inverted-to-fg-1-base: #613feb;
453
+ --ks-color-link-inverted-to-fg-2-base: #5a3ada;
454
+ --ks-color-link-inverted-to-fg-3-base: #4f34c2;
455
+ --ks-color-link-inverted-to-fg-4-base: #422da6;
456
+ --ks-color-link-inverted-to-fg-5-base: #36258b;
457
+ --ks-color-link-inverted-to-fg-6-base: #2a1d6f;
458
+ --ks-color-link-inverted-to-fg-7-base: #1d1653;
459
+ --ks-color-link-inverted-to-fg-8-base: #12103b;
460
+ --ks-color-link-inverted-to-fg-9-base: #0b0b2a;
189
461
  --ks-color-positive-base: #6edb64;
190
462
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
191
463
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
@@ -205,6 +477,15 @@
205
477
  --ks-color-positive-to-bg-7-base: #1f3b30;
206
478
  --ks-color-positive-to-bg-8-base: #142328;
207
479
  --ks-color-positive-to-bg-9-base: #0b1322;
480
+ --ks-color-positive-to-fg-1-base: #75dd6c;
481
+ --ks-color-positive-to-fg-2-base: #81e078;
482
+ --ks-color-positive-to-fg-3-base: #91e489;
483
+ --ks-color-positive-to-fg-4-base: #a4e89d;
484
+ --ks-color-positive-to-fg-5-base: #b7edb2;
485
+ --ks-color-positive-to-fg-6-base: #c9f2c6;
486
+ --ks-color-positive-to-fg-7-base: #dcf6da;
487
+ --ks-color-positive-to-fg-8-base: #ecfaeb;
488
+ --ks-color-positive-to-fg-9-base: #f8fdf7;
208
489
  --ks-color-positive-inverted-base: #23831b;
209
490
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
210
491
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
@@ -215,15 +496,24 @@
215
496
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
216
497
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
217
498
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
218
- --ks-color-positive-inverted-to-bg-1-base: #2e8926;
219
- --ks-color-positive-inverted-to-bg-2-base: #409339;
220
- --ks-color-positive-inverted-to-bg-3-base: #58a152;
221
- --ks-color-positive-inverted-to-bg-4-base: #74b16f;
222
- --ks-color-positive-inverted-to-bg-5-base: #91c18d;
223
- --ks-color-positive-inverted-to-bg-6-base: #aed1ab;
224
- --ks-color-positive-inverted-to-bg-7-base: #cae1c8;
225
- --ks-color-positive-inverted-to-bg-8-base: #e2efe1;
226
- --ks-color-positive-inverted-to-bg-9-base: #f4f9f4;
499
+ --ks-color-positive-inverted-to-bg-1-base: #2d8926;
500
+ --ks-color-positive-inverted-to-bg-2-base: #3e9137;
501
+ --ks-color-positive-inverted-to-bg-3-base: #549d4f;
502
+ --ks-color-positive-inverted-to-bg-4-base: #6fac6b;
503
+ --ks-color-positive-inverted-to-bg-5-base: #8aba87;
504
+ --ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
505
+ --ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
506
+ --ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
507
+ --ks-color-positive-inverted-to-bg-9-base: #e7ece8;
508
+ --ks-color-positive-inverted-to-fg-1-base: #227d1b;
509
+ --ks-color-positive-inverted-to-fg-2-base: #1f731c;
510
+ --ks-color-positive-inverted-to-fg-3-base: #1c651c;
511
+ --ks-color-positive-inverted-to-fg-4-base: #18551c;
512
+ --ks-color-positive-inverted-to-fg-5-base: #15461d;
513
+ --ks-color-positive-inverted-to-fg-6-base: #11361e;
514
+ --ks-color-positive-inverted-to-fg-7-base: #0d261e;
515
+ --ks-color-positive-inverted-to-fg-8-base: #0a181e;
516
+ --ks-color-positive-inverted-to-fg-9-base: #070e1f;
227
517
  --ks-color-informative-base: #64c2db;
228
518
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
229
519
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
@@ -243,6 +533,15 @@
243
533
  --ks-color-informative-to-bg-7-base: #1d354c;
244
534
  --ks-color-informative-to-bg-8-base: #122037;
245
535
  --ks-color-informative-to-bg-9-base: #0b1128;
536
+ --ks-color-informative-to-fg-1-base: #6cc5dd;
537
+ --ks-color-informative-to-fg-2-base: #78cae0;
538
+ --ks-color-informative-to-fg-3-base: #89d1e4;
539
+ --ks-color-informative-to-fg-4-base: #9dd9e8;
540
+ --ks-color-informative-to-fg-5-base: #b2e1ed;
541
+ --ks-color-informative-to-fg-6-base: #c6e8f2;
542
+ --ks-color-informative-to-fg-7-base: #daf0f6;
543
+ --ks-color-informative-to-fg-8-base: #ebf7fa;
544
+ --ks-color-informative-to-fg-9-base: #f7fcfd;
246
545
  --ks-color-informative-inverted-base: #00718f;
247
546
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
248
547
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
@@ -253,15 +552,24 @@
253
552
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
254
553
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
255
554
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
256
- --ks-color-informative-inverted-to-bg-1-base: #0d7895;
257
- --ks-color-informative-inverted-to-bg-2-base: #21839e;
258
- --ks-color-informative-inverted-to-bg-3-base: #3d93aa;
259
- --ks-color-informative-inverted-to-bg-4-base: #5ea6b8;
260
- --ks-color-informative-inverted-to-bg-5-base: #80b8c7;
261
- --ks-color-informative-inverted-to-bg-6-base: #a1cad6;
262
- --ks-color-informative-inverted-to-bg-7-base: #c2dde4;
263
- --ks-color-informative-inverted-to-bg-8-base: #deedf0;
264
- --ks-color-informative-inverted-to-bg-9-base: #f2f8f9;
555
+ --ks-color-informative-inverted-to-bg-1-base: #0c7794;
556
+ --ks-color-informative-inverted-to-bg-2-base: #1f829c;
557
+ --ks-color-informative-inverted-to-bg-3-base: #3a90a7;
558
+ --ks-color-informative-inverted-to-bg-4-base: #59a0b4;
559
+ --ks-color-informative-inverted-to-bg-5-base: #79b1c1;
560
+ --ks-color-informative-inverted-to-bg-6-base: #98c2ce;
561
+ --ks-color-informative-inverted-to-bg-7-base: #b7d2db;
562
+ --ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
563
+ --ks-color-informative-inverted-to-bg-9-base: #e5ebee;
564
+ --ks-color-informative-inverted-to-fg-1-base: #006c89;
565
+ --ks-color-informative-inverted-to-fg-2-base: #016380;
566
+ --ks-color-informative-inverted-to-fg-3-base: #015874;
567
+ --ks-color-informative-inverted-to-fg-4-base: #024a66;
568
+ --ks-color-informative-inverted-to-fg-5-base: #033d57;
569
+ --ks-color-informative-inverted-to-fg-6-base: #042f48;
570
+ --ks-color-informative-inverted-to-fg-7-base: #05213a;
571
+ --ks-color-informative-inverted-to-fg-8-base: #05162e;
572
+ --ks-color-informative-inverted-to-fg-9-base: #060d25;
265
573
  --ks-color-notice-base: #f9de55;
266
574
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
267
575
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
@@ -281,6 +589,15 @@
281
589
  --ks-color-notice-to-bg-7-base: #403b2c;
282
590
  --ks-color-notice-to-bg-8-base: #262426;
283
591
  --ks-color-notice-to-bg-9-base: #121322;
592
+ --ks-color-notice-to-fg-1-base: #f9e05e;
593
+ --ks-color-notice-to-fg-2-base: #fae26b;
594
+ --ks-color-notice-to-fg-3-base: #fae67e;
595
+ --ks-color-notice-to-fg-4-base: #fbea94;
596
+ --ks-color-notice-to-fg-5-base: #fcefaa;
597
+ --ks-color-notice-to-fg-6-base: #fdf3c0;
598
+ --ks-color-notice-to-fg-7-base: #fef7d6;
599
+ --ks-color-notice-to-fg-8-base: #fefbe9;
600
+ --ks-color-notice-to-fg-9-base: #fffdf7;
284
601
  --ks-color-notice-inverted-base: #ff5d53;
285
602
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
286
603
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
@@ -291,15 +608,24 @@
291
608
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
292
609
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
293
610
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
294
- --ks-color-notice-inverted-to-bg-1-base: #ff655c;
295
- --ks-color-notice-inverted-to-bg-2-base: #ff7269;
296
- --ks-color-notice-inverted-to-bg-3-base: #ff847c;
297
- --ks-color-notice-inverted-to-bg-4-base: #ff9993;
298
- --ks-color-notice-inverted-to-bg-5-base: #ffaea9;
299
- --ks-color-notice-inverted-to-bg-6-base: #ffc3bf;
300
- --ks-color-notice-inverted-to-bg-7-base: #ffd8d6;
301
- --ks-color-notice-inverted-to-bg-8-base: #ffeae9;
302
- --ks-color-notice-inverted-to-bg-9-base: #fff7f6;
611
+ --ks-color-notice-inverted-to-bg-1-base: #fe645b;
612
+ --ks-color-notice-inverted-to-bg-2-base: #fd7068;
613
+ --ks-color-notice-inverted-to-bg-3-base: #fc8179;
614
+ --ks-color-notice-inverted-to-bg-4-base: #fa948e;
615
+ --ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
616
+ --ks-color-notice-inverted-to-bg-6-base: #f6bab8;
617
+ --ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
618
+ --ks-color-notice-inverted-to-bg-8-base: #f3dede;
619
+ --ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
620
+ --ks-color-notice-inverted-to-fg-1-base: #f35950;
621
+ --ks-color-notice-inverted-to-fg-2-base: #df524c;
622
+ --ks-color-notice-inverted-to-fg-3-base: #c34947;
623
+ --ks-color-notice-inverted-to-fg-4-base: #a33e40;
624
+ --ks-color-notice-inverted-to-fg-5-base: #833339;
625
+ --ks-color-notice-inverted-to-fg-6-base: #622732;
626
+ --ks-color-notice-inverted-to-fg-7-base: #421c2b;
627
+ --ks-color-notice-inverted-to-fg-8-base: #261326;
628
+ --ks-color-notice-inverted-to-fg-9-base: #120c22;
303
629
  --ks-color-negative-base: #ff1a57;
304
630
  --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
305
631
  --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
@@ -319,6 +645,15 @@
319
645
  --ks-color-negative-to-bg-7-base: #420c2c;
320
646
  --ks-color-negative-to-bg-8-base: #260a26;
321
647
  --ks-color-negative-to-bg-9-base: #120922;
648
+ --ks-color-negative-to-fg-1-base: #ff255f;
649
+ --ks-color-negative-to-fg-2-base: #ff386d;
650
+ --ks-color-negative-to-fg-3-base: #ff517f;
651
+ --ks-color-negative-to-fg-4-base: #ff6f95;
652
+ --ks-color-negative-to-fg-5-base: #ff8dab;
653
+ --ks-color-negative-to-fg-6-base: #ffaac1;
654
+ --ks-color-negative-to-fg-7-base: #ffc8d7;
655
+ --ks-color-negative-to-fg-8-base: #ffe1e9;
656
+ --ks-color-negative-to-fg-9-base: #fff4f7;
322
657
  --ks-color-negative-inverted-base: #d21d48;
323
658
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
324
659
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
@@ -330,90 +665,79 @@
330
665
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
331
666
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
332
667
  --ks-color-negative-inverted-to-bg-1-base: #d42851;
333
- --ks-color-negative-inverted-to-bg-2-base: #d83a60;
334
- --ks-color-negative-inverted-to-bg-3-base: #dd5374;
335
- --ks-color-negative-inverted-to-bg-4-base: #e3718c;
336
- --ks-color-negative-inverted-to-bg-5-base: #e98ea4;
337
- --ks-color-negative-inverted-to-bg-6-base: #eeabbb;
338
- --ks-color-negative-inverted-to-bg-7-base: #f4c9d3;
339
- --ks-color-negative-inverted-to-bg-8-base: #f9e2e7;
340
- --ks-color-negative-inverted-to-bg-9-base: #fdf4f6;
341
- --ks-color-secondary-base: #e21879;
342
- --ks-color-secondary-alpha-1-base: rgba(226,24,121,.95);
343
- --ks-color-secondary-alpha-2-base: rgba(226,24,121,.87);
344
- --ks-color-secondary-alpha-3-base: rgba(226,24,121,.76);
345
- --ks-color-secondary-alpha-4-base: rgba(226,24,121,.63);
346
- --ks-color-secondary-alpha-5-base: rgba(226,24,121,.5);
347
- --ks-color-secondary-alpha-6-base: rgba(226,24,121,.37);
348
- --ks-color-secondary-alpha-7-base: rgba(226,24,121,.24);
349
- --ks-color-secondary-alpha-8-base: rgba(226,24,121,.13);
350
- --ks-color-secondary-alpha-9-base: rgba(226,24,121,.05);
351
- --ks-color-secondary-to-bg-1-base: #d71775;
352
- --ks-color-secondary-to-bg-2-base: #c5166d;
353
- --ks-color-secondary-to-bg-3-base: #ad1463;
354
- --ks-color-secondary-to-bg-4-base: #911258;
355
- --ks-color-secondary-to-bg-5-base: #74104c;
356
- --ks-color-secondary-to-bg-6-base: #570e40;
357
- --ks-color-secondary-to-bg-7-base: #3b0c35;
358
- --ks-color-secondary-to-bg-8-base: #230a2b;
359
- --ks-color-secondary-to-bg-9-base: #110924;
360
- --ks-color-secondary-inverted-base: #5435d2;
361
- --ks-color-secondary-inverted-alpha-1-base: rgba(84,53,210,.95);
362
- --ks-color-secondary-inverted-alpha-2-base: rgba(84,53,210,.87);
363
- --ks-color-secondary-inverted-alpha-3-base: rgba(84,53,210,.76);
364
- --ks-color-secondary-inverted-alpha-4-base: rgba(84,53,210,.63);
365
- --ks-color-secondary-inverted-alpha-5-base: rgba(84,53,210,.5);
366
- --ks-color-secondary-inverted-alpha-6-base: rgba(84,53,210,.37);
367
- --ks-color-secondary-inverted-alpha-7-base: rgba(84,53,210,.24);
368
- --ks-color-secondary-inverted-alpha-8-base: rgba(84,53,210,.13);
369
- --ks-color-secondary-inverted-alpha-9-base: rgba(84,53,210,.05);
370
- --ks-color-secondary-inverted-to-bg-1-base: #5d3fd4;
371
- --ks-color-secondary-inverted-to-bg-2-base: #6a4fd8;
372
- --ks-color-secondary-inverted-to-bg-3-base: #7d65dd;
373
- --ks-color-secondary-inverted-to-bg-4-base: #9380e3;
374
- --ks-color-secondary-inverted-to-bg-5-base: #aa9ae9;
375
- --ks-color-secondary-inverted-to-bg-6-base: #c0b4ee;
376
- --ks-color-secondary-inverted-to-bg-7-base: #d6cff4;
377
- --ks-color-secondary-inverted-to-bg-8-base: #e9e5f9;
378
- --ks-color-secondary-inverted-to-bg-9-base: #f6f5fd;
379
- --ks-color-bg-base: #06081f;
380
- --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
381
- --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
382
- --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
383
- --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
384
- --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
385
- --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
386
- --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
387
- --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
388
- --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
389
- --ks-color-bg-to-bg-1-base: #06081f;
390
- --ks-color-bg-to-bg-2-base: #06081f;
391
- --ks-color-bg-to-bg-3-base: #06081f;
392
- --ks-color-bg-to-bg-4-base: #06081f;
393
- --ks-color-bg-to-bg-5-base: #06081f;
394
- --ks-color-bg-to-bg-6-base: #06081f;
395
- --ks-color-bg-to-bg-7-base: #06081f;
396
- --ks-color-bg-to-bg-8-base: #06081f;
397
- --ks-color-bg-to-bg-9-base: #06081f;
398
- --ks-color-bg-inverted-base: #f1f1f3;
399
- --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
400
- --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
401
- --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
402
- --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
403
- --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
404
- --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
405
- --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
406
- --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
407
- --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
408
- --ks-color-bg-inverted-to-bg-1-base: #f2f2f4;
409
- --ks-color-bg-inverted-to-bg-2-base: #f3f3f5;
410
- --ks-color-bg-inverted-to-bg-3-base: #f4f4f6;
411
- --ks-color-bg-inverted-to-bg-4-base: #f6f6f7;
412
- --ks-color-bg-inverted-to-bg-5-base: #f8f8f9;
413
- --ks-color-bg-inverted-to-bg-6-base: #fafafb;
414
- --ks-color-bg-inverted-to-bg-7-base: #fcfcfc;
415
- --ks-color-bg-inverted-to-bg-8-base: #fdfdfd;
416
- --ks-color-bg-inverted-to-bg-9-base: #fefefe;
668
+ --ks-color-negative-inverted-to-bg-2-base: #d6395e;
669
+ --ks-color-negative-inverted-to-bg-3-base: #d95071;
670
+ --ks-color-negative-inverted-to-bg-4-base: #dd6b87;
671
+ --ks-color-negative-inverted-to-bg-5-base: #e2879e;
672
+ --ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
673
+ --ks-color-negative-inverted-to-bg-7-base: #eabeca;
674
+ --ks-color-negative-inverted-to-bg-8-base: #edd5dd;
675
+ --ks-color-negative-inverted-to-bg-9-base: #efe6ea;
676
+ --ks-color-negative-inverted-to-fg-1-base: #c81c46;
677
+ --ks-color-negative-inverted-to-fg-2-base: #b71a43;
678
+ --ks-color-negative-inverted-to-fg-3-base: #a1183e;
679
+ --ks-color-negative-inverted-to-fg-4-base: #871539;
680
+ --ks-color-negative-inverted-to-fg-5-base: #6c1334;
681
+ --ks-color-negative-inverted-to-fg-6-base: #51102e;
682
+ --ks-color-negative-inverted-to-fg-7-base: #370d29;
683
+ --ks-color-negative-inverted-to-fg-8-base: #210b24;
684
+ --ks-color-negative-inverted-to-fg-9-base: #100921;
685
+ --ks-color-secondary-base: #4d25ef;
686
+ --ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
687
+ --ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
688
+ --ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
689
+ --ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
690
+ --ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
691
+ --ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
692
+ --ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
693
+ --ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
694
+ --ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
695
+ --ks-color-secondary-to-bg-1-base: #4924e5;
696
+ --ks-color-secondary-to-bg-2-base: #4421d4;
697
+ --ks-color-secondary-to-bg-3-base: #3c1ebd;
698
+ --ks-color-secondary-to-bg-4-base: #331aa2;
699
+ --ks-color-secondary-to-bg-5-base: #2a1787;
700
+ --ks-color-secondary-to-bg-6-base: #20136c;
701
+ --ks-color-secondary-to-bg-7-base: #170f51;
702
+ --ks-color-secondary-to-bg-8-base: #0f0c3a;
703
+ --ks-color-secondary-to-bg-9-base: #0a0929;
704
+ --ks-color-secondary-to-fg-1-base: #5630f0;
705
+ --ks-color-secondary-to-fg-2-base: #6441f1;
706
+ --ks-color-secondary-to-fg-3-base: #7859f3;
707
+ --ks-color-secondary-to-fg-4-base: #8f76f5;
708
+ --ks-color-secondary-to-fg-5-base: #a692f7;
709
+ --ks-color-secondary-to-fg-6-base: #bdaef9;
710
+ --ks-color-secondary-to-fg-7-base: #d4cbfb;
711
+ --ks-color-secondary-to-fg-8-base: #e8e3fd;
712
+ --ks-color-secondary-to-fg-9-base: #f6f4fe;
713
+ --ks-color-secondary-inverted-base: #e21879;
714
+ --ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
715
+ --ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
716
+ --ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
717
+ --ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
718
+ --ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
719
+ --ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
720
+ --ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
721
+ --ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
722
+ --ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
723
+ --ks-color-secondary-inverted-to-bg-1-base: #e3237f;
724
+ --ks-color-secondary-inverted-to-bg-2-base: #e43489;
725
+ --ks-color-secondary-inverted-to-bg-3-base: #e64c96;
726
+ --ks-color-secondary-inverted-to-bg-4-base: #e868a6;
727
+ --ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
728
+ --ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
729
+ --ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
730
+ --ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
731
+ --ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
732
+ --ks-color-secondary-inverted-to-fg-1-base: #d71775;
733
+ --ks-color-secondary-inverted-to-fg-2-base: #c5166d;
734
+ --ks-color-secondary-inverted-to-fg-3-base: #ad1463;
735
+ --ks-color-secondary-inverted-to-fg-4-base: #911258;
736
+ --ks-color-secondary-inverted-to-fg-5-base: #74104c;
737
+ --ks-color-secondary-inverted-to-fg-6-base: #570e40;
738
+ --ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
739
+ --ks-color-secondary-inverted-to-fg-8-base: #230a2b;
740
+ --ks-color-secondary-inverted-to-fg-9-base: #110924;
417
741
  --ks-depth-modal: 1000;
418
742
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
419
743
  --ks-spacing-xxs-base: 0.246rem;
@@ -484,34 +808,114 @@
484
808
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
485
809
  --ks-text-color-default-base: var(--ks-color-fg-base);
486
810
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
487
- --ks-text-color-default-interactive-hover-base: var(--ks-color-fg-base);
488
- --ks-text-color-default-interactive-active-base: var(--ks-color-fg-base);
489
- --ks-text-color-default-interactive-visited-base: var(--ks-color-fg-base);
490
- --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
811
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
812
+ --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
813
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
814
+ --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
491
815
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
492
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
493
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
494
- --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
495
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-3-base);
816
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
817
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
818
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
819
+ --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
820
+ --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
821
+ --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
822
+ --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
823
+ --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
824
+ --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
825
+ --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
826
+ --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
827
+ --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
828
+ --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
829
+ --ks-text-color-display-base: var(--ks-color-fg-base);
830
+ --ks-text-color-display-interactive-base: var(--ks-color-link-base);
831
+ --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
832
+ --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
833
+ --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
834
+ --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
835
+ --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
836
+ --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
837
+ --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
838
+ --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
839
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
496
840
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
497
841
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
498
842
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
499
- --ks-text-color-interface-interactive-visited-base: var(--ks-color-fg-base);
500
- --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
843
+ --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
844
+ --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
501
845
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
502
846
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
503
847
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
504
- --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
505
- --ks-text-color-primary-base: var(--ks-color-secondary-base);
506
- --ks-text-color-primary-interactive-base: var(--ks-color-secondary-base);
507
- --ks-text-color-primary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
508
- --ks-text-color-primary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
509
- --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-3-base);
510
- --ks-text-color-primary-inverted-base: var(--ks-color-secondary-inverted-base);
511
- --ks-text-color-primary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
512
- --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
513
- --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
514
- --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-secondary-inverted-alpha-3-base);
848
+ --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
849
+ --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
850
+ --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
851
+ --ks-text-color-card-interactive-hover-base: #000;
852
+ --ks-text-color-card-interactive-active-base: #000;
853
+ --ks-text-color-card-interactive-selected-base: #000;
854
+ --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
855
+ --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
856
+ --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
857
+ --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
858
+ --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
859
+ --ks-text-color-primary-base: var(--ks-color-primary-base);
860
+ --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
861
+ --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
862
+ --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
863
+ --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
864
+ --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
865
+ --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
866
+ --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
867
+ --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
868
+ --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
869
+ --ks-text-color-positive-base: var(--ks-color-positive-base);
870
+ --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
871
+ --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
872
+ --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
873
+ --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
874
+ --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
875
+ --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
876
+ --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
877
+ --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
878
+ --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
879
+ --ks-text-color-informative-base: var(--ks-color-informative-base);
880
+ --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
881
+ --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
882
+ --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
883
+ --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
884
+ --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
885
+ --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
886
+ --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
887
+ --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
888
+ --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
889
+ --ks-text-color-notice-base: var(--ks-color-notice-base);
890
+ --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
891
+ --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
892
+ --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
893
+ --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
894
+ --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
895
+ --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
896
+ --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
897
+ --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
898
+ --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
899
+ --ks-text-color-negative-base: var(--ks-color-negative-base);
900
+ --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
901
+ --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
902
+ --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
903
+ --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
904
+ --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
905
+ --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
906
+ --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
907
+ --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
908
+ --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
909
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
910
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
911
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
912
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
913
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
914
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
915
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
916
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
917
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
918
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
515
919
  --ks-duration-immediate: 50ms;
516
920
  --ks-duration-fast: 100ms;
517
921
  --ks-duration-medium: 150ms;
@@ -521,7 +925,7 @@
521
925
  --ks-timing-function-ease-in: ease-in;
522
926
  --ks-timing-function-ease-in-out: ease-in-out;
523
927
  --ks-timing-function-linear: linear;
524
- --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
928
+ --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
525
929
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
526
930
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
527
931
  --ks-font-family-display: Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
@@ -536,14 +940,14 @@
536
940
  --ks-font-size-display-bp-factor-phone: 1.125;
537
941
  --ks-font-size-display-bp-factor-tablet: 1.25;
538
942
  --ks-font-size-display-bp-factor-laptop: 1.5;
539
- --ks-font-size-display-bp-factor-desktop: 1.65;
540
- --ks-font-size-display-xxs-base: 0.65rem;
541
- --ks-font-size-display-xs-base: 0.8rem;
542
- --ks-font-size-display-s-base: 1rem;
943
+ --ks-font-size-display-bp-factor-desktop: 1.75;
944
+ --ks-font-size-display-xxs-base: 0.68rem;
945
+ --ks-font-size-display-xs-base: 0.833rem;
946
+ --ks-font-size-display-s-base: 1.0204rem;
543
947
  --ks-font-size-display-m-base: 1.25rem;
544
- --ks-font-size-display-l-base: 1.5rem;
545
- --ks-font-size-display-xl-base: 2rem;
546
- --ks-font-size-display-xxl-base: 2.5rem;
948
+ --ks-font-size-display-l-base: 1.5313rem;
949
+ --ks-font-size-display-xl-base: 1.8758rem;
950
+ --ks-font-size-display-xxl-base: 2.2978rem;
547
951
  --ks-font-size-copy-bp-factor-tablet: 1.125;
548
952
  --ks-font-size-copy-xxs-base: 0.612rem;
549
953
  --ks-font-size-copy-xs-base: 0.7497rem;
@@ -579,9 +983,9 @@
579
983
  --ks-line-height-copy-xs: 1.5;
580
984
  --ks-line-height-copy-s: 1.5;
581
985
  --ks-line-height-copy-m: 1.5;
582
- --ks-line-height-copy-l: 1.45;
583
- --ks-line-height-copy-xl: 1.35;
584
- --ks-line-height-copy-xxl: 1.35;
986
+ --ks-line-height-copy-l: 1.5;
987
+ --ks-line-height-copy-xl: 1.5;
988
+ --ks-line-height-copy-xxl: 1.5;
585
989
  --ks-line-height-interface-xxs: 1.5;
586
990
  --ks-line-height-interface-xs: 1.5;
587
991
  --ks-line-height-interface-s: 1.5;
@@ -697,6 +1101,18 @@
697
1101
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
698
1102
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
699
1103
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1104
+ --ks-background-color-card: var(--ks-background-color-card-base);
1105
+ --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1106
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1107
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1108
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1109
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1110
+ --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1111
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1112
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1113
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1114
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1115
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
700
1116
  --ks-background-color-primary: var(--ks-background-color-primary-base);
701
1117
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
702
1118
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
@@ -709,6 +1125,66 @@
709
1125
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
710
1126
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
711
1127
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1128
+ --ks-background-color-positive: var(--ks-background-color-positive-base);
1129
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1130
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1131
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1132
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1133
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1134
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1135
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1136
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1137
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1138
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1139
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1140
+ --ks-background-color-informative: var(--ks-background-color-informative-base);
1141
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1142
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1143
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1144
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1145
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1146
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1147
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1148
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1149
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1150
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1151
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1152
+ --ks-background-color-notice: var(--ks-background-color-notice-base);
1153
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1154
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1155
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1156
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1157
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1158
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1159
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1160
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1161
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1162
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1163
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1164
+ --ks-background-color-negative: var(--ks-background-color-negative-base);
1165
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1166
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1167
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1168
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1169
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1170
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1171
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1172
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1173
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1174
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1175
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1176
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1177
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1178
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1179
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1180
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1181
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1182
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1183
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1184
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1185
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1186
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1187
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
712
1188
  --ks-border-color-accent: var(--ks-border-color-accent-base);
713
1189
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
714
1190
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -735,6 +1211,18 @@
735
1211
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
736
1212
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
737
1213
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1214
+ --ks-border-color-card: var(--ks-border-color-card-base);
1215
+ --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1216
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1217
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1218
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1219
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1220
+ --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1221
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1222
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1223
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1224
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1225
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
738
1226
  --ks-border-color-primary: var(--ks-border-color-primary-base);
739
1227
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
740
1228
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
@@ -747,44 +1235,66 @@
747
1235
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
748
1236
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
749
1237
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
750
- --ks-color-primary: var(--ks-color-primary-base);
751
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
752
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
753
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
754
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
755
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
756
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
757
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
758
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
759
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
760
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
761
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
762
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
763
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
764
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
765
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
766
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
767
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
768
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
769
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
770
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
771
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
772
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
773
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
774
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
775
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
776
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
777
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
778
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
779
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
780
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
781
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
782
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
783
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
784
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
785
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
786
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
787
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1238
+ --ks-border-color-positive: var(--ks-border-color-positive-base);
1239
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1240
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1241
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1242
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1243
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1244
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1245
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1246
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1247
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1248
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1249
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1250
+ --ks-border-color-informative: var(--ks-border-color-informative-base);
1251
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1252
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1253
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1254
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1255
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1256
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1257
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1258
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1259
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1260
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1261
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1262
+ --ks-border-color-notice: var(--ks-border-color-notice-base);
1263
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1264
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1265
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1266
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1267
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1268
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1269
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1270
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1271
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1272
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1273
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1274
+ --ks-border-color-negative: var(--ks-border-color-negative-base);
1275
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1276
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1277
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1278
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1279
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1280
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1281
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1282
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1283
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1284
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1285
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1286
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1287
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1288
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1289
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1290
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1291
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1292
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1293
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1294
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1295
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1296
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1297
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
788
1298
  --ks-color-fg: var(--ks-color-fg-base);
789
1299
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
790
1300
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -823,9 +1333,157 @@
823
1333
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
824
1334
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
825
1335
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1336
+ --ks-color-bg: var(--ks-color-bg-base);
1337
+ --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1338
+ --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1339
+ --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1340
+ --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1341
+ --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1342
+ --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1343
+ --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1344
+ --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1345
+ --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1346
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1347
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1348
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1349
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1350
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1351
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1352
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1353
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1354
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1355
+ --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1356
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1357
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1358
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1359
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1360
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1361
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1362
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1363
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1364
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1365
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1366
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1367
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1368
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1369
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1370
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1371
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1372
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1373
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1374
+ --ks-color-transparent: var(--ks-color-transparent-base);
1375
+ --ks-color-primary: var(--ks-color-primary-base);
1376
+ --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1377
+ --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1378
+ --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1379
+ --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1380
+ --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1381
+ --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1382
+ --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1383
+ --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1384
+ --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1385
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1386
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1387
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1388
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1389
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1390
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1391
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1392
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1393
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1394
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1395
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1396
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1397
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1398
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1399
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1400
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1401
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1402
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1403
+ --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1404
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1405
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1406
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1407
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1408
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1409
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1410
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1411
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1412
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1413
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1414
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1415
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1416
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1417
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1418
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1419
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1420
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1421
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1422
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1423
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1424
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1425
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1426
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1427
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1428
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1429
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1430
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
826
1431
  --ks-color-link: var(--ks-color-link-base);
1432
+ --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1433
+ --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1434
+ --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1435
+ --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1436
+ --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1437
+ --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1438
+ --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1439
+ --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1440
+ --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1441
+ --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1442
+ --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1443
+ --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1444
+ --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1445
+ --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1446
+ --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1447
+ --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1448
+ --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1449
+ --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1450
+ --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1451
+ --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1452
+ --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1453
+ --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1454
+ --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1455
+ --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1456
+ --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1457
+ --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1458
+ --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
827
1459
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
828
- --ks-color-transparent: var(--ks-color-transparent-base);
1460
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1461
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1462
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1463
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1464
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1465
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1466
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1467
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1468
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1469
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1470
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1471
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1472
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1473
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1474
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1475
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1476
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1477
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1478
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1479
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1480
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1481
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1482
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1483
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1484
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1485
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1486
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
829
1487
  --ks-color-positive: var(--ks-color-positive-base);
830
1488
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
831
1489
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
@@ -845,6 +1503,15 @@
845
1503
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
846
1504
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
847
1505
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1506
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1507
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1508
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1509
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1510
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1511
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1512
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1513
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1514
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
848
1515
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
849
1516
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
850
1517
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
@@ -864,6 +1531,15 @@
864
1531
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
865
1532
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
866
1533
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1534
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1535
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1536
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1537
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1538
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1539
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1540
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1541
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1542
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
867
1543
  --ks-color-informative: var(--ks-color-informative-base);
868
1544
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
869
1545
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
@@ -883,6 +1559,15 @@
883
1559
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
884
1560
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
885
1561
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1562
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1563
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1564
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1565
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1566
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1567
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1568
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1569
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1570
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
886
1571
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
887
1572
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
888
1573
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
@@ -902,6 +1587,15 @@
902
1587
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
903
1588
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
904
1589
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1590
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1591
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1592
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1593
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1594
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1595
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1596
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1597
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1598
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
905
1599
  --ks-color-notice: var(--ks-color-notice-base);
906
1600
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
907
1601
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
@@ -921,6 +1615,15 @@
921
1615
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
922
1616
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
923
1617
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1618
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1619
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1620
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1621
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1622
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1623
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1624
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1625
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1626
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
924
1627
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
925
1628
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
926
1629
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
@@ -940,6 +1643,15 @@
940
1643
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
941
1644
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
942
1645
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1646
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1647
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1648
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1649
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1650
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1651
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1652
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1653
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1654
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
943
1655
  --ks-color-negative: var(--ks-color-negative-base);
944
1656
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
945
1657
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
@@ -959,6 +1671,15 @@
959
1671
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
960
1672
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
961
1673
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1674
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1675
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1676
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1677
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1678
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1679
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1680
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1681
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1682
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
962
1683
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
963
1684
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
964
1685
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
@@ -978,6 +1699,15 @@
978
1699
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
979
1700
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
980
1701
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1702
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1703
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1704
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1705
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1706
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1707
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1708
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1709
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1710
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
981
1711
  --ks-color-secondary: var(--ks-color-secondary-base);
982
1712
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
983
1713
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
@@ -997,6 +1727,15 @@
997
1727
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
998
1728
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
999
1729
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1730
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1731
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1732
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1733
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1734
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1735
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1736
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1737
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1738
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1000
1739
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
1001
1740
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
1002
1741
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
@@ -1016,74 +1755,125 @@
1016
1755
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1017
1756
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1018
1757
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1019
- --ks-color-bg: var(--ks-color-bg-base);
1020
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1021
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1022
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1023
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1024
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1025
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1026
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1027
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1028
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1029
- --ks-color-bg-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1030
- --ks-color-bg-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1031
- --ks-color-bg-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1032
- --ks-color-bg-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1033
- --ks-color-bg-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1034
- --ks-color-bg-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1035
- --ks-color-bg-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1036
- --ks-color-bg-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1037
- --ks-color-bg-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1038
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1039
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1040
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1041
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1042
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1043
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1044
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1045
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1046
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1047
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1048
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1049
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1050
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1051
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1052
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1053
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1054
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1055
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1056
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1758
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1759
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1760
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1761
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1762
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1763
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1764
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1765
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1766
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1057
1767
  --ks-text-color-default: var(--ks-text-color-default-base);
1058
1768
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1059
1769
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1060
1770
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1061
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1771
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1062
1772
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1063
1773
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1064
1774
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1065
1775
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1066
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1776
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1777
+ --ks-text-color-copy: var(--ks-text-color-copy-base);
1778
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1779
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1780
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1781
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1782
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1783
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1784
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1785
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1786
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1787
+ --ks-text-color-display: var(--ks-text-color-display-base);
1788
+ --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1789
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1790
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1791
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1792
+ --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1793
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1794
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1795
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1796
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1067
1797
  --ks-text-color-interface: var(--ks-text-color-interface-base);
1068
1798
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1069
1799
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1070
1800
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1071
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1801
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1072
1802
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1073
1803
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1074
1804
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1075
1805
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1076
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1806
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1807
+ --ks-text-color-card: var(--ks-text-color-card-base);
1808
+ --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1809
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1810
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1811
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1812
+ --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1813
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1814
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1815
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1816
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1077
1817
  --ks-text-color-primary: var(--ks-text-color-primary-base);
1078
1818
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1079
1819
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1080
1820
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1081
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1821
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1082
1822
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1083
1823
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1084
1824
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1085
1825
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1086
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1826
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1827
+ --ks-text-color-positive: var(--ks-text-color-positive-base);
1828
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1829
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1830
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
1831
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
1832
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
1833
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
1834
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
1835
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
1836
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
1837
+ --ks-text-color-informative: var(--ks-text-color-informative-base);
1838
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
1839
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
1840
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
1841
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
1842
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
1843
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
1844
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
1845
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
1846
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
1847
+ --ks-text-color-notice: var(--ks-text-color-notice-base);
1848
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
1849
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
1850
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
1851
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
1852
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
1853
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
1854
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
1855
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
1856
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
1857
+ --ks-text-color-negative: var(--ks-text-color-negative-base);
1858
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
1859
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
1860
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
1861
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
1862
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
1863
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
1864
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1865
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1866
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1867
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
1868
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
1869
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
1870
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
1871
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1872
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
1873
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
1874
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
1875
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
1876
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
1087
1877
  }
1088
1878
  [ks-inverted=true] {
1089
1879
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
@@ -1114,6 +1904,18 @@
1114
1904
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1115
1905
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1116
1906
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1907
+ --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1908
+ --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1909
+ --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1910
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1911
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1912
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1913
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1914
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1915
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1916
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1917
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1918
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1117
1919
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1118
1920
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1119
1921
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
@@ -1126,6 +1928,66 @@
1126
1928
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1127
1929
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1128
1930
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1931
+ --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1932
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1933
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1934
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1935
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1936
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1937
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1938
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1939
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1940
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1941
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1942
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1943
+ --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1944
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1945
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1946
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1947
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1948
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1949
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1950
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1951
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1952
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1953
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1954
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1955
+ --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1956
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1957
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1958
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1959
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1960
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1961
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1962
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1963
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1964
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1965
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1966
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1967
+ --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1968
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1969
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1970
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1971
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1972
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1973
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1974
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1975
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1976
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1977
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1978
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1979
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
1980
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
1981
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1982
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
1983
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1984
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1985
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1986
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1987
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1988
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1989
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1990
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1129
1991
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1130
1992
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1131
1993
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1152,6 +2014,18 @@
1152
2014
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1153
2015
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1154
2016
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
2017
+ --ks-border-color-card: var(--ks-border-color-card-inverted-base);
2018
+ --ks-border-color-card-inverted: var(--ks-border-color-card-base);
2019
+ --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
2020
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
2021
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
2022
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
2023
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
2024
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
2025
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
2026
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
2027
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
2028
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1155
2029
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1156
2030
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1157
2031
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
@@ -1164,44 +2038,66 @@
1164
2038
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1165
2039
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1166
2040
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1167
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1168
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1169
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1170
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1171
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1172
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1173
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1174
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1175
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1176
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1177
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1178
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1179
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1180
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1181
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1182
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1183
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1184
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1185
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1186
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
1187
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1188
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1189
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1190
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1191
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1192
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1193
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1194
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1195
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1196
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1197
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1198
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1199
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1200
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1201
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1202
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1203
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1204
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2041
+ --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
2042
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
2043
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
2044
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
2045
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
2046
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
2047
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
2048
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
2049
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
2050
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
2051
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
2052
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
2053
+ --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
2054
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
2055
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
2056
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
2057
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
2058
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
2059
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
2060
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
2061
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
2062
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
2063
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
2064
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
2065
+ --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
2066
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
2067
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
2068
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
2069
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
2070
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
2071
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
2072
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
2073
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
2074
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
2075
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
2076
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
2077
+ --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
2078
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
2079
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
2080
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
2081
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
2082
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
2083
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
2084
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
2085
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
2086
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
2087
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
2088
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2089
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2090
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2091
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2092
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2093
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2094
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2095
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2096
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2097
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2098
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2099
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2100
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1205
2101
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1206
2102
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1207
2103
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -1240,8 +2136,156 @@
1240
2136
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1241
2137
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1242
2138
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2139
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
2140
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
2141
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
2142
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
2143
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
2144
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
2145
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
2146
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
2147
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
2148
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
2149
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
2150
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
2151
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
2152
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
2153
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
2154
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
2155
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
2156
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
2157
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
2158
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
2159
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
2160
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
2161
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
2162
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
2163
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
2164
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
2165
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
2166
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
2167
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
2168
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
2169
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
2170
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
2171
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
2172
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
2173
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
2174
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
2175
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
2176
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
2177
+ --ks-color-primary: var(--ks-color-primary-inverted-base);
2178
+ --ks-color-primary-inverted: var(--ks-color-primary-base);
2179
+ --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
2180
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
2181
+ --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
2182
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
2183
+ --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
2184
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
2185
+ --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
2186
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
2187
+ --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
2188
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
2189
+ --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
2190
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
2191
+ --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
2192
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
2193
+ --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
2194
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
2195
+ --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
2196
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2197
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2198
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2199
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2200
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2201
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2202
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2203
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2204
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2205
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2206
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2207
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2208
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2209
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2210
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2211
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2212
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2213
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2214
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2215
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2216
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2217
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2218
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2219
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2220
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2221
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2222
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2223
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2224
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2225
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2226
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2227
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2228
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2229
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2230
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2231
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2232
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1243
2233
  --ks-color-link: var(--ks-color-link-inverted-base);
1244
2234
  --ks-color-link-inverted: var(--ks-color-link-base);
2235
+ --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2236
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2237
+ --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2238
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2239
+ --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2240
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2241
+ --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2242
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2243
+ --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2244
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2245
+ --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2246
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2247
+ --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2248
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2249
+ --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2250
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2251
+ --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2252
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2253
+ --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2254
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2255
+ --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2256
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2257
+ --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2258
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2259
+ --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2260
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2261
+ --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2262
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2263
+ --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2264
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2265
+ --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2266
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2267
+ --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2268
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2269
+ --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2270
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2271
+ --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2272
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2273
+ --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2274
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2275
+ --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2276
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2277
+ --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2278
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2279
+ --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2280
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2281
+ --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2282
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2283
+ --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2284
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2285
+ --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2286
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2287
+ --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2288
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
1245
2289
  --ks-color-positive: var(--ks-color-positive-inverted-base);
1246
2290
  --ks-color-positive-inverted: var(--ks-color-positive-base);
1247
2291
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
@@ -1280,6 +2324,24 @@
1280
2324
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1281
2325
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1282
2326
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2327
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2328
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2329
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2330
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2331
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2332
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2333
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2334
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2335
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2336
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2337
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2338
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2339
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2340
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2341
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2342
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2343
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2344
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1283
2345
  --ks-color-informative: var(--ks-color-informative-inverted-base);
1284
2346
  --ks-color-informative-inverted: var(--ks-color-informative-base);
1285
2347
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
@@ -1318,6 +2380,24 @@
1318
2380
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1319
2381
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1320
2382
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2383
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2384
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2385
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2386
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2387
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2388
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2389
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2390
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2391
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2392
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2393
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2394
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2395
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2396
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2397
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2398
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2399
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2400
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1321
2401
  --ks-color-notice: var(--ks-color-notice-inverted-base);
1322
2402
  --ks-color-notice-inverted: var(--ks-color-notice-base);
1323
2403
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
@@ -1356,6 +2436,24 @@
1356
2436
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1357
2437
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1358
2438
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2439
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2440
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2441
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2442
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2443
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2444
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2445
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2446
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2447
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2448
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2449
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2450
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2451
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2452
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2453
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2454
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2455
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2456
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1359
2457
  --ks-color-negative: var(--ks-color-negative-inverted-base);
1360
2458
  --ks-color-negative-inverted: var(--ks-color-negative-base);
1361
2459
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
@@ -1394,6 +2492,24 @@
1394
2492
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1395
2493
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1396
2494
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2495
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2496
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2497
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2498
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2499
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2500
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2501
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2502
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2503
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2504
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2505
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2506
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2507
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2508
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2509
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2510
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2511
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2512
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1397
2513
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
1398
2514
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
1399
2515
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
@@ -1432,44 +2548,24 @@
1432
2548
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1433
2549
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1434
2550
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1435
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1436
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1437
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1438
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1439
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1440
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1441
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1442
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1443
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1444
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1445
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1446
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1447
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1448
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1449
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1450
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1451
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1452
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1453
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1454
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1455
- --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1456
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1457
- --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1458
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1459
- --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1460
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1461
- --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1462
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1463
- --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1464
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1465
- --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1466
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1467
- --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1468
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1469
- --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1470
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1471
- --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1472
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
2551
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2552
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2553
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2554
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2555
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2556
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2557
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2558
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2559
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2560
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2561
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2562
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2563
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2564
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2565
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2566
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2567
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2568
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1473
2569
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
1474
2570
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
1475
2571
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -1478,8 +2574,28 @@
1478
2574
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1479
2575
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1480
2576
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
1481
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1482
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
2577
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2578
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2579
+ --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2580
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2581
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2582
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2583
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2584
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2585
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2586
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2587
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2588
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2589
+ --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2590
+ --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2591
+ --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2592
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2593
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2594
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2595
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2596
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2597
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2598
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1483
2599
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
1484
2600
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
1485
2601
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
@@ -1488,8 +2604,18 @@
1488
2604
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1489
2605
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1490
2606
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1491
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1492
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
2607
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2608
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2609
+ --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2610
+ --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2611
+ --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2612
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2613
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2614
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2615
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2616
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2617
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2618
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1493
2619
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
1494
2620
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
1495
2621
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
@@ -1498,8 +2624,58 @@
1498
2624
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1499
2625
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1500
2626
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1501
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1502
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
2627
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2628
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2629
+ --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2630
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2631
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2632
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2633
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2634
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2635
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2636
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2637
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2638
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2639
+ --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2640
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2641
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2642
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2643
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2644
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2645
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2646
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2647
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2648
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2649
+ --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2650
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2651
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2652
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2653
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2654
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2655
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2656
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2657
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2658
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2659
+ --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2660
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2661
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2662
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2663
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2664
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2665
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2666
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2667
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2668
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2669
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2670
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2671
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2672
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2673
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2674
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2675
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2676
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2677
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2678
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1503
2679
  }
1504
2680
  @media (min-width: 36em) {
1505
2681
  :root {