@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.
@@ -1,11 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Feb 2024 18:30:28 GMT
3
+ * Generated on Thu, 29 Feb 2024 19:01:53 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
7
- --ks-background-color-accent-base: var(--ks-color-fg-alpha-8-base);
8
- --ks-background-color-accent-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
7
+ --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
8
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
9
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
10
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
9
11
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
10
12
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
11
13
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -16,34 +18,118 @@
16
18
  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
17
19
  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
18
20
  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
19
- --ks-background-color-default-base: var(--ks-color-fg-inverted-base);
20
- --ks-background-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
21
+ --ks-background-color-default-base: var(--ks-color-bg-base);
22
+ --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
21
23
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
22
- --ks-background-color-interface-interactive-base: var(--ks-color-transparent-base);
24
+ --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
23
25
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
24
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
25
- --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-9-base);
26
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
27
+ --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
26
28
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
27
29
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
28
- --ks-background-color-interface-inverted-interactive-base: var(--ks-color-transparent-base);
30
+ --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
29
31
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
30
- --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
31
- --ks-background-color-interface-inverted-interactive-active-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
+ --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
32
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);
33
47
  --ks-background-color-primary-base: var(--ks-color-primary-base);
34
48
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
35
49
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
36
- --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
37
- --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-base);
38
- --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);
39
53
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
40
54
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
41
55
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
42
- --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
43
- --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
44
- --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
45
- --ks-border-color-accent-base: var(--ks-color-fg-alpha-8-base);
46
- --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-background-color-foregroung-base: var(--ks-color-foregroung-base);
120
+ --ks-background-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
121
+ --ks-background-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-to-bg-2-base);
122
+ --ks-background-color-foregroung-interactive-active-base: var(--ks-color-foregroung-to-bg-2-base);
123
+ --ks-background-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-to-bg-4-base);
124
+ --ks-background-color-foregroung-translucent-base: var(--ks-color-foregroung-alpha-5-base);
125
+ --ks-background-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
126
+ --ks-background-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-base);
127
+ --ks-background-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
128
+ --ks-background-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
129
+ --ks-background-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-to-bg-4-base);
130
+ --ks-background-color-foregroung-inverted-translucent-base: var(--ks-color-foregroung-inverted-alpha-5-base);
131
+ --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
132
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
47
133
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
48
134
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
49
135
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -56,18 +142,30 @@
56
142
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
57
143
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
58
144
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
59
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-9-base);
145
+ --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
60
146
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
61
147
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
62
148
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
63
- --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-3-base);
149
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
64
150
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
65
- --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
66
- --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
67
- --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
68
- --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
69
- --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
151
+ --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
152
+ --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
153
+ --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
154
+ --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
155
+ --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
70
156
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
157
+ --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
158
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
159
+ --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
160
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
161
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
162
+ --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
163
+ --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
164
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
165
+ --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
166
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
167
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
168
+ --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
71
169
  --ks-border-color-primary-base: var(--ks-color-primary-base);
72
170
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
73
171
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
@@ -80,6 +178,78 @@
80
178
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
81
179
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
82
180
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
181
+ --ks-border-color-positive-base: var(--ks-color-positive-base);
182
+ --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
183
+ --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
184
+ --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
185
+ --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
186
+ --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
187
+ --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
188
+ --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
189
+ --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
190
+ --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
191
+ --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
192
+ --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
193
+ --ks-border-color-informative-base: var(--ks-color-informative-base);
194
+ --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
195
+ --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
196
+ --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
197
+ --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
198
+ --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
199
+ --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
200
+ --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
201
+ --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
202
+ --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
203
+ --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
204
+ --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
205
+ --ks-border-color-notice-base: var(--ks-color-notice-base);
206
+ --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
207
+ --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
208
+ --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
209
+ --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
210
+ --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
211
+ --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
212
+ --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
213
+ --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
214
+ --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
215
+ --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
216
+ --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
217
+ --ks-border-color-negative-base: var(--ks-color-negative-base);
218
+ --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
219
+ --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
220
+ --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
221
+ --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
222
+ --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
223
+ --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
224
+ --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
225
+ --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
226
+ --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
227
+ --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
228
+ --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
229
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
230
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
231
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
232
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
233
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
234
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
235
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
236
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
237
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
238
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
239
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
240
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
241
+ --ks-border-color-foregroung-base: var(--ks-color-foregroung-base);
242
+ --ks-border-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
243
+ --ks-border-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-to-bg-2-base);
244
+ --ks-border-color-foregroung-interactive-active-base: var(--ks-color-foregroung-to-bg-3-base);
245
+ --ks-border-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-base);
246
+ --ks-border-color-foregroung-translucent-base: var(--ks-color-foregroung-alpha-2-base);
247
+ --ks-border-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
248
+ --ks-border-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-base);
249
+ --ks-border-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
250
+ --ks-border-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-to-bg-3-base);
251
+ --ks-border-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-base);
252
+ --ks-border-color-foregroung-inverted-translucent-base: var(--ks-color-foregroung-inverted-alpha-2-base);
83
253
  --ks-border-width-default: 1px;
84
254
  --ks-border-width-emphasized: 2px;
85
255
  --ks-border-radius-control: 3px;
@@ -89,60 +259,40 @@
89
259
  --ks-border-radius-circle: 50%;
90
260
  --ks-box-shadow-opacity-control: 0.2;
91
261
  --ks-box-shadow-opacity-control-hover: 0.3;
262
+ --ks-box-shadow-opacity-control-inverted: 0.2;
263
+ --ks-box-shadow-opacity-control-inverted-hover: 0.3;
92
264
  --ks-box-shadow-opacity-card: 0.2;
93
265
  --ks-box-shadow-opacity-card-hover: 0.3;
266
+ --ks-box-shadow-opacity-card-inverted: 0.2;
267
+ --ks-box-shadow-opacity-card-inverted-hover: 0.3;
94
268
  --ks-box-shadow-opacity-surface: 0.1;
95
269
  --ks-box-shadow-opacity-surface-hover: 0.2;
270
+ --ks-box-shadow-opacity-surface-inverted: 0.1;
271
+ --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
96
272
  --ks-box-shadow-color-control: rgba(0,0,0,var(--ks-box-shadow-opacity-control));
97
273
  --ks-box-shadow-color-control-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-control-hover));
274
+ --ks-box-shadow-color-control-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-control-inverted));
275
+ --ks-box-shadow-color-control-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-control-inverted-hover));
98
276
  --ks-box-shadow-color-card: rgba(0,0,0,var(--ks-box-shadow-opacity-card));
99
277
  --ks-box-shadow-color-card-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-card-hover));
278
+ --ks-box-shadow-color-card-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-card-inverted));
279
+ --ks-box-shadow-color-card-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-card-inverted-hover));
100
280
  --ks-box-shadow-color-surface: rgba(0,0,0,var(--ks-box-shadow-opacity-surface));
101
281
  --ks-box-shadow-color-surface-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-hover));
282
+ --ks-box-shadow-color-surface-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-inverted));
283
+ --ks-box-shadow-color-surface-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-inverted-hover));
102
284
  --ks-box-shadow-control: 0 1px 2px var(--ks-box-shadow-color-control);
103
285
  --ks-box-shadow-control-hover: 0 1px 4px var(--ks-box-shadow-color-control-hover);
286
+ --ks-box-shadow-control-inverted: 0 1px 2px var(--ks-box-shadow-color-control-inverted);
287
+ --ks-box-shadow-control-inverted-hover: 0 1px 4px var(--ks-box-shadow-color-control-inverted-hover);
104
288
  --ks-box-shadow-card: 0 1px 4px var(--ks-box-shadow-color-card);
105
289
  --ks-box-shadow-card-hover: 0 1px 8px var(--ks-box-shadow-color-card-hover);
290
+ --ks-box-shadow-card-inverted: 0 1px 4px var(--ks-box-shadow-color-card-inverted);
291
+ --ks-box-shadow-card-inverted-hover: 0 1px 8px var(--ks-box-shadow-color-card-inverted-hover);
106
292
  --ks-box-shadow-surface: 0 1px 8px var(--ks-box-shadow-color-surface);
107
293
  --ks-box-shadow-surface-hover: 0 1px 16px var(--ks-box-shadow-color-surface-hover);
108
- --ks-color-primary-base: #09f;
109
- --ks-color-primary-alpha-1-base: rgba(0,153,255,.95);
110
- --ks-color-primary-alpha-2-base: rgba(0,153,255,.87);
111
- --ks-color-primary-alpha-3-base: rgba(0,153,255,.76);
112
- --ks-color-primary-alpha-4-base: rgba(0,153,255,.63);
113
- --ks-color-primary-alpha-5-base: rgba(0,153,255,.5);
114
- --ks-color-primary-alpha-6-base: rgba(0,153,255,.37);
115
- --ks-color-primary-alpha-7-base: rgba(0,153,255,.24);
116
- --ks-color-primary-alpha-8-base: rgba(0,153,255,.13);
117
- --ks-color-primary-alpha-9-base: rgba(0,153,255,.05);
118
- --ks-color-primary-to-bg-1-base: #0d9eff;
119
- --ks-color-primary-to-bg-2-base: #21a6ff;
120
- --ks-color-primary-to-bg-3-base: #3db1ff;
121
- --ks-color-primary-to-bg-4-base: #5ebfff;
122
- --ks-color-primary-to-bg-5-base: #80ccff;
123
- --ks-color-primary-to-bg-6-base: #a1d9ff;
124
- --ks-color-primary-to-bg-7-base: #c2e7ff;
125
- --ks-color-primary-to-bg-8-base: #def2ff;
126
- --ks-color-primary-to-bg-9-base: #f2faff;
127
- --ks-color-primary-inverted-base: #00aeef;
128
- --ks-color-primary-inverted-alpha-1-base: rgba(0,174,239,.95);
129
- --ks-color-primary-inverted-alpha-2-base: rgba(0,174,239,.87);
130
- --ks-color-primary-inverted-alpha-3-base: rgba(0,174,239,.76);
131
- --ks-color-primary-inverted-alpha-4-base: rgba(0,174,239,.63);
132
- --ks-color-primary-inverted-alpha-5-base: rgba(0,174,239,.5);
133
- --ks-color-primary-inverted-alpha-6-base: rgba(0,174,239,.37);
134
- --ks-color-primary-inverted-alpha-7-base: rgba(0,174,239,.24);
135
- --ks-color-primary-inverted-alpha-8-base: rgba(0,174,239,.13);
136
- --ks-color-primary-inverted-alpha-9-base: rgba(0,174,239,.05);
137
- --ks-color-primary-inverted-to-bg-1-base: #00a5e3;
138
- --ks-color-primary-inverted-to-bg-2-base: #0097d0;
139
- --ks-color-primary-inverted-to-bg-3-base: #0084b6;
140
- --ks-color-primary-inverted-to-bg-4-base: #006e97;
141
- --ks-color-primary-inverted-to-bg-5-base: #005778;
142
- --ks-color-primary-inverted-to-bg-6-base: #004058;
143
- --ks-color-primary-inverted-to-bg-7-base: #002a39;
144
- --ks-color-primary-inverted-to-bg-8-base: #00171f;
145
- --ks-color-primary-inverted-to-bg-9-base: #00090c;
294
+ --ks-box-shadow-surface-inverted: 0 1px 8px var(--ks-box-shadow-color-surface-inverted);
295
+ --ks-box-shadow-surface-inverted-hover: 0 1px 16px var(--ks-box-shadow-color-surface-inverted-hover);
146
296
  --ks-color-fg-base: #000;
147
297
  --ks-color-fg-alpha-1-base: rgba(0,0,0,.95);
148
298
  --ks-color-fg-alpha-2-base: rgba(0,0,0,.87);
@@ -172,18 +322,166 @@
172
322
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
173
323
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
174
324
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
175
- --ks-color-fg-inverted-to-bg-1-base: #f2f2f2;
176
- --ks-color-fg-inverted-to-bg-2-base: #dedede;
177
- --ks-color-fg-inverted-to-bg-3-base: #c2c2c2;
178
- --ks-color-fg-inverted-to-bg-4-base: #a1a1a1;
179
- --ks-color-fg-inverted-to-bg-5-base: grey;
180
- --ks-color-fg-inverted-to-bg-6-base: #5e5e5e;
181
- --ks-color-fg-inverted-to-bg-7-base: #3d3d3d;
182
- --ks-color-fg-inverted-to-bg-8-base: #212121;
183
- --ks-color-fg-inverted-to-bg-9-base: #0d0d0d;
325
+ --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
326
+ --ks-color-fg-inverted-to-bg-2-base: #e0e3e5;
327
+ --ks-color-fg-inverted-to-bg-3-base: #c5cbcf;
328
+ --ks-color-fg-inverted-to-bg-4-base: #a5aeb4;
329
+ --ks-color-fg-inverted-to-bg-5-base: #86929a;
330
+ --ks-color-fg-inverted-to-bg-6-base: #677680;
331
+ --ks-color-fg-inverted-to-bg-7-base: #475965;
332
+ --ks-color-fg-inverted-to-bg-8-base: #2c414f;
333
+ --ks-color-fg-inverted-to-bg-9-base: #19303f;
334
+ --ks-color-bg-base: #fff;
335
+ --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
336
+ --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
337
+ --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
338
+ --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
339
+ --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
340
+ --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
341
+ --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
342
+ --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
343
+ --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
344
+ --ks-color-bg-to-fg-1-base: #f2f2f2;
345
+ --ks-color-bg-to-fg-2-base: #dedede;
346
+ --ks-color-bg-to-fg-3-base: #c2c2c2;
347
+ --ks-color-bg-to-fg-4-base: #a1a1a1;
348
+ --ks-color-bg-to-fg-5-base: grey;
349
+ --ks-color-bg-to-fg-6-base: #5e5e5e;
350
+ --ks-color-bg-to-fg-7-base: #3d3d3d;
351
+ --ks-color-bg-to-fg-8-base: #212121;
352
+ --ks-color-bg-to-fg-9-base: #0d0d0d;
353
+ --ks-color-bg-inverted-base: #0d2535;
354
+ --ks-color-bg-inverted-alpha-1-base: rgba(13,37,53,.95);
355
+ --ks-color-bg-inverted-alpha-2-base: rgba(13,37,53,.87);
356
+ --ks-color-bg-inverted-alpha-3-base: rgba(13,37,53,.76);
357
+ --ks-color-bg-inverted-alpha-4-base: rgba(13,37,53,.63);
358
+ --ks-color-bg-inverted-alpha-5-base: rgba(13,37,53,.5);
359
+ --ks-color-bg-inverted-alpha-6-base: rgba(13,37,53,.37);
360
+ --ks-color-bg-inverted-alpha-7-base: rgba(13,37,53,.24);
361
+ --ks-color-bg-inverted-alpha-8-base: rgba(13,37,53,.13);
362
+ --ks-color-bg-inverted-alpha-9-base: rgba(13,37,53,.05);
363
+ --ks-color-bg-inverted-to-fg-1-base: #19303f;
364
+ --ks-color-bg-inverted-to-fg-2-base: #2c414f;
365
+ --ks-color-bg-inverted-to-fg-3-base: #475965;
366
+ --ks-color-bg-inverted-to-fg-4-base: #677680;
367
+ --ks-color-bg-inverted-to-fg-5-base: #86929a;
368
+ --ks-color-bg-inverted-to-fg-6-base: #a5aeb4;
369
+ --ks-color-bg-inverted-to-fg-7-base: #c5cbcf;
370
+ --ks-color-bg-inverted-to-fg-8-base: #e0e3e5;
371
+ --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
372
+ --ks-color-transparent-base: rgba(0,0,0,0);
373
+ --ks-color-primary-base: #09f;
374
+ --ks-color-primary-alpha-1-base: rgba(0,153,255,.95);
375
+ --ks-color-primary-alpha-2-base: rgba(0,153,255,.87);
376
+ --ks-color-primary-alpha-3-base: rgba(0,153,255,.76);
377
+ --ks-color-primary-alpha-4-base: rgba(0,153,255,.63);
378
+ --ks-color-primary-alpha-5-base: rgba(0,153,255,.5);
379
+ --ks-color-primary-alpha-6-base: rgba(0,153,255,.37);
380
+ --ks-color-primary-alpha-7-base: rgba(0,153,255,.24);
381
+ --ks-color-primary-alpha-8-base: rgba(0,153,255,.13);
382
+ --ks-color-primary-alpha-9-base: rgba(0,153,255,.05);
383
+ --ks-color-primary-to-bg-1-base: #0d9eff;
384
+ --ks-color-primary-to-bg-2-base: #21a6ff;
385
+ --ks-color-primary-to-bg-3-base: #3db1ff;
386
+ --ks-color-primary-to-bg-4-base: #5ebfff;
387
+ --ks-color-primary-to-bg-5-base: #80ccff;
388
+ --ks-color-primary-to-bg-6-base: #a1d9ff;
389
+ --ks-color-primary-to-bg-7-base: #c2e7ff;
390
+ --ks-color-primary-to-bg-8-base: #def2ff;
391
+ --ks-color-primary-to-bg-9-base: #f2faff;
392
+ --ks-color-primary-to-fg-1-base: #0091f2;
393
+ --ks-color-primary-to-fg-2-base: #0085de;
394
+ --ks-color-primary-to-fg-3-base: #0074c2;
395
+ --ks-color-primary-to-fg-4-base: #0060a1;
396
+ --ks-color-primary-to-fg-5-base: #004d80;
397
+ --ks-color-primary-to-fg-6-base: #00395e;
398
+ --ks-color-primary-to-fg-7-base: #00253d;
399
+ --ks-color-primary-to-fg-8-base: #001421;
400
+ --ks-color-primary-to-fg-9-base: #00080d;
401
+ --ks-color-primary-inverted-base: #00aeef;
402
+ --ks-color-primary-inverted-alpha-1-base: rgba(0,174,239,.95);
403
+ --ks-color-primary-inverted-alpha-2-base: rgba(0,174,239,.87);
404
+ --ks-color-primary-inverted-alpha-3-base: rgba(0,174,239,.76);
405
+ --ks-color-primary-inverted-alpha-4-base: rgba(0,174,239,.63);
406
+ --ks-color-primary-inverted-alpha-5-base: rgba(0,174,239,.5);
407
+ --ks-color-primary-inverted-alpha-6-base: rgba(0,174,239,.37);
408
+ --ks-color-primary-inverted-alpha-7-base: rgba(0,174,239,.24);
409
+ --ks-color-primary-inverted-alpha-8-base: rgba(0,174,239,.13);
410
+ --ks-color-primary-inverted-alpha-9-base: rgba(0,174,239,.05);
411
+ --ks-color-primary-inverted-to-bg-1-base: #01a7e6;
412
+ --ks-color-primary-inverted-to-bg-2-base: #029cd7;
413
+ --ks-color-primary-inverted-to-bg-3-base: #038dc2;
414
+ --ks-color-primary-inverted-to-bg-4-base: #057baa;
415
+ --ks-color-primary-inverted-to-bg-5-base: #076a92;
416
+ --ks-color-primary-inverted-to-bg-6-base: #08587a;
417
+ --ks-color-primary-inverted-to-bg-7-base: #0a4662;
418
+ --ks-color-primary-inverted-to-bg-8-base: #0b374d;
419
+ --ks-color-primary-inverted-to-bg-9-base: #0c2c3e;
420
+ --ks-color-primary-inverted-to-fg-1-base: #0db2f0;
421
+ --ks-color-primary-inverted-to-fg-2-base: #21b9f1;
422
+ --ks-color-primary-inverted-to-fg-3-base: #3dc1f3;
423
+ --ks-color-primary-inverted-to-fg-4-base: #5eccf5;
424
+ --ks-color-primary-inverted-to-fg-5-base: #80d7f7;
425
+ --ks-color-primary-inverted-to-fg-6-base: #a1e1f9;
426
+ --ks-color-primary-inverted-to-fg-7-base: #c2ecfb;
427
+ --ks-color-primary-inverted-to-fg-8-base: #def4fd;
428
+ --ks-color-primary-inverted-to-fg-9-base: #f2fbfe;
184
429
  --ks-color-link-base: #007faf;
430
+ --ks-color-link-alpha-1-base: rgba(0,127,175,.95);
431
+ --ks-color-link-alpha-2-base: rgba(0,127,175,.87);
432
+ --ks-color-link-alpha-3-base: rgba(0,127,175,.76);
433
+ --ks-color-link-alpha-4-base: rgba(0,127,175,.63);
434
+ --ks-color-link-alpha-5-base: rgba(0,127,175,.5);
435
+ --ks-color-link-alpha-6-base: rgba(0,127,175,.37);
436
+ --ks-color-link-alpha-7-base: rgba(0,127,175,.24);
437
+ --ks-color-link-alpha-8-base: rgba(0,127,175,.13);
438
+ --ks-color-link-alpha-9-base: rgba(0,127,175,.05);
439
+ --ks-color-link-to-bg-1-base: #0d85b3;
440
+ --ks-color-link-to-bg-2-base: #2190b9;
441
+ --ks-color-link-to-bg-3-base: #3d9ec2;
442
+ --ks-color-link-to-bg-4-base: #5eaecd;
443
+ --ks-color-link-to-bg-5-base: #80bfd7;
444
+ --ks-color-link-to-bg-6-base: #a1d0e1;
445
+ --ks-color-link-to-bg-7-base: #c2e0ec;
446
+ --ks-color-link-to-bg-8-base: #deeef5;
447
+ --ks-color-link-to-bg-9-base: #f2f9fb;
448
+ --ks-color-link-to-fg-1-base: #0079a6;
449
+ --ks-color-link-to-fg-2-base: #006e98;
450
+ --ks-color-link-to-fg-3-base: #006185;
451
+ --ks-color-link-to-fg-4-base: #00506e;
452
+ --ks-color-link-to-fg-5-base: #004058;
453
+ --ks-color-link-to-fg-6-base: #002f41;
454
+ --ks-color-link-to-fg-7-base: #001e2a;
455
+ --ks-color-link-to-fg-8-base: #001117;
456
+ --ks-color-link-to-fg-9-base: #000609;
185
457
  --ks-color-link-inverted-base: #3ea6ff;
186
- --ks-color-transparent-base: rgba(0,0,0,0);
458
+ --ks-color-link-inverted-alpha-1-base: rgba(62,166,255,.95);
459
+ --ks-color-link-inverted-alpha-2-base: rgba(62,166,255,.87);
460
+ --ks-color-link-inverted-alpha-3-base: rgba(62,166,255,.76);
461
+ --ks-color-link-inverted-alpha-4-base: rgba(62,166,255,.63);
462
+ --ks-color-link-inverted-alpha-5-base: rgba(62,166,255,.5);
463
+ --ks-color-link-inverted-alpha-6-base: rgba(62,166,255,.37);
464
+ --ks-color-link-inverted-alpha-7-base: rgba(62,166,255,.24);
465
+ --ks-color-link-inverted-alpha-8-base: rgba(62,166,255,.13);
466
+ --ks-color-link-inverted-alpha-9-base: rgba(62,166,255,.05);
467
+ --ks-color-link-inverted-to-bg-1-base: #3ca0f5;
468
+ --ks-color-link-inverted-to-bg-2-base: #3895e5;
469
+ --ks-color-link-inverted-to-bg-3-base: #3287cf;
470
+ --ks-color-link-inverted-to-bg-4-base: #2c76b4;
471
+ --ks-color-link-inverted-to-bg-5-base: #26669a;
472
+ --ks-color-link-inverted-to-bg-6-base: #1f5580;
473
+ --ks-color-link-inverted-to-bg-7-base: #194465;
474
+ --ks-color-link-inverted-to-bg-8-base: #13364f;
475
+ --ks-color-link-inverted-to-bg-9-base: #0f2b3f;
476
+ --ks-color-link-inverted-to-fg-1-base: #48aaff;
477
+ --ks-color-link-inverted-to-fg-2-base: #57b2ff;
478
+ --ks-color-link-inverted-to-fg-3-base: #6cbbff;
479
+ --ks-color-link-inverted-to-fg-4-base: #85c7ff;
480
+ --ks-color-link-inverted-to-fg-5-base: #9fd3ff;
481
+ --ks-color-link-inverted-to-fg-6-base: #b8deff;
482
+ --ks-color-link-inverted-to-fg-7-base: #d1eaff;
483
+ --ks-color-link-inverted-to-fg-8-base: #e6f3ff;
484
+ --ks-color-link-inverted-to-fg-9-base: #f5fbff;
187
485
  --ks-color-positive-base: #34a853;
188
486
  --ks-color-positive-alpha-1-base: rgba(52,168,83,.95);
189
487
  --ks-color-positive-alpha-2-base: rgba(52,168,83,.87);
@@ -203,6 +501,15 @@
203
501
  --ks-color-positive-to-bg-7-base: #ceead6;
204
502
  --ks-color-positive-to-bg-8-base: #e5f4e9;
205
503
  --ks-color-positive-to-bg-9-base: #f5fbf6;
504
+ --ks-color-positive-to-fg-1-base: #31a04f;
505
+ --ks-color-positive-to-fg-2-base: #2d9248;
506
+ --ks-color-positive-to-fg-3-base: #28803f;
507
+ --ks-color-positive-to-fg-4-base: #216a34;
508
+ --ks-color-positive-to-fg-5-base: #1a542a;
509
+ --ks-color-positive-to-fg-6-base: #133e1f;
510
+ --ks-color-positive-to-fg-7-base: #0c2814;
511
+ --ks-color-positive-to-fg-8-base: #07160b;
512
+ --ks-color-positive-to-fg-9-base: #030804;
206
513
  --ks-color-positive-inverted-base: #34a853;
207
514
  --ks-color-positive-inverted-alpha-1-base: rgba(52,168,83,.95);
208
515
  --ks-color-positive-inverted-alpha-2-base: rgba(52,168,83,.87);
@@ -213,15 +520,24 @@
213
520
  --ks-color-positive-inverted-alpha-7-base: rgba(52,168,83,.24);
214
521
  --ks-color-positive-inverted-alpha-8-base: rgba(52,168,83,.13);
215
522
  --ks-color-positive-inverted-alpha-9-base: rgba(52,168,83,.05);
216
- --ks-color-positive-inverted-to-bg-1-base: #31a04f;
217
- --ks-color-positive-inverted-to-bg-2-base: #2d9248;
218
- --ks-color-positive-inverted-to-bg-3-base: #28803f;
219
- --ks-color-positive-inverted-to-bg-4-base: #216a34;
220
- --ks-color-positive-inverted-to-bg-5-base: #1a542a;
221
- --ks-color-positive-inverted-to-bg-6-base: #133e1f;
222
- --ks-color-positive-inverted-to-bg-7-base: #0c2814;
223
- --ks-color-positive-inverted-to-bg-8-base: #07160b;
224
- --ks-color-positive-inverted-to-bg-9-base: #030804;
523
+ --ks-color-positive-inverted-to-bg-1-base: #32a152;
524
+ --ks-color-positive-inverted-to-bg-2-base: #2f974f;
525
+ --ks-color-positive-inverted-to-bg-3-base: #2b894c;
526
+ --ks-color-positive-inverted-to-bg-4-base: #267848;
527
+ --ks-color-positive-inverted-to-bg-5-base: #216744;
528
+ --ks-color-positive-inverted-to-bg-6-base: #1b5540;
529
+ --ks-color-positive-inverted-to-bg-7-base: #16443c;
530
+ --ks-color-positive-inverted-to-bg-8-base: #123639;
531
+ --ks-color-positive-inverted-to-bg-9-base: #0f2c37;
532
+ --ks-color-positive-inverted-to-fg-1-base: #3eac5c;
533
+ --ks-color-positive-inverted-to-fg-2-base: #4eb369;
534
+ --ks-color-positive-inverted-to-fg-3-base: #65bd7c;
535
+ --ks-color-positive-inverted-to-fg-4-base: #7fc893;
536
+ --ks-color-positive-inverted-to-fg-5-base: #9ad4a9;
537
+ --ks-color-positive-inverted-to-fg-6-base: #b4dfbf;
538
+ --ks-color-positive-inverted-to-fg-7-base: #ceead6;
539
+ --ks-color-positive-inverted-to-fg-8-base: #e5f4e9;
540
+ --ks-color-positive-inverted-to-fg-9-base: #f5fbf6;
225
541
  --ks-color-informative-base: #4285f4;
226
542
  --ks-color-informative-alpha-1-base: rgba(66,133,244,.95);
227
543
  --ks-color-informative-alpha-2-base: rgba(66,133,244,.87);
@@ -241,6 +557,15 @@
241
557
  --ks-color-informative-to-bg-7-base: #d2e2fc;
242
558
  --ks-color-informative-to-bg-8-base: #e6effe;
243
559
  --ks-color-informative-to-bg-9-base: #f6f9fe;
560
+ --ks-color-informative-to-fg-1-base: #3f7ee8;
561
+ --ks-color-informative-to-fg-2-base: #3974d4;
562
+ --ks-color-informative-to-fg-3-base: #3265b9;
563
+ --ks-color-informative-to-fg-4-base: #2a549a;
564
+ --ks-color-informative-to-fg-5-base: #21437a;
565
+ --ks-color-informative-to-fg-6-base: #18315a;
566
+ --ks-color-informative-to-fg-7-base: #10203b;
567
+ --ks-color-informative-to-fg-8-base: #091120;
568
+ --ks-color-informative-to-fg-9-base: #03070c;
244
569
  --ks-color-informative-inverted-base: #4285f4;
245
570
  --ks-color-informative-inverted-alpha-1-base: rgba(66,133,244,.95);
246
571
  --ks-color-informative-inverted-alpha-2-base: rgba(66,133,244,.87);
@@ -251,15 +576,24 @@
251
576
  --ks-color-informative-inverted-alpha-7-base: rgba(66,133,244,.24);
252
577
  --ks-color-informative-inverted-alpha-8-base: rgba(66,133,244,.13);
253
578
  --ks-color-informative-inverted-alpha-9-base: rgba(66,133,244,.05);
254
- --ks-color-informative-inverted-to-bg-1-base: #3f7ee8;
255
- --ks-color-informative-inverted-to-bg-2-base: #3974d4;
256
- --ks-color-informative-inverted-to-bg-3-base: #3265b9;
257
- --ks-color-informative-inverted-to-bg-4-base: #2a549a;
258
- --ks-color-informative-inverted-to-bg-5-base: #21437a;
259
- --ks-color-informative-inverted-to-bg-6-base: #18315a;
260
- --ks-color-informative-inverted-to-bg-7-base: #10203b;
261
- --ks-color-informative-inverted-to-bg-8-base: #091120;
262
- --ks-color-informative-inverted-to-bg-9-base: #03070c;
579
+ --ks-color-informative-inverted-to-bg-1-base: #3f80ea;
580
+ --ks-color-informative-inverted-to-bg-2-base: #3b79db;
581
+ --ks-color-informative-inverted-to-bg-3-base: #356ec6;
582
+ --ks-color-informative-inverted-to-bg-4-base: #2e61ad;
583
+ --ks-color-informative-inverted-to-bg-5-base: #285595;
584
+ --ks-color-informative-inverted-to-bg-6-base: #21497c;
585
+ --ks-color-informative-inverted-to-bg-7-base: #1a3c63;
586
+ --ks-color-informative-inverted-to-bg-8-base: #14314e;
587
+ --ks-color-informative-inverted-to-bg-9-base: #102a3f;
588
+ --ks-color-informative-inverted-to-fg-1-base: #4b8bf5;
589
+ --ks-color-informative-inverted-to-fg-2-base: #5b95f5;
590
+ --ks-color-informative-inverted-to-fg-3-base: #6fa2f7;
591
+ --ks-color-informative-inverted-to-fg-4-base: #88b2f8;
592
+ --ks-color-informative-inverted-to-fg-5-base: #a1c2fa;
593
+ --ks-color-informative-inverted-to-fg-6-base: #b9d2fb;
594
+ --ks-color-informative-inverted-to-fg-7-base: #d2e2fc;
595
+ --ks-color-informative-inverted-to-fg-8-base: #e6effe;
596
+ --ks-color-informative-inverted-to-fg-9-base: #f6f9fe;
263
597
  --ks-color-notice-base: #f9de55;
264
598
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
265
599
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
@@ -279,6 +613,15 @@
279
613
  --ks-color-notice-to-bg-7-base: #fef7d6;
280
614
  --ks-color-notice-to-bg-8-base: #fefbe9;
281
615
  --ks-color-notice-to-bg-9-base: #fffdf7;
616
+ --ks-color-notice-to-fg-1-base: #edd351;
617
+ --ks-color-notice-to-fg-2-base: #d9c14a;
618
+ --ks-color-notice-to-fg-3-base: #bda941;
619
+ --ks-color-notice-to-fg-4-base: #9d8c36;
620
+ --ks-color-notice-to-fg-5-base: #7d6f2b;
621
+ --ks-color-notice-to-fg-6-base: #5c521f;
622
+ --ks-color-notice-to-fg-7-base: #3c3514;
623
+ --ks-color-notice-to-fg-8-base: #201d0b;
624
+ --ks-color-notice-to-fg-9-base: #0c0b04;
282
625
  --ks-color-notice-inverted-base: #f9de55;
283
626
  --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
284
627
  --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
@@ -289,15 +632,24 @@
289
632
  --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
290
633
  --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
291
634
  --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
292
- --ks-color-notice-inverted-to-bg-1-base: #edd351;
293
- --ks-color-notice-inverted-to-bg-2-base: #d9c14a;
294
- --ks-color-notice-inverted-to-bg-3-base: #bda941;
295
- --ks-color-notice-inverted-to-bg-4-base: #9d8c36;
296
- --ks-color-notice-inverted-to-bg-5-base: #7d6f2b;
297
- --ks-color-notice-inverted-to-bg-6-base: #5c521f;
298
- --ks-color-notice-inverted-to-bg-7-base: #3c3514;
299
- --ks-color-notice-inverted-to-bg-8-base: #201d0b;
300
- --ks-color-notice-inverted-to-bg-9-base: #0c0b04;
635
+ --ks-color-notice-inverted-to-bg-1-base: #edd553;
636
+ --ks-color-notice-inverted-to-bg-2-base: #dac651;
637
+ --ks-color-notice-inverted-to-bg-3-base: #c0b24d;
638
+ --ks-color-notice-inverted-to-bg-4-base: #a29a49;
639
+ --ks-color-notice-inverted-to-bg-5-base: #838245;
640
+ --ks-color-notice-inverted-to-bg-6-base: #646941;
641
+ --ks-color-notice-inverted-to-bg-7-base: #46513d;
642
+ --ks-color-notice-inverted-to-bg-8-base: #2c3d39;
643
+ --ks-color-notice-inverted-to-bg-9-base: #192e37;
644
+ --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
645
+ --ks-color-notice-inverted-to-fg-2-base: #fae26b;
646
+ --ks-color-notice-inverted-to-fg-3-base: #fae67e;
647
+ --ks-color-notice-inverted-to-fg-4-base: #fbea94;
648
+ --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
649
+ --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
650
+ --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
651
+ --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
652
+ --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
301
653
  --ks-color-negative-base: #4285f4;
302
654
  --ks-color-negative-alpha-1-base: rgba(66,133,244,.95);
303
655
  --ks-color-negative-alpha-2-base: rgba(66,133,244,.87);
@@ -317,6 +669,15 @@
317
669
  --ks-color-negative-to-bg-7-base: #d2e2fc;
318
670
  --ks-color-negative-to-bg-8-base: #e6effe;
319
671
  --ks-color-negative-to-bg-9-base: #f6f9fe;
672
+ --ks-color-negative-to-fg-1-base: #3f7ee8;
673
+ --ks-color-negative-to-fg-2-base: #3974d4;
674
+ --ks-color-negative-to-fg-3-base: #3265b9;
675
+ --ks-color-negative-to-fg-4-base: #2a549a;
676
+ --ks-color-negative-to-fg-5-base: #21437a;
677
+ --ks-color-negative-to-fg-6-base: #18315a;
678
+ --ks-color-negative-to-fg-7-base: #10203b;
679
+ --ks-color-negative-to-fg-8-base: #091120;
680
+ --ks-color-negative-to-fg-9-base: #03070c;
320
681
  --ks-color-negative-inverted-base: #4285f4;
321
682
  --ks-color-negative-inverted-alpha-1-base: rgba(66,133,244,.95);
322
683
  --ks-color-negative-inverted-alpha-2-base: rgba(66,133,244,.87);
@@ -327,15 +688,24 @@
327
688
  --ks-color-negative-inverted-alpha-7-base: rgba(66,133,244,.24);
328
689
  --ks-color-negative-inverted-alpha-8-base: rgba(66,133,244,.13);
329
690
  --ks-color-negative-inverted-alpha-9-base: rgba(66,133,244,.05);
330
- --ks-color-negative-inverted-to-bg-1-base: #3f7ee8;
331
- --ks-color-negative-inverted-to-bg-2-base: #3974d4;
332
- --ks-color-negative-inverted-to-bg-3-base: #3265b9;
333
- --ks-color-negative-inverted-to-bg-4-base: #2a549a;
334
- --ks-color-negative-inverted-to-bg-5-base: #21437a;
335
- --ks-color-negative-inverted-to-bg-6-base: #18315a;
336
- --ks-color-negative-inverted-to-bg-7-base: #10203b;
337
- --ks-color-negative-inverted-to-bg-8-base: #091120;
338
- --ks-color-negative-inverted-to-bg-9-base: #03070c;
691
+ --ks-color-negative-inverted-to-bg-1-base: #3f80ea;
692
+ --ks-color-negative-inverted-to-bg-2-base: #3b79db;
693
+ --ks-color-negative-inverted-to-bg-3-base: #356ec6;
694
+ --ks-color-negative-inverted-to-bg-4-base: #2e61ad;
695
+ --ks-color-negative-inverted-to-bg-5-base: #285595;
696
+ --ks-color-negative-inverted-to-bg-6-base: #21497c;
697
+ --ks-color-negative-inverted-to-bg-7-base: #1a3c63;
698
+ --ks-color-negative-inverted-to-bg-8-base: #14314e;
699
+ --ks-color-negative-inverted-to-bg-9-base: #102a3f;
700
+ --ks-color-negative-inverted-to-fg-1-base: #4b8bf5;
701
+ --ks-color-negative-inverted-to-fg-2-base: #5b95f5;
702
+ --ks-color-negative-inverted-to-fg-3-base: #6fa2f7;
703
+ --ks-color-negative-inverted-to-fg-4-base: #88b2f8;
704
+ --ks-color-negative-inverted-to-fg-5-base: #a1c2fa;
705
+ --ks-color-negative-inverted-to-fg-6-base: #b9d2fb;
706
+ --ks-color-negative-inverted-to-fg-7-base: #d2e2fc;
707
+ --ks-color-negative-inverted-to-fg-8-base: #e6effe;
708
+ --ks-color-negative-inverted-to-fg-9-base: #f6f9fe;
339
709
  --ks-color-secondary-base: #ff2dab;
340
710
  --ks-color-secondary-alpha-1-base: rgba(255,45,171,.95);
341
711
  --ks-color-secondary-alpha-2-base: rgba(255,45,171,.87);
@@ -355,6 +725,15 @@
355
725
  --ks-color-secondary-to-bg-7-base: #ffcdeb;
356
726
  --ks-color-secondary-to-bg-8-base: #ffe4f4;
357
727
  --ks-color-secondary-to-bg-9-base: #fff5fb;
728
+ --ks-color-secondary-to-fg-1-base: #f22ba2;
729
+ --ks-color-secondary-to-fg-2-base: #de2795;
730
+ --ks-color-secondary-to-fg-3-base: #c22282;
731
+ --ks-color-secondary-to-fg-4-base: #a11c6c;
732
+ --ks-color-secondary-to-fg-5-base: #801756;
733
+ --ks-color-secondary-to-fg-6-base: #5e113f;
734
+ --ks-color-secondary-to-fg-7-base: #3d0b29;
735
+ --ks-color-secondary-to-fg-8-base: #210616;
736
+ --ks-color-secondary-to-fg-9-base: #0d0209;
358
737
  --ks-color-secondary-inverted-base: #fff;
359
738
  --ks-color-secondary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
360
739
  --ks-color-secondary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
@@ -365,53 +744,80 @@
365
744
  --ks-color-secondary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
366
745
  --ks-color-secondary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
367
746
  --ks-color-secondary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
368
- --ks-color-secondary-inverted-to-bg-1-base: #f2f2f2;
369
- --ks-color-secondary-inverted-to-bg-2-base: #dedede;
370
- --ks-color-secondary-inverted-to-bg-3-base: #c2c2c2;
371
- --ks-color-secondary-inverted-to-bg-4-base: #a1a1a1;
372
- --ks-color-secondary-inverted-to-bg-5-base: grey;
373
- --ks-color-secondary-inverted-to-bg-6-base: #5e5e5e;
374
- --ks-color-secondary-inverted-to-bg-7-base: #3d3d3d;
375
- --ks-color-secondary-inverted-to-bg-8-base: #212121;
376
- --ks-color-secondary-inverted-to-bg-9-base: #0d0d0d;
377
- --ks-color-bg-base: #fff;
378
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
379
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
380
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
381
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
382
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
383
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
384
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
385
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
386
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
387
- --ks-color-bg-to-bg-1-base: #fff;
388
- --ks-color-bg-to-bg-2-base: #fff;
389
- --ks-color-bg-to-bg-3-base: #fff;
390
- --ks-color-bg-to-bg-4-base: #fff;
391
- --ks-color-bg-to-bg-5-base: #fff;
392
- --ks-color-bg-to-bg-6-base: #fff;
393
- --ks-color-bg-to-bg-7-base: #fff;
394
- --ks-color-bg-to-bg-8-base: #fff;
395
- --ks-color-bg-to-bg-9-base: #fff;
396
- --ks-color-bg-inverted-base: #0d2535;
397
- --ks-color-bg-inverted-alpha-1-base: rgba(13,37,53,.95);
398
- --ks-color-bg-inverted-alpha-2-base: rgba(13,37,53,.87);
399
- --ks-color-bg-inverted-alpha-3-base: rgba(13,37,53,.76);
400
- --ks-color-bg-inverted-alpha-4-base: rgba(13,37,53,.63);
401
- --ks-color-bg-inverted-alpha-5-base: rgba(13,37,53,.5);
402
- --ks-color-bg-inverted-alpha-6-base: rgba(13,37,53,.37);
403
- --ks-color-bg-inverted-alpha-7-base: rgba(13,37,53,.24);
404
- --ks-color-bg-inverted-alpha-8-base: rgba(13,37,53,.13);
405
- --ks-color-bg-inverted-alpha-9-base: rgba(13,37,53,.05);
406
- --ks-color-bg-inverted-to-bg-1-base: #0c2332;
407
- --ks-color-bg-inverted-to-bg-2-base: #0b202e;
408
- --ks-color-bg-inverted-to-bg-3-base: #0a1c28;
409
- --ks-color-bg-inverted-to-bg-4-base: #081721;
410
- --ks-color-bg-inverted-to-bg-5-base: #07131b;
411
- --ks-color-bg-inverted-to-bg-6-base: #050e14;
412
- --ks-color-bg-inverted-to-bg-7-base: #03090d;
413
- --ks-color-bg-inverted-to-bg-8-base: #020507;
414
- --ks-color-bg-inverted-to-bg-9-base: #010203;
747
+ --ks-color-secondary-inverted-to-bg-1-base: #f3f4f5;
748
+ --ks-color-secondary-inverted-to-bg-2-base: #e0e3e5;
749
+ --ks-color-secondary-inverted-to-bg-3-base: #c5cbcf;
750
+ --ks-color-secondary-inverted-to-bg-4-base: #a5aeb4;
751
+ --ks-color-secondary-inverted-to-bg-5-base: #86929a;
752
+ --ks-color-secondary-inverted-to-bg-6-base: #677680;
753
+ --ks-color-secondary-inverted-to-bg-7-base: #475965;
754
+ --ks-color-secondary-inverted-to-bg-8-base: #2c414f;
755
+ --ks-color-secondary-inverted-to-bg-9-base: #19303f;
756
+ --ks-color-secondary-inverted-to-fg-1-base: #fff;
757
+ --ks-color-secondary-inverted-to-fg-2-base: #fff;
758
+ --ks-color-secondary-inverted-to-fg-3-base: #fff;
759
+ --ks-color-secondary-inverted-to-fg-4-base: #fff;
760
+ --ks-color-secondary-inverted-to-fg-5-base: #fff;
761
+ --ks-color-secondary-inverted-to-fg-6-base: #fff;
762
+ --ks-color-secondary-inverted-to-fg-7-base: #fff;
763
+ --ks-color-secondary-inverted-to-fg-8-base: #fff;
764
+ --ks-color-secondary-inverted-to-fg-9-base: #fff;
765
+ --ks-color-foregroung-base: #000;
766
+ --ks-color-foregroung-alpha-1-base: rgba(0,0,0,.95);
767
+ --ks-color-foregroung-alpha-2-base: rgba(0,0,0,.87);
768
+ --ks-color-foregroung-alpha-3-base: rgba(0,0,0,.76);
769
+ --ks-color-foregroung-alpha-4-base: rgba(0,0,0,.63);
770
+ --ks-color-foregroung-alpha-5-base: rgba(0,0,0,.5);
771
+ --ks-color-foregroung-alpha-6-base: rgba(0,0,0,.37);
772
+ --ks-color-foregroung-alpha-7-base: rgba(0,0,0,.24);
773
+ --ks-color-foregroung-alpha-8-base: rgba(0,0,0,.13);
774
+ --ks-color-foregroung-alpha-9-base: rgba(0,0,0,.05);
775
+ --ks-color-foregroung-to-bg-1-base: #0d0d0d;
776
+ --ks-color-foregroung-to-bg-2-base: #212121;
777
+ --ks-color-foregroung-to-bg-3-base: #3d3d3d;
778
+ --ks-color-foregroung-to-bg-4-base: #5e5e5e;
779
+ --ks-color-foregroung-to-bg-5-base: grey;
780
+ --ks-color-foregroung-to-bg-6-base: #a1a1a1;
781
+ --ks-color-foregroung-to-bg-7-base: #c2c2c2;
782
+ --ks-color-foregroung-to-bg-8-base: #dedede;
783
+ --ks-color-foregroung-to-bg-9-base: #f2f2f2;
784
+ --ks-color-foregroung-to-fg-1-base: #000;
785
+ --ks-color-foregroung-to-fg-2-base: #000;
786
+ --ks-color-foregroung-to-fg-3-base: #000;
787
+ --ks-color-foregroung-to-fg-4-base: #000;
788
+ --ks-color-foregroung-to-fg-5-base: #000;
789
+ --ks-color-foregroung-to-fg-6-base: #000;
790
+ --ks-color-foregroung-to-fg-7-base: #000;
791
+ --ks-color-foregroung-to-fg-8-base: #000;
792
+ --ks-color-foregroung-to-fg-9-base: #000;
793
+ --ks-color-foregroung-inverted-base: #fff;
794
+ --ks-color-foregroung-inverted-alpha-1-base: hsla(0,0%,100%,.95);
795
+ --ks-color-foregroung-inverted-alpha-2-base: hsla(0,0%,100%,.87);
796
+ --ks-color-foregroung-inverted-alpha-3-base: hsla(0,0%,100%,.76);
797
+ --ks-color-foregroung-inverted-alpha-4-base: hsla(0,0%,100%,.63);
798
+ --ks-color-foregroung-inverted-alpha-5-base: hsla(0,0%,100%,.5);
799
+ --ks-color-foregroung-inverted-alpha-6-base: hsla(0,0%,100%,.37);
800
+ --ks-color-foregroung-inverted-alpha-7-base: hsla(0,0%,100%,.24);
801
+ --ks-color-foregroung-inverted-alpha-8-base: hsla(0,0%,100%,.13);
802
+ --ks-color-foregroung-inverted-alpha-9-base: hsla(0,0%,100%,.05);
803
+ --ks-color-foregroung-inverted-to-bg-1-base: #f3f4f5;
804
+ --ks-color-foregroung-inverted-to-bg-2-base: #e0e3e5;
805
+ --ks-color-foregroung-inverted-to-bg-3-base: #c5cbcf;
806
+ --ks-color-foregroung-inverted-to-bg-4-base: #a5aeb4;
807
+ --ks-color-foregroung-inverted-to-bg-5-base: #86929a;
808
+ --ks-color-foregroung-inverted-to-bg-6-base: #677680;
809
+ --ks-color-foregroung-inverted-to-bg-7-base: #475965;
810
+ --ks-color-foregroung-inverted-to-bg-8-base: #2c414f;
811
+ --ks-color-foregroung-inverted-to-bg-9-base: #19303f;
812
+ --ks-color-foregroung-inverted-to-fg-1-base: #fff;
813
+ --ks-color-foregroung-inverted-to-fg-2-base: #fff;
814
+ --ks-color-foregroung-inverted-to-fg-3-base: #fff;
815
+ --ks-color-foregroung-inverted-to-fg-4-base: #fff;
816
+ --ks-color-foregroung-inverted-to-fg-5-base: #fff;
817
+ --ks-color-foregroung-inverted-to-fg-6-base: #fff;
818
+ --ks-color-foregroung-inverted-to-fg-7-base: #fff;
819
+ --ks-color-foregroung-inverted-to-fg-8-base: #fff;
820
+ --ks-color-foregroung-inverted-to-fg-9-base: #fff;
415
821
  --ks-depth-modal: 1000;
416
822
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
417
823
  --ks-spacing-xxs-base: 0.1481rem;
@@ -484,32 +890,122 @@
484
890
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
485
891
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
486
892
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
487
- --ks-text-color-default-interactive-visited-base: var(--ks-color-link-base);
893
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
488
894
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
489
895
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
490
896
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
491
897
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
492
- --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-link-inverted-base);
493
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
494
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-base);
495
- --ks-text-color-interface-interactive-hover-base: #000;
496
- --ks-text-color-interface-interactive-active-base: #000;
497
- --ks-text-color-interface-interactive-visited-base: #000;
498
- --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
499
- --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-base);
898
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
899
+ --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
900
+ --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
901
+ --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
902
+ --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
903
+ --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
904
+ --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
905
+ --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
906
+ --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
907
+ --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
908
+ --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
909
+ --ks-text-color-display-base: var(--ks-color-fg-base);
910
+ --ks-text-color-display-interactive-base: var(--ks-color-link-base);
911
+ --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
912
+ --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
913
+ --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
914
+ --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
915
+ --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
916
+ --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
917
+ --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
918
+ --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
919
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
920
+ --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
921
+ --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
922
+ --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
923
+ --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
924
+ --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
925
+ --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
500
926
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
501
927
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
502
- --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
928
+ --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
929
+ --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
930
+ --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
931
+ --ks-text-color-card-interactive-hover-base: #000;
932
+ --ks-text-color-card-interactive-active-base: #000;
933
+ --ks-text-color-card-interactive-selected-base: #000;
934
+ --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
935
+ --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
936
+ --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
937
+ --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
938
+ --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
503
939
  --ks-text-color-primary-base: var(--ks-color-primary-base);
504
- --ks-text-color-primary-interactive-base: var(--ks-color-primary-alpha-2-base);
940
+ --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
505
941
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
506
942
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
507
- --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-2-base);
943
+ --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
508
944
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
509
945
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
510
946
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
511
947
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
512
- --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-primary-inverted-alpha-2-base);
948
+ --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
949
+ --ks-text-color-positive-base: var(--ks-color-positive-base);
950
+ --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
951
+ --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
952
+ --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
953
+ --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
954
+ --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
955
+ --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
956
+ --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
957
+ --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
958
+ --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
959
+ --ks-text-color-informative-base: var(--ks-color-informative-base);
960
+ --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
961
+ --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
962
+ --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
963
+ --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
964
+ --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
965
+ --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
966
+ --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
967
+ --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
968
+ --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
969
+ --ks-text-color-notice-base: var(--ks-color-notice-base);
970
+ --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
971
+ --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
972
+ --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
973
+ --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
974
+ --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
975
+ --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
976
+ --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
977
+ --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
978
+ --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
979
+ --ks-text-color-negative-base: var(--ks-color-negative-base);
980
+ --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
981
+ --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
982
+ --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
983
+ --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
984
+ --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
985
+ --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
986
+ --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
987
+ --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
988
+ --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
989
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
990
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
991
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
992
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
993
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
994
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
995
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
996
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
997
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
998
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
999
+ --ks-text-color-foregroung-base: var(--ks-color-foregroung-base);
1000
+ --ks-text-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
1001
+ --ks-text-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-alpha-2-base);
1002
+ --ks-text-color-foregroung-interactive-active-base: var(--ks-color-foregroung-alpha-2-base);
1003
+ --ks-text-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-alpha-2-base);
1004
+ --ks-text-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
1005
+ --ks-text-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-alpha-2-base);
1006
+ --ks-text-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-alpha-2-base);
1007
+ --ks-text-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-alpha-2-base);
1008
+ --ks-text-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-alpha-2-base);
513
1009
  --ks-duration-immediate: 50ms;
514
1010
  --ks-duration-fast: 100ms;
515
1011
  --ks-duration-medium: 150ms;
@@ -668,6 +1164,8 @@
668
1164
  :root, [ks-theme], [ks-inverted=false] {
669
1165
  --ks-background-color-accent: var(--ks-background-color-accent-base);
670
1166
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
1167
+ --ks-background-color-bold: var(--ks-background-color-bold-base);
1168
+ --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
671
1169
  --ks-background-color-clear: var(--ks-background-color-clear-base);
672
1170
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
673
1171
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
@@ -692,6 +1190,18 @@
692
1190
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
693
1191
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
694
1192
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1193
+ --ks-background-color-card: var(--ks-background-color-card-base);
1194
+ --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1195
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1196
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1197
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1198
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1199
+ --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1200
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1201
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1202
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1203
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1204
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
695
1205
  --ks-background-color-primary: var(--ks-background-color-primary-base);
696
1206
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
697
1207
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
@@ -704,6 +1214,78 @@
704
1214
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
705
1215
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
706
1216
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1217
+ --ks-background-color-positive: var(--ks-background-color-positive-base);
1218
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1219
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1220
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1221
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1222
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1223
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1224
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1225
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1226
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1227
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1228
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1229
+ --ks-background-color-informative: var(--ks-background-color-informative-base);
1230
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1231
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1232
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1233
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1234
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1235
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1236
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1237
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1238
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1239
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1240
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1241
+ --ks-background-color-notice: var(--ks-background-color-notice-base);
1242
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1243
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1244
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1245
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1246
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1247
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1248
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1249
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1250
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1251
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1252
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1253
+ --ks-background-color-negative: var(--ks-background-color-negative-base);
1254
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1255
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1256
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1257
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1258
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1259
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1260
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1261
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1262
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1263
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1264
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1265
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1266
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1267
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1268
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1269
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1270
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1271
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1272
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1273
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1274
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1275
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1276
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1277
+ --ks-background-color-foregroung: var(--ks-background-color-foregroung-base);
1278
+ --ks-background-color-foregroung-interactive: var(--ks-background-color-foregroung-interactive-base);
1279
+ --ks-background-color-foregroung-interactive-hover: var(--ks-background-color-foregroung-interactive-hover-base);
1280
+ --ks-background-color-foregroung-interactive-active: var(--ks-background-color-foregroung-interactive-active-base);
1281
+ --ks-background-color-foregroung-interactive-selected: var(--ks-background-color-foregroung-interactive-selected-base);
1282
+ --ks-background-color-foregroung-translucent: var(--ks-background-color-foregroung-translucent-base);
1283
+ --ks-background-color-foregroung-inverted: var(--ks-background-color-foregroung-inverted-base);
1284
+ --ks-background-color-foregroung-inverted-interactive: var(--ks-background-color-foregroung-inverted-interactive-base);
1285
+ --ks-background-color-foregroung-inverted-interactive-hover: var(--ks-background-color-foregroung-inverted-interactive-hover-base);
1286
+ --ks-background-color-foregroung-inverted-interactive-active: var(--ks-background-color-foregroung-inverted-interactive-active-base);
1287
+ --ks-background-color-foregroung-inverted-interactive-selected: var(--ks-background-color-foregroung-inverted-interactive-selected-base);
1288
+ --ks-background-color-foregroung-inverted-translucent: var(--ks-background-color-foregroung-inverted-translucent-base);
707
1289
  --ks-border-color-accent: var(--ks-border-color-accent-base);
708
1290
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
709
1291
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -730,6 +1312,18 @@
730
1312
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
731
1313
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
732
1314
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1315
+ --ks-border-color-card: var(--ks-border-color-card-base);
1316
+ --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1317
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1318
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1319
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1320
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1321
+ --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1322
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1323
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1324
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1325
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1326
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
733
1327
  --ks-border-color-primary: var(--ks-border-color-primary-base);
734
1328
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
735
1329
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
@@ -742,44 +1336,78 @@
742
1336
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
743
1337
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
744
1338
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
745
- --ks-color-primary: var(--ks-color-primary-base);
746
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
747
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
748
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
749
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
750
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
751
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
752
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
753
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
754
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
755
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
756
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
757
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
758
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
759
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
760
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
761
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
762
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
763
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
764
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
765
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
766
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
767
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
768
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
769
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
770
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
771
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
772
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
773
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
774
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
775
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
776
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
777
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
778
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
779
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
780
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
781
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
782
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1339
+ --ks-border-color-positive: var(--ks-border-color-positive-base);
1340
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1341
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1342
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1343
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1344
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1345
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1346
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1347
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1348
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1349
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1350
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1351
+ --ks-border-color-informative: var(--ks-border-color-informative-base);
1352
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1353
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1354
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1355
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1356
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1357
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1358
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1359
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1360
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1361
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1362
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1363
+ --ks-border-color-notice: var(--ks-border-color-notice-base);
1364
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1365
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1366
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1367
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1368
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1369
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1370
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1371
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1372
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1373
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1374
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1375
+ --ks-border-color-negative: var(--ks-border-color-negative-base);
1376
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1377
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1378
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1379
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1380
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1381
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1382
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1383
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1384
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1385
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1386
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1387
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1388
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1389
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1390
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1391
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1392
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1393
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1394
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1395
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1396
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1397
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1398
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
1399
+ --ks-border-color-foregroung: var(--ks-border-color-foregroung-base);
1400
+ --ks-border-color-foregroung-interactive: var(--ks-border-color-foregroung-interactive-base);
1401
+ --ks-border-color-foregroung-interactive-hover: var(--ks-border-color-foregroung-interactive-hover-base);
1402
+ --ks-border-color-foregroung-interactive-active: var(--ks-border-color-foregroung-interactive-active-base);
1403
+ --ks-border-color-foregroung-interactive-selected: var(--ks-border-color-foregroung-interactive-selected-base);
1404
+ --ks-border-color-foregroung-translucent: var(--ks-border-color-foregroung-translucent-base);
1405
+ --ks-border-color-foregroung-inverted: var(--ks-border-color-foregroung-inverted-base);
1406
+ --ks-border-color-foregroung-inverted-interactive: var(--ks-border-color-foregroung-inverted-interactive-base);
1407
+ --ks-border-color-foregroung-inverted-interactive-hover: var(--ks-border-color-foregroung-inverted-interactive-hover-base);
1408
+ --ks-border-color-foregroung-inverted-interactive-active: var(--ks-border-color-foregroung-inverted-interactive-active-base);
1409
+ --ks-border-color-foregroung-inverted-interactive-selected: var(--ks-border-color-foregroung-inverted-interactive-selected-base);
1410
+ --ks-border-color-foregroung-inverted-translucent: var(--ks-border-color-foregroung-inverted-translucent-base);
783
1411
  --ks-color-fg: var(--ks-color-fg-base);
784
1412
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
785
1413
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -818,9 +1446,157 @@
818
1446
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
819
1447
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
820
1448
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1449
+ --ks-color-bg: var(--ks-color-bg-base);
1450
+ --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1451
+ --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1452
+ --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1453
+ --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1454
+ --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1455
+ --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1456
+ --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1457
+ --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1458
+ --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1459
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1460
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1461
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1462
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1463
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1464
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1465
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1466
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1467
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1468
+ --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1469
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1470
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1471
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1472
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1473
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1474
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1475
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1476
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1477
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1478
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1479
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1480
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1481
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1482
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1483
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1484
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1485
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1486
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1487
+ --ks-color-transparent: var(--ks-color-transparent-base);
1488
+ --ks-color-primary: var(--ks-color-primary-base);
1489
+ --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1490
+ --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1491
+ --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1492
+ --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1493
+ --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1494
+ --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1495
+ --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1496
+ --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1497
+ --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1498
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1499
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1500
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1501
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1502
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1503
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1504
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1505
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1506
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1507
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1508
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1509
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1510
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1511
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1512
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1513
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1514
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1515
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1516
+ --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1517
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1518
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1519
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1520
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1521
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1522
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1523
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1524
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1525
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1526
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1527
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1528
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1529
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1530
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1531
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1532
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1533
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1534
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1535
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1536
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1537
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1538
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1539
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1540
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1541
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1542
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1543
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
821
1544
  --ks-color-link: var(--ks-color-link-base);
1545
+ --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1546
+ --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1547
+ --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1548
+ --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1549
+ --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1550
+ --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1551
+ --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1552
+ --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1553
+ --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1554
+ --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1555
+ --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1556
+ --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1557
+ --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1558
+ --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1559
+ --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1560
+ --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1561
+ --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1562
+ --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1563
+ --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1564
+ --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1565
+ --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1566
+ --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1567
+ --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1568
+ --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1569
+ --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1570
+ --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1571
+ --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
822
1572
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
823
- --ks-color-transparent: var(--ks-color-transparent-base);
1573
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1574
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1575
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1576
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1577
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1578
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1579
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1580
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1581
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1582
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1583
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1584
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1585
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1586
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1587
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1588
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1589
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1590
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1591
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1592
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1593
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1594
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1595
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1596
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1597
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1598
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1599
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
824
1600
  --ks-color-positive: var(--ks-color-positive-base);
825
1601
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
826
1602
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
@@ -840,6 +1616,15 @@
840
1616
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
841
1617
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
842
1618
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1619
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1620
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1621
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1622
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1623
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1624
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1625
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1626
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1627
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
843
1628
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
844
1629
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
845
1630
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
@@ -859,6 +1644,15 @@
859
1644
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
860
1645
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
861
1646
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1647
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1648
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1649
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1650
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1651
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1652
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1653
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1654
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1655
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
862
1656
  --ks-color-informative: var(--ks-color-informative-base);
863
1657
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
864
1658
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
@@ -878,6 +1672,15 @@
878
1672
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
879
1673
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
880
1674
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1675
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1676
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1677
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1678
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1679
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1680
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1681
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1682
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1683
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
881
1684
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
882
1685
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
883
1686
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
@@ -897,6 +1700,15 @@
897
1700
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
898
1701
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
899
1702
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1703
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1704
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1705
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1706
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1707
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1708
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1709
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1710
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1711
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
900
1712
  --ks-color-notice: var(--ks-color-notice-base);
901
1713
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
902
1714
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
@@ -916,6 +1728,15 @@
916
1728
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
917
1729
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
918
1730
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1731
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1732
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1733
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1734
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1735
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1736
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1737
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1738
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1739
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
919
1740
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
920
1741
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
921
1742
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
@@ -935,6 +1756,15 @@
935
1756
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
936
1757
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
937
1758
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1759
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1760
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1761
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1762
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1763
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1764
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1765
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1766
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1767
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
938
1768
  --ks-color-negative: var(--ks-color-negative-base);
939
1769
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
940
1770
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
@@ -954,6 +1784,15 @@
954
1784
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
955
1785
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
956
1786
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1787
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1788
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1789
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1790
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1791
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1792
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1793
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1794
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1795
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
957
1796
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
958
1797
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
959
1798
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
@@ -973,6 +1812,15 @@
973
1812
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
974
1813
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
975
1814
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1815
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1816
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1817
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1818
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1819
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1820
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1821
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1822
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1823
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
976
1824
  --ks-color-secondary: var(--ks-color-secondary-base);
977
1825
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
978
1826
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
@@ -992,6 +1840,15 @@
992
1840
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
993
1841
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
994
1842
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1843
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1844
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1845
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1846
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1847
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1848
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1849
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1850
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1851
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
995
1852
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
996
1853
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
997
1854
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
@@ -1011,78 +1868,197 @@
1011
1868
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1012
1869
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1013
1870
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1014
- --ks-color-bg: var(--ks-color-bg-base);
1015
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1016
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1017
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1018
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1019
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1020
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1021
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1022
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1023
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1024
- --ks-color-bg-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1025
- --ks-color-bg-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1026
- --ks-color-bg-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1027
- --ks-color-bg-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1028
- --ks-color-bg-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1029
- --ks-color-bg-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1030
- --ks-color-bg-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1031
- --ks-color-bg-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1032
- --ks-color-bg-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1033
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1034
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1035
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1036
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1037
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1038
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1039
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1040
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1041
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1042
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1043
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1044
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1045
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1046
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1047
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1048
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1049
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1050
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1051
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1871
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1872
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1873
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1874
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1875
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1876
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1877
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1878
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1879
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1880
+ --ks-color-foregroung: var(--ks-color-foregroung-base);
1881
+ --ks-color-foregroung-alpha-1: var(--ks-color-foregroung-alpha-1-base);
1882
+ --ks-color-foregroung-alpha-2: var(--ks-color-foregroung-alpha-2-base);
1883
+ --ks-color-foregroung-alpha-3: var(--ks-color-foregroung-alpha-3-base);
1884
+ --ks-color-foregroung-alpha-4: var(--ks-color-foregroung-alpha-4-base);
1885
+ --ks-color-foregroung-alpha-5: var(--ks-color-foregroung-alpha-5-base);
1886
+ --ks-color-foregroung-alpha-6: var(--ks-color-foregroung-alpha-6-base);
1887
+ --ks-color-foregroung-alpha-7: var(--ks-color-foregroung-alpha-7-base);
1888
+ --ks-color-foregroung-alpha-8: var(--ks-color-foregroung-alpha-8-base);
1889
+ --ks-color-foregroung-alpha-9: var(--ks-color-foregroung-alpha-9-base);
1890
+ --ks-color-foregroung-to-bg-1: var(--ks-color-foregroung-to-bg-1-base);
1891
+ --ks-color-foregroung-to-bg-2: var(--ks-color-foregroung-to-bg-2-base);
1892
+ --ks-color-foregroung-to-bg-3: var(--ks-color-foregroung-to-bg-3-base);
1893
+ --ks-color-foregroung-to-bg-4: var(--ks-color-foregroung-to-bg-4-base);
1894
+ --ks-color-foregroung-to-bg-5: var(--ks-color-foregroung-to-bg-5-base);
1895
+ --ks-color-foregroung-to-bg-6: var(--ks-color-foregroung-to-bg-6-base);
1896
+ --ks-color-foregroung-to-bg-7: var(--ks-color-foregroung-to-bg-7-base);
1897
+ --ks-color-foregroung-to-bg-8: var(--ks-color-foregroung-to-bg-8-base);
1898
+ --ks-color-foregroung-to-bg-9: var(--ks-color-foregroung-to-bg-9-base);
1899
+ --ks-color-foregroung-to-fg-1: var(--ks-color-foregroung-to-fg-1-base);
1900
+ --ks-color-foregroung-to-fg-2: var(--ks-color-foregroung-to-fg-2-base);
1901
+ --ks-color-foregroung-to-fg-3: var(--ks-color-foregroung-to-fg-3-base);
1902
+ --ks-color-foregroung-to-fg-4: var(--ks-color-foregroung-to-fg-4-base);
1903
+ --ks-color-foregroung-to-fg-5: var(--ks-color-foregroung-to-fg-5-base);
1904
+ --ks-color-foregroung-to-fg-6: var(--ks-color-foregroung-to-fg-6-base);
1905
+ --ks-color-foregroung-to-fg-7: var(--ks-color-foregroung-to-fg-7-base);
1906
+ --ks-color-foregroung-to-fg-8: var(--ks-color-foregroung-to-fg-8-base);
1907
+ --ks-color-foregroung-to-fg-9: var(--ks-color-foregroung-to-fg-9-base);
1908
+ --ks-color-foregroung-inverted: var(--ks-color-foregroung-inverted-base);
1909
+ --ks-color-foregroung-inverted-alpha-1: var(--ks-color-foregroung-inverted-alpha-1-base);
1910
+ --ks-color-foregroung-inverted-alpha-2: var(--ks-color-foregroung-inverted-alpha-2-base);
1911
+ --ks-color-foregroung-inverted-alpha-3: var(--ks-color-foregroung-inverted-alpha-3-base);
1912
+ --ks-color-foregroung-inverted-alpha-4: var(--ks-color-foregroung-inverted-alpha-4-base);
1913
+ --ks-color-foregroung-inverted-alpha-5: var(--ks-color-foregroung-inverted-alpha-5-base);
1914
+ --ks-color-foregroung-inverted-alpha-6: var(--ks-color-foregroung-inverted-alpha-6-base);
1915
+ --ks-color-foregroung-inverted-alpha-7: var(--ks-color-foregroung-inverted-alpha-7-base);
1916
+ --ks-color-foregroung-inverted-alpha-8: var(--ks-color-foregroung-inverted-alpha-8-base);
1917
+ --ks-color-foregroung-inverted-alpha-9: var(--ks-color-foregroung-inverted-alpha-9-base);
1918
+ --ks-color-foregroung-inverted-to-bg-1: var(--ks-color-foregroung-inverted-to-bg-1-base);
1919
+ --ks-color-foregroung-inverted-to-bg-2: var(--ks-color-foregroung-inverted-to-bg-2-base);
1920
+ --ks-color-foregroung-inverted-to-bg-3: var(--ks-color-foregroung-inverted-to-bg-3-base);
1921
+ --ks-color-foregroung-inverted-to-bg-4: var(--ks-color-foregroung-inverted-to-bg-4-base);
1922
+ --ks-color-foregroung-inverted-to-bg-5: var(--ks-color-foregroung-inverted-to-bg-5-base);
1923
+ --ks-color-foregroung-inverted-to-bg-6: var(--ks-color-foregroung-inverted-to-bg-6-base);
1924
+ --ks-color-foregroung-inverted-to-bg-7: var(--ks-color-foregroung-inverted-to-bg-7-base);
1925
+ --ks-color-foregroung-inverted-to-bg-8: var(--ks-color-foregroung-inverted-to-bg-8-base);
1926
+ --ks-color-foregroung-inverted-to-bg-9: var(--ks-color-foregroung-inverted-to-bg-9-base);
1927
+ --ks-color-foregroung-inverted-to-fg-1: var(--ks-color-foregroung-inverted-to-fg-1-base);
1928
+ --ks-color-foregroung-inverted-to-fg-2: var(--ks-color-foregroung-inverted-to-fg-2-base);
1929
+ --ks-color-foregroung-inverted-to-fg-3: var(--ks-color-foregroung-inverted-to-fg-3-base);
1930
+ --ks-color-foregroung-inverted-to-fg-4: var(--ks-color-foregroung-inverted-to-fg-4-base);
1931
+ --ks-color-foregroung-inverted-to-fg-5: var(--ks-color-foregroung-inverted-to-fg-5-base);
1932
+ --ks-color-foregroung-inverted-to-fg-6: var(--ks-color-foregroung-inverted-to-fg-6-base);
1933
+ --ks-color-foregroung-inverted-to-fg-7: var(--ks-color-foregroung-inverted-to-fg-7-base);
1934
+ --ks-color-foregroung-inverted-to-fg-8: var(--ks-color-foregroung-inverted-to-fg-8-base);
1935
+ --ks-color-foregroung-inverted-to-fg-9: var(--ks-color-foregroung-inverted-to-fg-9-base);
1052
1936
  --ks-text-color-default: var(--ks-text-color-default-base);
1053
1937
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1054
1938
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1055
1939
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1056
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1940
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1057
1941
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1058
1942
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1059
1943
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1060
1944
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1061
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1945
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1946
+ --ks-text-color-copy: var(--ks-text-color-copy-base);
1947
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1948
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1949
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1950
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1951
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1952
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1953
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1954
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1955
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1956
+ --ks-text-color-display: var(--ks-text-color-display-base);
1957
+ --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1958
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1959
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1960
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1961
+ --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1962
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1963
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1964
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1965
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1062
1966
  --ks-text-color-interface: var(--ks-text-color-interface-base);
1063
1967
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1064
1968
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1065
1969
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1066
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1970
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1067
1971
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1068
1972
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1069
1973
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1070
1974
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1071
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1975
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1976
+ --ks-text-color-card: var(--ks-text-color-card-base);
1977
+ --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1978
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1979
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1980
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1981
+ --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1982
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1983
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1984
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1985
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1072
1986
  --ks-text-color-primary: var(--ks-text-color-primary-base);
1073
1987
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1074
1988
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1075
1989
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1076
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1990
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1077
1991
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1078
1992
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1079
1993
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1080
1994
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1081
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1995
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1996
+ --ks-text-color-positive: var(--ks-text-color-positive-base);
1997
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1998
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1999
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2000
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2001
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
2002
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2003
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2004
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2005
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2006
+ --ks-text-color-informative: var(--ks-text-color-informative-base);
2007
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
2008
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2009
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2010
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2011
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
2012
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2013
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2014
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2015
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2016
+ --ks-text-color-notice: var(--ks-text-color-notice-base);
2017
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
2018
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2019
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2020
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2021
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
2022
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2023
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2024
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2025
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2026
+ --ks-text-color-negative: var(--ks-text-color-negative-base);
2027
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
2028
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2029
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2030
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2031
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
2032
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2033
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2034
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2035
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2036
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
2037
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
2038
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2039
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2040
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
2041
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
2042
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2043
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2044
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2045
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2046
+ --ks-text-color-foregroung: var(--ks-text-color-foregroung-base);
2047
+ --ks-text-color-foregroung-interactive: var(--ks-text-color-foregroung-interactive-base);
2048
+ --ks-text-color-foregroung-interactive-hover: var(--ks-text-color-foregroung-interactive-hover-base);
2049
+ --ks-text-color-foregroung-interactive-active: var(--ks-text-color-foregroung-interactive-active-base);
2050
+ --ks-text-color-foregroung-interactive-selected: var(--ks-text-color-foregroung-interactive-selected-base);
2051
+ --ks-text-color-foregroung-inverted: var(--ks-text-color-foregroung-inverted-base);
2052
+ --ks-text-color-foregroung-inverted-interactive: var(--ks-text-color-foregroung-inverted-interactive-base);
2053
+ --ks-text-color-foregroung-inverted-interactive-hover: var(--ks-text-color-foregroung-inverted-interactive-hover-base);
2054
+ --ks-text-color-foregroung-inverted-interactive-active: var(--ks-text-color-foregroung-inverted-interactive-active-base);
2055
+ --ks-text-color-foregroung-inverted-interactive-selected: var(--ks-text-color-foregroung-inverted-interactive-selected-base);
1082
2056
  }
1083
2057
  [ks-inverted=true] {
1084
2058
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
1085
2059
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
2060
+ --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
2061
+ --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
1086
2062
  --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
1087
2063
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
1088
2064
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
@@ -1107,6 +2083,18 @@
1107
2083
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1108
2084
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1109
2085
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
2086
+ --ks-background-color-card: var(--ks-background-color-card-inverted-base);
2087
+ --ks-background-color-card-inverted: var(--ks-background-color-card-base);
2088
+ --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
2089
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
2090
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
2091
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
2092
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
2093
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
2094
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
2095
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
2096
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
2097
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1110
2098
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1111
2099
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1112
2100
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
@@ -1119,6 +2107,78 @@
1119
2107
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1120
2108
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1121
2109
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
2110
+ --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
2111
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
2112
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
2113
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
2114
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
2115
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
2116
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
2117
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
2118
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
2119
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
2120
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
2121
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
2122
+ --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
2123
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
2124
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
2125
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
2126
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
2127
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
2128
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
2129
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
2130
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
2131
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
2132
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
2133
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
2134
+ --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
2135
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
2136
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
2137
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
2138
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
2139
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
2140
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
2141
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
2142
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
2143
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
2144
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
2145
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
2146
+ --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
2147
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
2148
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
2149
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
2150
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
2151
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
2152
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
2153
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
2154
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
2155
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
2156
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
2157
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
2158
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
2159
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
2160
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
2161
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
2162
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
2163
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
2164
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
2165
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
2166
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
2167
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
2168
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
2169
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
2170
+ --ks-background-color-foregroung: var(--ks-background-color-foregroung-inverted-base);
2171
+ --ks-background-color-foregroung-inverted: var(--ks-background-color-foregroung-base);
2172
+ --ks-background-color-foregroung-interactive: var(--ks-background-color-foregroung-inverted-interactive-base);
2173
+ --ks-background-color-foregroung-inverted-interactive: var(--ks-background-color-foregroung-interactive-base);
2174
+ --ks-background-color-foregroung-interactive-hover: var(--ks-background-color-foregroung-inverted-interactive-hover-base);
2175
+ --ks-background-color-foregroung-inverted-interactive-hover: var(--ks-background-color-foregroung-interactive-hover-base);
2176
+ --ks-background-color-foregroung-interactive-active: var(--ks-background-color-foregroung-inverted-interactive-active-base);
2177
+ --ks-background-color-foregroung-inverted-interactive-active: var(--ks-background-color-foregroung-interactive-active-base);
2178
+ --ks-background-color-foregroung-interactive-selected: var(--ks-background-color-foregroung-inverted-interactive-selected-base);
2179
+ --ks-background-color-foregroung-inverted-interactive-selected: var(--ks-background-color-foregroung-interactive-selected-base);
2180
+ --ks-background-color-foregroung-translucent: var(--ks-background-color-foregroung-inverted-translucent-base);
2181
+ --ks-background-color-foregroung-inverted-translucent: var(--ks-background-color-foregroung-translucent-base);
1122
2182
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1123
2183
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1124
2184
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1145,6 +2205,18 @@
1145
2205
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1146
2206
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1147
2207
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
2208
+ --ks-border-color-card: var(--ks-border-color-card-inverted-base);
2209
+ --ks-border-color-card-inverted: var(--ks-border-color-card-base);
2210
+ --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
2211
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
2212
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
2213
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
2214
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
2215
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
2216
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
2217
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
2218
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
2219
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1148
2220
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1149
2221
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1150
2222
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
@@ -1157,44 +2229,78 @@
1157
2229
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1158
2230
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1159
2231
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1160
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1161
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1162
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1163
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1164
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1165
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1166
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1167
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1168
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1169
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1170
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1171
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1172
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1173
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1174
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1175
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1176
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1177
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1178
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1179
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
1180
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1181
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1182
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1183
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1184
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1185
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1186
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1187
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1188
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1189
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1190
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1191
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1192
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1193
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1194
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1195
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1196
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1197
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2232
+ --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
2233
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
2234
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
2235
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
2236
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
2237
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
2238
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
2239
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
2240
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
2241
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
2242
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
2243
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
2244
+ --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
2245
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
2246
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
2247
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
2248
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
2249
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
2250
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
2251
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
2252
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
2253
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
2254
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
2255
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
2256
+ --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
2257
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
2258
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
2259
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
2260
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
2261
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
2262
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
2263
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
2264
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
2265
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
2266
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
2267
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
2268
+ --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
2269
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
2270
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
2271
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
2272
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
2273
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
2274
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
2275
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
2276
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
2277
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
2278
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
2279
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2280
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2281
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2282
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2283
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2284
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2285
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2286
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2287
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2288
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2289
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2290
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2291
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
2292
+ --ks-border-color-foregroung: var(--ks-border-color-foregroung-inverted-base);
2293
+ --ks-border-color-foregroung-inverted: var(--ks-border-color-foregroung-base);
2294
+ --ks-border-color-foregroung-interactive: var(--ks-border-color-foregroung-inverted-interactive-base);
2295
+ --ks-border-color-foregroung-inverted-interactive: var(--ks-border-color-foregroung-interactive-base);
2296
+ --ks-border-color-foregroung-interactive-hover: var(--ks-border-color-foregroung-inverted-interactive-hover-base);
2297
+ --ks-border-color-foregroung-inverted-interactive-hover: var(--ks-border-color-foregroung-interactive-hover-base);
2298
+ --ks-border-color-foregroung-interactive-active: var(--ks-border-color-foregroung-inverted-interactive-active-base);
2299
+ --ks-border-color-foregroung-inverted-interactive-active: var(--ks-border-color-foregroung-interactive-active-base);
2300
+ --ks-border-color-foregroung-interactive-selected: var(--ks-border-color-foregroung-inverted-interactive-selected-base);
2301
+ --ks-border-color-foregroung-inverted-interactive-selected: var(--ks-border-color-foregroung-interactive-selected-base);
2302
+ --ks-border-color-foregroung-translucent: var(--ks-border-color-foregroung-inverted-translucent-base);
2303
+ --ks-border-color-foregroung-inverted-translucent: var(--ks-border-color-foregroung-translucent-base);
1198
2304
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1199
2305
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1200
2306
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -1233,8 +2339,156 @@
1233
2339
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1234
2340
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1235
2341
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2342
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
2343
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
2344
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
2345
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
2346
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
2347
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
2348
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
2349
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
2350
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
2351
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
2352
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
2353
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
2354
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
2355
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
2356
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
2357
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
2358
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
2359
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
2360
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
2361
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
2362
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
2363
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
2364
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
2365
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
2366
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
2367
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
2368
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
2369
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
2370
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
2371
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
2372
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
2373
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
2374
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
2375
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
2376
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
2377
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
2378
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
2379
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
2380
+ --ks-color-primary: var(--ks-color-primary-inverted-base);
2381
+ --ks-color-primary-inverted: var(--ks-color-primary-base);
2382
+ --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
2383
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
2384
+ --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
2385
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
2386
+ --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
2387
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
2388
+ --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
2389
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
2390
+ --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
2391
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
2392
+ --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
2393
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
2394
+ --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
2395
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
2396
+ --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
2397
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
2398
+ --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
2399
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2400
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2401
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2402
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2403
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2404
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2405
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2406
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2407
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2408
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2409
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2410
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2411
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2412
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2413
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2414
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2415
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2416
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2417
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2418
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2419
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2420
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2421
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2422
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2423
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2424
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2425
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2426
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2427
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2428
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2429
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2430
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2431
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2432
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2433
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2434
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2435
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1236
2436
  --ks-color-link: var(--ks-color-link-inverted-base);
1237
2437
  --ks-color-link-inverted: var(--ks-color-link-base);
2438
+ --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2439
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2440
+ --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2441
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2442
+ --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2443
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2444
+ --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2445
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2446
+ --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2447
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2448
+ --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2449
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2450
+ --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2451
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2452
+ --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2453
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2454
+ --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2455
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2456
+ --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2457
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2458
+ --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2459
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2460
+ --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2461
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2462
+ --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2463
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2464
+ --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2465
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2466
+ --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2467
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2468
+ --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2469
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2470
+ --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2471
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2472
+ --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2473
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2474
+ --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2475
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2476
+ --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2477
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2478
+ --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2479
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2480
+ --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2481
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2482
+ --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2483
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2484
+ --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2485
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2486
+ --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2487
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2488
+ --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2489
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2490
+ --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2491
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
1238
2492
  --ks-color-positive: var(--ks-color-positive-inverted-base);
1239
2493
  --ks-color-positive-inverted: var(--ks-color-positive-base);
1240
2494
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
@@ -1273,6 +2527,24 @@
1273
2527
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1274
2528
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1275
2529
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2530
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2531
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2532
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2533
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2534
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2535
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2536
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2537
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2538
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2539
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2540
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2541
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2542
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2543
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2544
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2545
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2546
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2547
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1276
2548
  --ks-color-informative: var(--ks-color-informative-inverted-base);
1277
2549
  --ks-color-informative-inverted: var(--ks-color-informative-base);
1278
2550
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
@@ -1311,6 +2583,24 @@
1311
2583
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1312
2584
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1313
2585
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2586
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2587
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2588
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2589
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2590
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2591
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2592
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2593
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2594
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2595
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2596
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2597
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2598
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2599
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2600
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2601
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2602
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2603
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1314
2604
  --ks-color-notice: var(--ks-color-notice-inverted-base);
1315
2605
  --ks-color-notice-inverted: var(--ks-color-notice-base);
1316
2606
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
@@ -1349,6 +2639,24 @@
1349
2639
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1350
2640
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1351
2641
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2642
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2643
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2644
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2645
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2646
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2647
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2648
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2649
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2650
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2651
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2652
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2653
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2654
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2655
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2656
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2657
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2658
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2659
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1352
2660
  --ks-color-negative: var(--ks-color-negative-inverted-base);
1353
2661
  --ks-color-negative-inverted: var(--ks-color-negative-base);
1354
2662
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
@@ -1387,6 +2695,24 @@
1387
2695
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1388
2696
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1389
2697
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2698
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2699
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2700
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2701
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2702
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2703
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2704
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2705
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2706
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2707
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2708
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2709
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2710
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2711
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2712
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2713
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2714
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2715
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1390
2716
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
1391
2717
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
1392
2718
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
@@ -1425,44 +2751,80 @@
1425
2751
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1426
2752
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1427
2753
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1428
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1429
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1430
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1431
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1432
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1433
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1434
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1435
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1436
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1437
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1438
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1439
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1440
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1441
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1442
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1443
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1444
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1445
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1446
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1447
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1448
- --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1449
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1450
- --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1451
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1452
- --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1453
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1454
- --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1455
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1456
- --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1457
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1458
- --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1459
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1460
- --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1461
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1462
- --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1463
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1464
- --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1465
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
2754
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2755
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2756
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2757
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2758
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2759
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2760
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2761
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2762
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2763
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2764
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2765
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2766
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2767
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2768
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2769
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2770
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2771
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
2772
+ --ks-color-foregroung: var(--ks-color-foregroung-inverted-base);
2773
+ --ks-color-foregroung-inverted: var(--ks-color-foregroung-base);
2774
+ --ks-color-foregroung-alpha-1: var(--ks-color-foregroung-inverted-alpha-1-base);
2775
+ --ks-color-foregroung-inverted-alpha-1: var(--ks-color-foregroung-alpha-1-base);
2776
+ --ks-color-foregroung-alpha-2: var(--ks-color-foregroung-inverted-alpha-2-base);
2777
+ --ks-color-foregroung-inverted-alpha-2: var(--ks-color-foregroung-alpha-2-base);
2778
+ --ks-color-foregroung-alpha-3: var(--ks-color-foregroung-inverted-alpha-3-base);
2779
+ --ks-color-foregroung-inverted-alpha-3: var(--ks-color-foregroung-alpha-3-base);
2780
+ --ks-color-foregroung-alpha-4: var(--ks-color-foregroung-inverted-alpha-4-base);
2781
+ --ks-color-foregroung-inverted-alpha-4: var(--ks-color-foregroung-alpha-4-base);
2782
+ --ks-color-foregroung-alpha-5: var(--ks-color-foregroung-inverted-alpha-5-base);
2783
+ --ks-color-foregroung-inverted-alpha-5: var(--ks-color-foregroung-alpha-5-base);
2784
+ --ks-color-foregroung-alpha-6: var(--ks-color-foregroung-inverted-alpha-6-base);
2785
+ --ks-color-foregroung-inverted-alpha-6: var(--ks-color-foregroung-alpha-6-base);
2786
+ --ks-color-foregroung-alpha-7: var(--ks-color-foregroung-inverted-alpha-7-base);
2787
+ --ks-color-foregroung-inverted-alpha-7: var(--ks-color-foregroung-alpha-7-base);
2788
+ --ks-color-foregroung-alpha-8: var(--ks-color-foregroung-inverted-alpha-8-base);
2789
+ --ks-color-foregroung-inverted-alpha-8: var(--ks-color-foregroung-alpha-8-base);
2790
+ --ks-color-foregroung-alpha-9: var(--ks-color-foregroung-inverted-alpha-9-base);
2791
+ --ks-color-foregroung-inverted-alpha-9: var(--ks-color-foregroung-alpha-9-base);
2792
+ --ks-color-foregroung-to-bg-1: var(--ks-color-foregroung-inverted-to-bg-1-base);
2793
+ --ks-color-foregroung-inverted-to-bg-1: var(--ks-color-foregroung-to-bg-1-base);
2794
+ --ks-color-foregroung-to-bg-2: var(--ks-color-foregroung-inverted-to-bg-2-base);
2795
+ --ks-color-foregroung-inverted-to-bg-2: var(--ks-color-foregroung-to-bg-2-base);
2796
+ --ks-color-foregroung-to-bg-3: var(--ks-color-foregroung-inverted-to-bg-3-base);
2797
+ --ks-color-foregroung-inverted-to-bg-3: var(--ks-color-foregroung-to-bg-3-base);
2798
+ --ks-color-foregroung-to-bg-4: var(--ks-color-foregroung-inverted-to-bg-4-base);
2799
+ --ks-color-foregroung-inverted-to-bg-4: var(--ks-color-foregroung-to-bg-4-base);
2800
+ --ks-color-foregroung-to-bg-5: var(--ks-color-foregroung-inverted-to-bg-5-base);
2801
+ --ks-color-foregroung-inverted-to-bg-5: var(--ks-color-foregroung-to-bg-5-base);
2802
+ --ks-color-foregroung-to-bg-6: var(--ks-color-foregroung-inverted-to-bg-6-base);
2803
+ --ks-color-foregroung-inverted-to-bg-6: var(--ks-color-foregroung-to-bg-6-base);
2804
+ --ks-color-foregroung-to-bg-7: var(--ks-color-foregroung-inverted-to-bg-7-base);
2805
+ --ks-color-foregroung-inverted-to-bg-7: var(--ks-color-foregroung-to-bg-7-base);
2806
+ --ks-color-foregroung-to-bg-8: var(--ks-color-foregroung-inverted-to-bg-8-base);
2807
+ --ks-color-foregroung-inverted-to-bg-8: var(--ks-color-foregroung-to-bg-8-base);
2808
+ --ks-color-foregroung-to-bg-9: var(--ks-color-foregroung-inverted-to-bg-9-base);
2809
+ --ks-color-foregroung-inverted-to-bg-9: var(--ks-color-foregroung-to-bg-9-base);
2810
+ --ks-color-foregroung-to-fg-1: var(--ks-color-foregroung-inverted-to-fg-1-base);
2811
+ --ks-color-foregroung-inverted-to-fg-1: var(--ks-color-foregroung-to-fg-1-base);
2812
+ --ks-color-foregroung-to-fg-2: var(--ks-color-foregroung-inverted-to-fg-2-base);
2813
+ --ks-color-foregroung-inverted-to-fg-2: var(--ks-color-foregroung-to-fg-2-base);
2814
+ --ks-color-foregroung-to-fg-3: var(--ks-color-foregroung-inverted-to-fg-3-base);
2815
+ --ks-color-foregroung-inverted-to-fg-3: var(--ks-color-foregroung-to-fg-3-base);
2816
+ --ks-color-foregroung-to-fg-4: var(--ks-color-foregroung-inverted-to-fg-4-base);
2817
+ --ks-color-foregroung-inverted-to-fg-4: var(--ks-color-foregroung-to-fg-4-base);
2818
+ --ks-color-foregroung-to-fg-5: var(--ks-color-foregroung-inverted-to-fg-5-base);
2819
+ --ks-color-foregroung-inverted-to-fg-5: var(--ks-color-foregroung-to-fg-5-base);
2820
+ --ks-color-foregroung-to-fg-6: var(--ks-color-foregroung-inverted-to-fg-6-base);
2821
+ --ks-color-foregroung-inverted-to-fg-6: var(--ks-color-foregroung-to-fg-6-base);
2822
+ --ks-color-foregroung-to-fg-7: var(--ks-color-foregroung-inverted-to-fg-7-base);
2823
+ --ks-color-foregroung-inverted-to-fg-7: var(--ks-color-foregroung-to-fg-7-base);
2824
+ --ks-color-foregroung-to-fg-8: var(--ks-color-foregroung-inverted-to-fg-8-base);
2825
+ --ks-color-foregroung-inverted-to-fg-8: var(--ks-color-foregroung-to-fg-8-base);
2826
+ --ks-color-foregroung-to-fg-9: var(--ks-color-foregroung-inverted-to-fg-9-base);
2827
+ --ks-color-foregroung-inverted-to-fg-9: var(--ks-color-foregroung-to-fg-9-base);
1466
2828
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
1467
2829
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
1468
2830
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -1471,8 +2833,28 @@
1471
2833
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1472
2834
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1473
2835
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
1474
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1475
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
2836
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2837
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2838
+ --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2839
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2840
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2841
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2842
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2843
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2844
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2845
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2846
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2847
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2848
+ --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2849
+ --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2850
+ --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2851
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2852
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2853
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2854
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2855
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2856
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2857
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1476
2858
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
1477
2859
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
1478
2860
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
@@ -1481,8 +2863,18 @@
1481
2863
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1482
2864
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1483
2865
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1484
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1485
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
2866
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2867
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2868
+ --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2869
+ --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2870
+ --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2871
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2872
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2873
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2874
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2875
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2876
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2877
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1486
2878
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
1487
2879
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
1488
2880
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
@@ -1491,8 +2883,68 @@
1491
2883
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1492
2884
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1493
2885
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1494
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1495
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
2886
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2887
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2888
+ --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2889
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2890
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2891
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2892
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2893
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2894
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2895
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2896
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2897
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2898
+ --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2899
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2900
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2901
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2902
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2903
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2904
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2905
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2906
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2907
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2908
+ --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2909
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2910
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2911
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2912
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2913
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2914
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2915
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2916
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2917
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2918
+ --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2919
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2920
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2921
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2922
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2923
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2924
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2925
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2926
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2927
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2928
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2929
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2930
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2931
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2932
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2933
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2934
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2935
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2936
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2937
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
2938
+ --ks-text-color-foregroung: var(--ks-text-color-foregroung-inverted-base);
2939
+ --ks-text-color-foregroung-inverted: var(--ks-text-color-foregroung-base);
2940
+ --ks-text-color-foregroung-interactive: var(--ks-text-color-foregroung-inverted-interactive-base);
2941
+ --ks-text-color-foregroung-inverted-interactive: var(--ks-text-color-foregroung-interactive-base);
2942
+ --ks-text-color-foregroung-interactive-hover: var(--ks-text-color-foregroung-inverted-interactive-hover-base);
2943
+ --ks-text-color-foregroung-inverted-interactive-hover: var(--ks-text-color-foregroung-interactive-hover-base);
2944
+ --ks-text-color-foregroung-interactive-active: var(--ks-text-color-foregroung-inverted-interactive-active-base);
2945
+ --ks-text-color-foregroung-inverted-interactive-active: var(--ks-text-color-foregroung-interactive-active-base);
2946
+ --ks-text-color-foregroung-interactive-selected: var(--ks-text-color-foregroung-inverted-interactive-selected-base);
2947
+ --ks-text-color-foregroung-inverted-interactive-selected: var(--ks-text-color-foregroung-interactive-selected-base);
1496
2948
  }
1497
2949
  @media (min-width: 36em) {
1498
2950
  :root {