@kickstartds/ds-agency-premium 1.2.12--canary.216.0543b48.0 → 1.2.12

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