@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,122 +1,50 @@
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
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
7
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
7
+ --ks-background-color-accent-inverted-base: #e9e5fa;
8
8
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
9
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
9
+ --ks-background-color-bold-inverted-base: #c0b5ef;
10
10
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
11
- --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
12
- --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
13
- --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
14
- --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
11
+ --ks-background-color-clear-interactive-base: var(--ks-color-fg-alpha-8-base);
12
+ --ks-background-color-clear-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
13
+ --ks-background-color-clear-interactive-active-base: var(--ks-color-fg-alpha-6-base);
14
+ --ks-background-color-clear-interactive-selected-base: var(--ks-color-fg-alpha-6-base);
15
15
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
16
- --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
17
- --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
18
- --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
19
- --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
16
+ --ks-background-color-clear-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
17
+ --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
18
+ --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
19
+ --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
20
20
  --ks-background-color-default-base: var(--ks-color-bg-base);
21
21
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
22
- --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
23
- --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
24
- --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
25
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
22
+ --ks-background-color-interface-base: var(--ks-color-fg-alpha-8-base);
23
+ --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-9-base);
24
+ --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-5-base);
25
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
26
26
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
27
- --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
28
- --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
29
- --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
30
- --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
31
- --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
27
+ --ks-background-color-interface-interactive-selected-base: var(--ks-color-secondary-base);
28
+ --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
29
+ --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
30
+ --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-5-base);
31
+ --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
32
32
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
- --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
- --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
35
- --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
36
- --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
37
- --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
38
- --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
39
- --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
41
- --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
42
- --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
43
- --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
44
- --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
45
- --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
33
+ --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
46
34
  --ks-background-color-primary-base: var(--ks-color-primary-base);
47
35
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
48
36
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
49
- --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
50
- --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
51
- --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
37
+ --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
38
+ --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-base);
39
+ --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
52
40
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
53
41
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
54
42
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
55
- --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
56
- --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
57
- --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
58
- --ks-background-color-positive-base: var(--ks-color-positive-base);
59
- --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
60
- --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
61
- --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
62
- --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
63
- --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
64
- --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
65
- --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
66
- --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
67
- --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
68
- --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
69
- --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
70
- --ks-background-color-informative-base: var(--ks-color-informative-base);
71
- --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
72
- --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
73
- --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
74
- --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
75
- --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
76
- --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
77
- --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
78
- --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
79
- --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
80
- --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
81
- --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
82
- --ks-background-color-notice-base: var(--ks-color-notice-base);
83
- --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
84
- --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
85
- --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
86
- --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
87
- --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
88
- --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
89
- --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
90
- --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
91
- --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
92
- --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
93
- --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
94
- --ks-background-color-negative-base: var(--ks-color-negative-base);
95
- --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
96
- --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
97
- --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
98
- --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
99
- --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
100
- --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
101
- --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
102
- --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
103
- --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
- --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
105
- --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
106
- --ks-background-color-secondary-base: var(--ks-color-secondary-base);
107
- --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
108
- --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
109
- --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
110
- --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
111
- --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
112
- --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
113
- --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
114
- --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
115
- --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
- --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
117
- --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
118
- --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
119
- --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
43
+ --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
44
+ --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
45
+ --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
46
+ --ks-border-color-accent-base: var(--ks-color-fg-alpha-8-base);
47
+ --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
120
48
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
121
49
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
122
50
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -129,30 +57,18 @@
129
57
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
130
58
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
131
59
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
132
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
60
+ --ks-border-color-interface-base: var(--ks-color-fg-alpha-9-base);
133
61
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
134
62
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
135
- --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
136
- --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
137
- --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
138
- --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
63
+ --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-3-base);
64
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-secondary-base);
65
+ --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-inverted-base);
66
+ --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
139
67
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
140
- --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
141
- --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
142
- --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
143
- --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
144
- --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
145
- --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
146
- --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
147
- --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
148
- --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
149
- --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
150
- --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
151
- --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
152
- --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
153
- --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
154
- --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
155
- --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
68
+ --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
69
+ --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
70
+ --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-secondary-inverted-base);
71
+ --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-base);
156
72
  --ks-border-color-primary-base: var(--ks-color-primary-base);
157
73
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
158
74
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
@@ -165,109 +81,69 @@
165
81
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
166
82
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
167
83
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
168
- --ks-border-color-positive-base: var(--ks-color-positive-base);
169
- --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
170
- --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
171
- --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
172
- --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
173
- --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
174
- --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
175
- --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
176
- --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
177
- --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
178
- --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
179
- --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
180
- --ks-border-color-informative-base: var(--ks-color-informative-base);
181
- --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
182
- --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
183
- --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
184
- --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
185
- --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
186
- --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
187
- --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
188
- --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
189
- --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
190
- --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
191
- --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
192
- --ks-border-color-notice-base: var(--ks-color-notice-base);
193
- --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
194
- --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
195
- --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
196
- --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
197
- --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
198
- --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
199
- --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
200
- --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
201
- --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
202
- --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
203
- --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
204
- --ks-border-color-negative-base: var(--ks-color-negative-base);
205
- --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
206
- --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
207
- --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
208
- --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
209
- --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
210
- --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
211
- --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
212
- --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
213
- --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
214
- --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
215
- --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
216
- --ks-border-color-secondary-base: var(--ks-color-secondary-base);
217
- --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
218
- --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
219
- --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
220
- --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
221
- --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
222
- --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
223
- --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
224
- --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
225
- --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
226
- --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
227
- --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
228
84
  --ks-border-width-default: 1px;
229
85
  --ks-border-width-emphasized: 2px;
230
- --ks-border-radius-control: 16px;
86
+ --ks-border-radius-control: 2px;
231
87
  --ks-border-radius-card: 16px;
232
- --ks-border-radius-surface: 32px;
88
+ --ks-border-radius-surface: 20px;
233
89
  --ks-border-radius-pill: 999px;
234
90
  --ks-border-radius-circle: 50%;
235
91
  --ks-box-shadow-opacity-control: 0.2;
236
92
  --ks-box-shadow-opacity-control-hover: 0.3;
237
- --ks-box-shadow-opacity-control-inverted: 0.2;
238
- --ks-box-shadow-opacity-control-inverted-hover: 0.3;
239
93
  --ks-box-shadow-opacity-card: 0.2;
240
94
  --ks-box-shadow-opacity-card-hover: 0.3;
241
- --ks-box-shadow-opacity-card-inverted: 0.2;
242
- --ks-box-shadow-opacity-card-inverted-hover: 0.3;
243
95
  --ks-box-shadow-opacity-surface: 0.1;
244
96
  --ks-box-shadow-opacity-surface-hover: 0.2;
245
- --ks-box-shadow-opacity-surface-inverted: 0.1;
246
- --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
247
97
  --ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
248
98
  --ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
249
- --ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
250
- --ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
251
99
  --ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
252
100
  --ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
253
- --ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
254
- --ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
255
101
  --ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
256
102
  --ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
257
- --ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
258
- --ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
259
103
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
260
104
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
261
- --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
262
- --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
263
105
  --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
264
106
  --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
265
- --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
266
- --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
267
107
  --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
268
108
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
269
- --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
270
- --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
109
+ --ks-color-primary-base: #5435d2;
110
+ --ks-color-primary-alpha-1-base: rgba(84,53,210,.95);
111
+ --ks-color-primary-alpha-2-base: rgba(84,53,210,.87);
112
+ --ks-color-primary-alpha-3-base: rgba(84,53,210,.76);
113
+ --ks-color-primary-alpha-4-base: rgba(84,53,210,.63);
114
+ --ks-color-primary-alpha-5-base: rgba(84,53,210,.5);
115
+ --ks-color-primary-alpha-6-base: rgba(84,53,210,.37);
116
+ --ks-color-primary-alpha-7-base: rgba(84,53,210,.24);
117
+ --ks-color-primary-alpha-8-base: rgba(84,53,210,.13);
118
+ --ks-color-primary-alpha-9-base: rgba(84,53,210,.05);
119
+ --ks-color-primary-to-bg-1-base: #5033c9;
120
+ --ks-color-primary-to-bg-2-base: #4a2fbb;
121
+ --ks-color-primary-to-bg-3-base: #412aa7;
122
+ --ks-color-primary-to-bg-4-base: #372490;
123
+ --ks-color-primary-to-bg-5-base: #2d1f79;
124
+ --ks-color-primary-to-bg-6-base: #231961;
125
+ --ks-color-primary-to-bg-7-base: #19134a;
126
+ --ks-color-primary-to-bg-8-base: #100e36;
127
+ --ks-color-primary-to-bg-9-base: #0a0a28;
128
+ --ks-color-primary-inverted-base: #e21879;
129
+ --ks-color-primary-inverted-alpha-1-base: rgba(226,24,121,.95);
130
+ --ks-color-primary-inverted-alpha-2-base: rgba(226,24,121,.87);
131
+ --ks-color-primary-inverted-alpha-3-base: rgba(226,24,121,.76);
132
+ --ks-color-primary-inverted-alpha-4-base: rgba(226,24,121,.63);
133
+ --ks-color-primary-inverted-alpha-5-base: rgba(226,24,121,.5);
134
+ --ks-color-primary-inverted-alpha-6-base: rgba(226,24,121,.37);
135
+ --ks-color-primary-inverted-alpha-7-base: rgba(226,24,121,.24);
136
+ --ks-color-primary-inverted-alpha-8-base: rgba(226,24,121,.13);
137
+ --ks-color-primary-inverted-alpha-9-base: rgba(226,24,121,.05);
138
+ --ks-color-primary-inverted-to-bg-1-base: #e32480;
139
+ --ks-color-primary-inverted-to-bg-2-base: #e6368a;
140
+ --ks-color-primary-inverted-to-bg-3-base: #e94f99;
141
+ --ks-color-primary-inverted-to-bg-4-base: #ed6dab;
142
+ --ks-color-primary-inverted-to-bg-5-base: #f18cbc;
143
+ --ks-color-primary-inverted-to-bg-6-base: #f4aacd;
144
+ --ks-color-primary-inverted-to-bg-7-base: #f8c8df;
145
+ --ks-color-primary-inverted-to-bg-8-base: #fbe1ee;
146
+ --ks-color-primary-inverted-to-bg-9-base: #fef3f8;
271
147
  --ks-color-fg-base: #fff;
272
148
  --ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
273
149
  --ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
@@ -298,165 +174,17 @@
298
174
  --ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
299
175
  --ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
300
176
  --ks-color-fg-inverted-to-bg-1-base: #12142a;
301
- --ks-color-fg-inverted-to-bg-2-base: #25263b;
302
- --ks-color-fg-inverted-to-bg-3-base: #3e4052;
303
- --ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
304
- --ks-color-fg-inverted-to-bg-5-base: #7c7d89;
305
- --ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
306
- --ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
307
- --ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
308
- --ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
309
- --ks-color-bg-base: #06081f;
310
- --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
311
- --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
312
- --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
313
- --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
314
- --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
315
- --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
316
- --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
317
- --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
318
- --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
319
- --ks-color-bg-to-fg-1-base: #12142a;
320
- --ks-color-bg-to-fg-2-base: #26283c;
321
- --ks-color-bg-to-fg-3-base: #424355;
322
- --ks-color-bg-to-fg-4-base: #626372;
323
- --ks-color-bg-to-fg-5-base: #83848f;
324
- --ks-color-bg-to-fg-6-base: #a3a4ac;
325
- --ks-color-bg-to-fg-7-base: #c3c4c9;
326
- --ks-color-bg-to-fg-8-base: #dfdfe2;
327
- --ks-color-bg-to-fg-9-base: #f3f3f4;
328
- --ks-color-bg-inverted-base: #f1f1f3;
329
- --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
330
- --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
331
- --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
332
- --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
333
- --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
334
- --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
335
- --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
336
- --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
337
- --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
338
- --ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
339
- --ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
340
- --ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
341
- --ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
342
- --ks-color-bg-inverted-to-fg-5-base: #7c7d89;
343
- --ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
344
- --ks-color-bg-inverted-to-fg-7-base: #3e4052;
345
- --ks-color-bg-inverted-to-fg-8-base: #25263b;
346
- --ks-color-bg-inverted-to-fg-9-base: #12142a;
347
- --ks-color-transparent-base: rgba(0,0,0,0);
348
- --ks-color-primary-base: #e21879;
349
- --ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
350
- --ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
351
- --ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
352
- --ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
353
- --ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
354
- --ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
355
- --ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
356
- --ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
357
- --ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
358
- --ks-color-primary-to-bg-1-base: #d71775;
359
- --ks-color-primary-to-bg-2-base: #c5166d;
360
- --ks-color-primary-to-bg-3-base: #ad1463;
361
- --ks-color-primary-to-bg-4-base: #911258;
362
- --ks-color-primary-to-bg-5-base: #74104c;
363
- --ks-color-primary-to-bg-6-base: #570e40;
364
- --ks-color-primary-to-bg-7-base: #3b0c35;
365
- --ks-color-primary-to-bg-8-base: #230a2b;
366
- --ks-color-primary-to-bg-9-base: #110924;
367
- --ks-color-primary-to-fg-1-base: #e32480;
368
- --ks-color-primary-to-fg-2-base: #e6368a;
369
- --ks-color-primary-to-fg-3-base: #e94f99;
370
- --ks-color-primary-to-fg-4-base: #ed6dab;
371
- --ks-color-primary-to-fg-5-base: #f18cbc;
372
- --ks-color-primary-to-fg-6-base: #f4aacd;
373
- --ks-color-primary-to-fg-7-base: #f8c8df;
374
- --ks-color-primary-to-fg-8-base: #fbe1ee;
375
- --ks-color-primary-to-fg-9-base: #fef3f8;
376
- --ks-color-primary-inverted-base: #4d25ef;
377
- --ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
378
- --ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
379
- --ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
380
- --ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
381
- --ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
382
- --ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
383
- --ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
384
- --ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
385
- --ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
386
- --ks-color-primary-inverted-to-bg-1-base: #552fef;
387
- --ks-color-primary-inverted-to-bg-2-base: #6240f0;
388
- --ks-color-primary-inverted-to-bg-3-base: #7456f0;
389
- --ks-color-primary-inverted-to-bg-4-base: #8a70f0;
390
- --ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
391
- --ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
392
- --ks-color-primary-inverted-to-bg-7-base: #cac0f2;
393
- --ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
394
- --ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
395
- --ks-color-primary-inverted-to-fg-1-base: #4924e5;
396
- --ks-color-primary-inverted-to-fg-2-base: #4421d4;
397
- --ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
398
- --ks-color-primary-inverted-to-fg-4-base: #331aa2;
399
- --ks-color-primary-inverted-to-fg-5-base: #2a1787;
400
- --ks-color-primary-inverted-to-fg-6-base: #20136c;
401
- --ks-color-primary-inverted-to-fg-7-base: #170f51;
402
- --ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
403
- --ks-color-primary-inverted-to-fg-9-base: #0a0929;
177
+ --ks-color-fg-inverted-to-bg-2-base: #26283c;
178
+ --ks-color-fg-inverted-to-bg-3-base: #424355;
179
+ --ks-color-fg-inverted-to-bg-4-base: #626372;
180
+ --ks-color-fg-inverted-to-bg-5-base: #83848f;
181
+ --ks-color-fg-inverted-to-bg-6-base: #a3a4ac;
182
+ --ks-color-fg-inverted-to-bg-7-base: #c3c4c9;
183
+ --ks-color-fg-inverted-to-bg-8-base: #dfdfe2;
184
+ --ks-color-fg-inverted-to-bg-9-base: #f3f3f4;
404
185
  --ks-color-link-base: #b7a5ff;
405
- --ks-color-link-alpha-1-base: rgba(183,165,255,.95);
406
- --ks-color-link-alpha-2-base: rgba(183,165,255,.87);
407
- --ks-color-link-alpha-3-base: rgba(183,165,255,.76);
408
- --ks-color-link-alpha-4-base: rgba(183,165,255,.63);
409
- --ks-color-link-alpha-5-base: rgba(183,165,255,.5);
410
- --ks-color-link-alpha-6-base: rgba(183,165,255,.37);
411
- --ks-color-link-alpha-7-base: rgba(183,165,255,.24);
412
- --ks-color-link-alpha-8-base: rgba(183,165,255,.13);
413
- --ks-color-link-alpha-9-base: rgba(183,165,255,.05);
414
- --ks-color-link-to-bg-1-base: #ae9df4;
415
- --ks-color-link-to-bg-2-base: #a091e2;
416
- --ks-color-link-to-bg-3-base: #8d7fc9;
417
- --ks-color-link-to-bg-4-base: #766bac;
418
- --ks-color-link-to-bg-5-base: #5f578f;
419
- --ks-color-link-to-bg-6-base: #474272;
420
- --ks-color-link-to-bg-7-base: #302e55;
421
- --ks-color-link-to-bg-8-base: #1d1c3c;
422
- --ks-color-link-to-bg-9-base: #0f102a;
423
- --ks-color-link-to-fg-1-base: #baf;
424
- --ks-color-link-to-fg-2-base: #c0b1ff;
425
- --ks-color-link-to-fg-3-base: #c8bbff;
426
- --ks-color-link-to-fg-4-base: #d2c6ff;
427
- --ks-color-link-to-fg-5-base: #dbd2ff;
428
- --ks-color-link-to-fg-6-base: #e4deff;
429
- --ks-color-link-to-fg-7-base: #eee9ff;
430
- --ks-color-link-to-fg-8-base: #f6f3ff;
431
- --ks-color-link-to-fg-9-base: #fbfbff;
432
186
  --ks-color-link-inverted-base: #6642f6;
433
- --ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
434
- --ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
435
- --ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
436
- --ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
437
- --ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
438
- --ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
439
- --ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
440
- --ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
441
- --ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
442
- --ks-color-link-inverted-to-bg-1-base: #6d4bf6;
443
- --ks-color-link-inverted-to-bg-2-base: #7859f6;
444
- --ks-color-link-inverted-to-bg-3-base: #876cf5;
445
- --ks-color-link-inverted-to-bg-4-base: #9983f5;
446
- --ks-color-link-inverted-to-bg-5-base: #ac9af5;
447
- --ks-color-link-inverted-to-bg-6-base: #beb0f4;
448
- --ks-color-link-inverted-to-bg-7-base: #d0c7f4;
449
- --ks-color-link-inverted-to-bg-8-base: #dfdaf3;
450
- --ks-color-link-inverted-to-bg-9-base: #eae8f3;
451
- --ks-color-link-inverted-to-fg-1-base: #613feb;
452
- --ks-color-link-inverted-to-fg-2-base: #5a3ada;
453
- --ks-color-link-inverted-to-fg-3-base: #4f34c2;
454
- --ks-color-link-inverted-to-fg-4-base: #422da6;
455
- --ks-color-link-inverted-to-fg-5-base: #36258b;
456
- --ks-color-link-inverted-to-fg-6-base: #2a1d6f;
457
- --ks-color-link-inverted-to-fg-7-base: #1d1653;
458
- --ks-color-link-inverted-to-fg-8-base: #12103b;
459
- --ks-color-link-inverted-to-fg-9-base: #0b0b2a;
187
+ --ks-color-transparent-base: rgba(0,0,0,0);
460
188
  --ks-color-positive-base: #6edb64;
461
189
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
462
190
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
@@ -476,15 +204,6 @@
476
204
  --ks-color-positive-to-bg-7-base: #1f3b30;
477
205
  --ks-color-positive-to-bg-8-base: #142328;
478
206
  --ks-color-positive-to-bg-9-base: #0b1322;
479
- --ks-color-positive-to-fg-1-base: #75dd6c;
480
- --ks-color-positive-to-fg-2-base: #81e078;
481
- --ks-color-positive-to-fg-3-base: #91e489;
482
- --ks-color-positive-to-fg-4-base: #a4e89d;
483
- --ks-color-positive-to-fg-5-base: #b7edb2;
484
- --ks-color-positive-to-fg-6-base: #c9f2c6;
485
- --ks-color-positive-to-fg-7-base: #dcf6da;
486
- --ks-color-positive-to-fg-8-base: #ecfaeb;
487
- --ks-color-positive-to-fg-9-base: #f8fdf7;
488
207
  --ks-color-positive-inverted-base: #23831b;
489
208
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
490
209
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
@@ -495,24 +214,15 @@
495
214
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
496
215
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
497
216
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
498
- --ks-color-positive-inverted-to-bg-1-base: #2d8926;
499
- --ks-color-positive-inverted-to-bg-2-base: #3e9137;
500
- --ks-color-positive-inverted-to-bg-3-base: #549d4f;
501
- --ks-color-positive-inverted-to-bg-4-base: #6fac6b;
502
- --ks-color-positive-inverted-to-bg-5-base: #8aba87;
503
- --ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
504
- --ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
505
- --ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
506
- --ks-color-positive-inverted-to-bg-9-base: #e7ece8;
507
- --ks-color-positive-inverted-to-fg-1-base: #227d1b;
508
- --ks-color-positive-inverted-to-fg-2-base: #1f731c;
509
- --ks-color-positive-inverted-to-fg-3-base: #1c651c;
510
- --ks-color-positive-inverted-to-fg-4-base: #18551c;
511
- --ks-color-positive-inverted-to-fg-5-base: #15461d;
512
- --ks-color-positive-inverted-to-fg-6-base: #11361e;
513
- --ks-color-positive-inverted-to-fg-7-base: #0d261e;
514
- --ks-color-positive-inverted-to-fg-8-base: #0a181e;
515
- --ks-color-positive-inverted-to-fg-9-base: #070e1f;
217
+ --ks-color-positive-inverted-to-bg-1-base: #2e8926;
218
+ --ks-color-positive-inverted-to-bg-2-base: #409339;
219
+ --ks-color-positive-inverted-to-bg-3-base: #58a152;
220
+ --ks-color-positive-inverted-to-bg-4-base: #74b16f;
221
+ --ks-color-positive-inverted-to-bg-5-base: #91c18d;
222
+ --ks-color-positive-inverted-to-bg-6-base: #aed1ab;
223
+ --ks-color-positive-inverted-to-bg-7-base: #cae1c8;
224
+ --ks-color-positive-inverted-to-bg-8-base: #e2efe1;
225
+ --ks-color-positive-inverted-to-bg-9-base: #f4f9f4;
516
226
  --ks-color-informative-base: #64c2db;
517
227
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
518
228
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
@@ -532,15 +242,6 @@
532
242
  --ks-color-informative-to-bg-7-base: #1d354c;
533
243
  --ks-color-informative-to-bg-8-base: #122037;
534
244
  --ks-color-informative-to-bg-9-base: #0b1128;
535
- --ks-color-informative-to-fg-1-base: #6cc5dd;
536
- --ks-color-informative-to-fg-2-base: #78cae0;
537
- --ks-color-informative-to-fg-3-base: #89d1e4;
538
- --ks-color-informative-to-fg-4-base: #9dd9e8;
539
- --ks-color-informative-to-fg-5-base: #b2e1ed;
540
- --ks-color-informative-to-fg-6-base: #c6e8f2;
541
- --ks-color-informative-to-fg-7-base: #daf0f6;
542
- --ks-color-informative-to-fg-8-base: #ebf7fa;
543
- --ks-color-informative-to-fg-9-base: #f7fcfd;
544
245
  --ks-color-informative-inverted-base: #00718f;
545
246
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
546
247
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
@@ -551,24 +252,15 @@
551
252
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
552
253
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
553
254
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
554
- --ks-color-informative-inverted-to-bg-1-base: #0c7794;
555
- --ks-color-informative-inverted-to-bg-2-base: #1f829c;
556
- --ks-color-informative-inverted-to-bg-3-base: #3a90a7;
557
- --ks-color-informative-inverted-to-bg-4-base: #59a0b4;
558
- --ks-color-informative-inverted-to-bg-5-base: #79b1c1;
559
- --ks-color-informative-inverted-to-bg-6-base: #98c2ce;
560
- --ks-color-informative-inverted-to-bg-7-base: #b7d2db;
561
- --ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
562
- --ks-color-informative-inverted-to-bg-9-base: #e5ebee;
563
- --ks-color-informative-inverted-to-fg-1-base: #006c89;
564
- --ks-color-informative-inverted-to-fg-2-base: #016380;
565
- --ks-color-informative-inverted-to-fg-3-base: #015874;
566
- --ks-color-informative-inverted-to-fg-4-base: #024a66;
567
- --ks-color-informative-inverted-to-fg-5-base: #033d57;
568
- --ks-color-informative-inverted-to-fg-6-base: #042f48;
569
- --ks-color-informative-inverted-to-fg-7-base: #05213a;
570
- --ks-color-informative-inverted-to-fg-8-base: #05162e;
571
- --ks-color-informative-inverted-to-fg-9-base: #060d25;
255
+ --ks-color-informative-inverted-to-bg-1-base: #0d7895;
256
+ --ks-color-informative-inverted-to-bg-2-base: #21839e;
257
+ --ks-color-informative-inverted-to-bg-3-base: #3d93aa;
258
+ --ks-color-informative-inverted-to-bg-4-base: #5ea6b8;
259
+ --ks-color-informative-inverted-to-bg-5-base: #80b8c7;
260
+ --ks-color-informative-inverted-to-bg-6-base: #a1cad6;
261
+ --ks-color-informative-inverted-to-bg-7-base: #c2dde4;
262
+ --ks-color-informative-inverted-to-bg-8-base: #deedf0;
263
+ --ks-color-informative-inverted-to-bg-9-base: #f2f8f9;
572
264
  --ks-color-notice-base: #f9de55;
573
265
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
574
266
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
@@ -588,15 +280,6 @@
588
280
  --ks-color-notice-to-bg-7-base: #403b2c;
589
281
  --ks-color-notice-to-bg-8-base: #262426;
590
282
  --ks-color-notice-to-bg-9-base: #121322;
591
- --ks-color-notice-to-fg-1-base: #f9e05e;
592
- --ks-color-notice-to-fg-2-base: #fae26b;
593
- --ks-color-notice-to-fg-3-base: #fae67e;
594
- --ks-color-notice-to-fg-4-base: #fbea94;
595
- --ks-color-notice-to-fg-5-base: #fcefaa;
596
- --ks-color-notice-to-fg-6-base: #fdf3c0;
597
- --ks-color-notice-to-fg-7-base: #fef7d6;
598
- --ks-color-notice-to-fg-8-base: #fefbe9;
599
- --ks-color-notice-to-fg-9-base: #fffdf7;
600
283
  --ks-color-notice-inverted-base: #ff5d53;
601
284
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
602
285
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
@@ -607,24 +290,15 @@
607
290
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
608
291
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
609
292
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
610
- --ks-color-notice-inverted-to-bg-1-base: #fe645b;
611
- --ks-color-notice-inverted-to-bg-2-base: #fd7068;
612
- --ks-color-notice-inverted-to-bg-3-base: #fc8179;
613
- --ks-color-notice-inverted-to-bg-4-base: #fa948e;
614
- --ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
615
- --ks-color-notice-inverted-to-bg-6-base: #f6bab8;
616
- --ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
617
- --ks-color-notice-inverted-to-bg-8-base: #f3dede;
618
- --ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
619
- --ks-color-notice-inverted-to-fg-1-base: #f35950;
620
- --ks-color-notice-inverted-to-fg-2-base: #df524c;
621
- --ks-color-notice-inverted-to-fg-3-base: #c34947;
622
- --ks-color-notice-inverted-to-fg-4-base: #a33e40;
623
- --ks-color-notice-inverted-to-fg-5-base: #833339;
624
- --ks-color-notice-inverted-to-fg-6-base: #622732;
625
- --ks-color-notice-inverted-to-fg-7-base: #421c2b;
626
- --ks-color-notice-inverted-to-fg-8-base: #261326;
627
- --ks-color-notice-inverted-to-fg-9-base: #120c22;
293
+ --ks-color-notice-inverted-to-bg-1-base: #ff655c;
294
+ --ks-color-notice-inverted-to-bg-2-base: #ff7269;
295
+ --ks-color-notice-inverted-to-bg-3-base: #ff847c;
296
+ --ks-color-notice-inverted-to-bg-4-base: #ff9993;
297
+ --ks-color-notice-inverted-to-bg-5-base: #ffaea9;
298
+ --ks-color-notice-inverted-to-bg-6-base: #ffc3bf;
299
+ --ks-color-notice-inverted-to-bg-7-base: #ffd8d6;
300
+ --ks-color-notice-inverted-to-bg-8-base: #ffeae9;
301
+ --ks-color-notice-inverted-to-bg-9-base: #fff7f6;
628
302
  --ks-color-negative-base: #ff1a57;
629
303
  --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
630
304
  --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
@@ -644,15 +318,6 @@
644
318
  --ks-color-negative-to-bg-7-base: #420c2c;
645
319
  --ks-color-negative-to-bg-8-base: #260a26;
646
320
  --ks-color-negative-to-bg-9-base: #120922;
647
- --ks-color-negative-to-fg-1-base: #ff255f;
648
- --ks-color-negative-to-fg-2-base: #ff386d;
649
- --ks-color-negative-to-fg-3-base: #ff517f;
650
- --ks-color-negative-to-fg-4-base: #ff6f95;
651
- --ks-color-negative-to-fg-5-base: #ff8dab;
652
- --ks-color-negative-to-fg-6-base: #ffaac1;
653
- --ks-color-negative-to-fg-7-base: #ffc8d7;
654
- --ks-color-negative-to-fg-8-base: #ffe1e9;
655
- --ks-color-negative-to-fg-9-base: #fff4f7;
656
321
  --ks-color-negative-inverted-base: #d21d48;
657
322
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
658
323
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
@@ -664,79 +329,90 @@
664
329
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
665
330
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
666
331
  --ks-color-negative-inverted-to-bg-1-base: #d42851;
667
- --ks-color-negative-inverted-to-bg-2-base: #d6395e;
668
- --ks-color-negative-inverted-to-bg-3-base: #d95071;
669
- --ks-color-negative-inverted-to-bg-4-base: #dd6b87;
670
- --ks-color-negative-inverted-to-bg-5-base: #e2879e;
671
- --ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
672
- --ks-color-negative-inverted-to-bg-7-base: #eabeca;
673
- --ks-color-negative-inverted-to-bg-8-base: #edd5dd;
674
- --ks-color-negative-inverted-to-bg-9-base: #efe6ea;
675
- --ks-color-negative-inverted-to-fg-1-base: #c81c46;
676
- --ks-color-negative-inverted-to-fg-2-base: #b71a43;
677
- --ks-color-negative-inverted-to-fg-3-base: #a1183e;
678
- --ks-color-negative-inverted-to-fg-4-base: #871539;
679
- --ks-color-negative-inverted-to-fg-5-base: #6c1334;
680
- --ks-color-negative-inverted-to-fg-6-base: #51102e;
681
- --ks-color-negative-inverted-to-fg-7-base: #370d29;
682
- --ks-color-negative-inverted-to-fg-8-base: #210b24;
683
- --ks-color-negative-inverted-to-fg-9-base: #100921;
684
- --ks-color-secondary-base: #4d25ef;
685
- --ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
686
- --ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
687
- --ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
688
- --ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
689
- --ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
690
- --ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
691
- --ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
692
- --ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
693
- --ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
694
- --ks-color-secondary-to-bg-1-base: #4924e5;
695
- --ks-color-secondary-to-bg-2-base: #4421d4;
696
- --ks-color-secondary-to-bg-3-base: #3c1ebd;
697
- --ks-color-secondary-to-bg-4-base: #331aa2;
698
- --ks-color-secondary-to-bg-5-base: #2a1787;
699
- --ks-color-secondary-to-bg-6-base: #20136c;
700
- --ks-color-secondary-to-bg-7-base: #170f51;
701
- --ks-color-secondary-to-bg-8-base: #0f0c3a;
702
- --ks-color-secondary-to-bg-9-base: #0a0929;
703
- --ks-color-secondary-to-fg-1-base: #5630f0;
704
- --ks-color-secondary-to-fg-2-base: #6441f1;
705
- --ks-color-secondary-to-fg-3-base: #7859f3;
706
- --ks-color-secondary-to-fg-4-base: #8f76f5;
707
- --ks-color-secondary-to-fg-5-base: #a692f7;
708
- --ks-color-secondary-to-fg-6-base: #bdaef9;
709
- --ks-color-secondary-to-fg-7-base: #d4cbfb;
710
- --ks-color-secondary-to-fg-8-base: #e8e3fd;
711
- --ks-color-secondary-to-fg-9-base: #f6f4fe;
712
- --ks-color-secondary-inverted-base: #e21879;
713
- --ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
714
- --ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
715
- --ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
716
- --ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
717
- --ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
718
- --ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
719
- --ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
720
- --ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
721
- --ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
722
- --ks-color-secondary-inverted-to-bg-1-base: #e3237f;
723
- --ks-color-secondary-inverted-to-bg-2-base: #e43489;
724
- --ks-color-secondary-inverted-to-bg-3-base: #e64c96;
725
- --ks-color-secondary-inverted-to-bg-4-base: #e868a6;
726
- --ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
727
- --ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
728
- --ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
729
- --ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
730
- --ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
731
- --ks-color-secondary-inverted-to-fg-1-base: #d71775;
732
- --ks-color-secondary-inverted-to-fg-2-base: #c5166d;
733
- --ks-color-secondary-inverted-to-fg-3-base: #ad1463;
734
- --ks-color-secondary-inverted-to-fg-4-base: #911258;
735
- --ks-color-secondary-inverted-to-fg-5-base: #74104c;
736
- --ks-color-secondary-inverted-to-fg-6-base: #570e40;
737
- --ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
738
- --ks-color-secondary-inverted-to-fg-8-base: #230a2b;
739
- --ks-color-secondary-inverted-to-fg-9-base: #110924;
332
+ --ks-color-negative-inverted-to-bg-2-base: #d83a60;
333
+ --ks-color-negative-inverted-to-bg-3-base: #dd5374;
334
+ --ks-color-negative-inverted-to-bg-4-base: #e3718c;
335
+ --ks-color-negative-inverted-to-bg-5-base: #e98ea4;
336
+ --ks-color-negative-inverted-to-bg-6-base: #eeabbb;
337
+ --ks-color-negative-inverted-to-bg-7-base: #f4c9d3;
338
+ --ks-color-negative-inverted-to-bg-8-base: #f9e2e7;
339
+ --ks-color-negative-inverted-to-bg-9-base: #fdf4f6;
340
+ --ks-color-secondary-base: #e21879;
341
+ --ks-color-secondary-alpha-1-base: rgba(226,24,121,.95);
342
+ --ks-color-secondary-alpha-2-base: rgba(226,24,121,.87);
343
+ --ks-color-secondary-alpha-3-base: rgba(226,24,121,.76);
344
+ --ks-color-secondary-alpha-4-base: rgba(226,24,121,.63);
345
+ --ks-color-secondary-alpha-5-base: rgba(226,24,121,.5);
346
+ --ks-color-secondary-alpha-6-base: rgba(226,24,121,.37);
347
+ --ks-color-secondary-alpha-7-base: rgba(226,24,121,.24);
348
+ --ks-color-secondary-alpha-8-base: rgba(226,24,121,.13);
349
+ --ks-color-secondary-alpha-9-base: rgba(226,24,121,.05);
350
+ --ks-color-secondary-to-bg-1-base: #d71775;
351
+ --ks-color-secondary-to-bg-2-base: #c5166d;
352
+ --ks-color-secondary-to-bg-3-base: #ad1463;
353
+ --ks-color-secondary-to-bg-4-base: #911258;
354
+ --ks-color-secondary-to-bg-5-base: #74104c;
355
+ --ks-color-secondary-to-bg-6-base: #570e40;
356
+ --ks-color-secondary-to-bg-7-base: #3b0c35;
357
+ --ks-color-secondary-to-bg-8-base: #230a2b;
358
+ --ks-color-secondary-to-bg-9-base: #110924;
359
+ --ks-color-secondary-inverted-base: #5435d2;
360
+ --ks-color-secondary-inverted-alpha-1-base: rgba(84,53,210,.95);
361
+ --ks-color-secondary-inverted-alpha-2-base: rgba(84,53,210,.87);
362
+ --ks-color-secondary-inverted-alpha-3-base: rgba(84,53,210,.76);
363
+ --ks-color-secondary-inverted-alpha-4-base: rgba(84,53,210,.63);
364
+ --ks-color-secondary-inverted-alpha-5-base: rgba(84,53,210,.5);
365
+ --ks-color-secondary-inverted-alpha-6-base: rgba(84,53,210,.37);
366
+ --ks-color-secondary-inverted-alpha-7-base: rgba(84,53,210,.24);
367
+ --ks-color-secondary-inverted-alpha-8-base: rgba(84,53,210,.13);
368
+ --ks-color-secondary-inverted-alpha-9-base: rgba(84,53,210,.05);
369
+ --ks-color-secondary-inverted-to-bg-1-base: #5d3fd4;
370
+ --ks-color-secondary-inverted-to-bg-2-base: #6a4fd8;
371
+ --ks-color-secondary-inverted-to-bg-3-base: #7d65dd;
372
+ --ks-color-secondary-inverted-to-bg-4-base: #9380e3;
373
+ --ks-color-secondary-inverted-to-bg-5-base: #aa9ae9;
374
+ --ks-color-secondary-inverted-to-bg-6-base: #c0b4ee;
375
+ --ks-color-secondary-inverted-to-bg-7-base: #d6cff4;
376
+ --ks-color-secondary-inverted-to-bg-8-base: #e9e5f9;
377
+ --ks-color-secondary-inverted-to-bg-9-base: #f6f5fd;
378
+ --ks-color-bg-base: #06081f;
379
+ --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
380
+ --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
381
+ --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
382
+ --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
383
+ --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
384
+ --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
385
+ --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
386
+ --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
387
+ --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
388
+ --ks-color-bg-to-bg-1-base: #06081f;
389
+ --ks-color-bg-to-bg-2-base: #06081f;
390
+ --ks-color-bg-to-bg-3-base: #06081f;
391
+ --ks-color-bg-to-bg-4-base: #06081f;
392
+ --ks-color-bg-to-bg-5-base: #06081f;
393
+ --ks-color-bg-to-bg-6-base: #06081f;
394
+ --ks-color-bg-to-bg-7-base: #06081f;
395
+ --ks-color-bg-to-bg-8-base: #06081f;
396
+ --ks-color-bg-to-bg-9-base: #06081f;
397
+ --ks-color-bg-inverted-base: #f1f1f3;
398
+ --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
399
+ --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
400
+ --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
401
+ --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
402
+ --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
403
+ --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
404
+ --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
405
+ --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
406
+ --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
407
+ --ks-color-bg-inverted-to-bg-1-base: #f2f2f4;
408
+ --ks-color-bg-inverted-to-bg-2-base: #f3f3f5;
409
+ --ks-color-bg-inverted-to-bg-3-base: #f4f4f6;
410
+ --ks-color-bg-inverted-to-bg-4-base: #f6f6f7;
411
+ --ks-color-bg-inverted-to-bg-5-base: #f8f8f9;
412
+ --ks-color-bg-inverted-to-bg-6-base: #fafafb;
413
+ --ks-color-bg-inverted-to-bg-7-base: #fcfcfc;
414
+ --ks-color-bg-inverted-to-bg-8-base: #fdfdfd;
415
+ --ks-color-bg-inverted-to-bg-9-base: #fefefe;
740
416
  --ks-depth-modal: 1000;
741
417
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
742
418
  --ks-spacing-xxs-base: 0.246rem;
@@ -807,114 +483,34 @@
807
483
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
808
484
  --ks-text-color-default-base: var(--ks-color-fg-base);
809
485
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
810
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
811
- --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
812
- --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
813
- --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
486
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-fg-base);
487
+ --ks-text-color-default-interactive-active-base: var(--ks-color-fg-base);
488
+ --ks-text-color-default-interactive-visited-base: var(--ks-color-fg-base);
489
+ --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
814
490
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
815
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
816
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
817
- --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
818
- --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
819
- --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
820
- --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
821
- --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
822
- --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
823
- --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
824
- --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
825
- --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
826
- --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
827
- --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
828
- --ks-text-color-display-base: var(--ks-color-fg-base);
829
- --ks-text-color-display-interactive-base: var(--ks-color-link-base);
830
- --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
831
- --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
832
- --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
833
- --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
834
- --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
835
- --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
836
- --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
837
- --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
838
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
491
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
492
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
493
+ --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
494
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-3-base);
839
495
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
840
496
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
841
497
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
842
- --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
843
- --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
498
+ --ks-text-color-interface-interactive-visited-base: var(--ks-color-fg-base);
499
+ --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
844
500
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
845
501
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
846
502
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
847
- --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
848
- --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
849
- --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
850
- --ks-text-color-card-interactive-hover-base: #000;
851
- --ks-text-color-card-interactive-active-base: #000;
852
- --ks-text-color-card-interactive-selected-base: #000;
853
- --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
854
- --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
855
- --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
856
- --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
857
- --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
858
- --ks-text-color-primary-base: var(--ks-color-primary-base);
859
- --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
860
- --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
861
- --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
862
- --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
863
- --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
864
- --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
865
- --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
866
- --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
867
- --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
868
- --ks-text-color-positive-base: var(--ks-color-positive-base);
869
- --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
870
- --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
871
- --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
872
- --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
873
- --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
874
- --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
875
- --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
876
- --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
877
- --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
878
- --ks-text-color-informative-base: var(--ks-color-informative-base);
879
- --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
880
- --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
881
- --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
882
- --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
883
- --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
884
- --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
885
- --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
886
- --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
887
- --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
888
- --ks-text-color-notice-base: var(--ks-color-notice-base);
889
- --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
890
- --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
891
- --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
892
- --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
893
- --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
894
- --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
895
- --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
896
- --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
897
- --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
898
- --ks-text-color-negative-base: var(--ks-color-negative-base);
899
- --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
900
- --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
901
- --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
902
- --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
903
- --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
904
- --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
905
- --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
906
- --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
907
- --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
908
- --ks-text-color-secondary-base: var(--ks-color-secondary-base);
909
- --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
910
- --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
911
- --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
912
- --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
913
- --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
914
- --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
915
- --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
916
- --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
917
- --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
503
+ --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
504
+ --ks-text-color-primary-base: var(--ks-color-secondary-base);
505
+ --ks-text-color-primary-interactive-base: var(--ks-color-secondary-base);
506
+ --ks-text-color-primary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
507
+ --ks-text-color-primary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
508
+ --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-3-base);
509
+ --ks-text-color-primary-inverted-base: var(--ks-color-secondary-inverted-base);
510
+ --ks-text-color-primary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
511
+ --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
512
+ --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
513
+ --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-secondary-inverted-alpha-3-base);
918
514
  --ks-duration-immediate: 50ms;
919
515
  --ks-duration-fast: 100ms;
920
516
  --ks-duration-medium: 150ms;
@@ -924,7 +520,7 @@
924
520
  --ks-timing-function-ease-in: ease-in;
925
521
  --ks-timing-function-ease-in-out: ease-in-out;
926
522
  --ks-timing-function-linear: linear;
927
- --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
523
+ --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
928
524
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
929
525
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
930
526
  --ks-font-family-display: Fredoka, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
@@ -939,14 +535,14 @@
939
535
  --ks-font-size-display-bp-factor-phone: 1.125;
940
536
  --ks-font-size-display-bp-factor-tablet: 1.25;
941
537
  --ks-font-size-display-bp-factor-laptop: 1.5;
942
- --ks-font-size-display-bp-factor-desktop: 1.75;
943
- --ks-font-size-display-xxs-base: 0.68rem;
944
- --ks-font-size-display-xs-base: 0.833rem;
945
- --ks-font-size-display-s-base: 1.0204rem;
538
+ --ks-font-size-display-bp-factor-desktop: 1.65;
539
+ --ks-font-size-display-xxs-base: 0.65rem;
540
+ --ks-font-size-display-xs-base: 0.8rem;
541
+ --ks-font-size-display-s-base: 1rem;
946
542
  --ks-font-size-display-m-base: 1.25rem;
947
- --ks-font-size-display-l-base: 1.5313rem;
948
- --ks-font-size-display-xl-base: 1.8758rem;
949
- --ks-font-size-display-xxl-base: 2.2978rem;
543
+ --ks-font-size-display-l-base: 1.5rem;
544
+ --ks-font-size-display-xl-base: 2rem;
545
+ --ks-font-size-display-xxl-base: 2.5rem;
950
546
  --ks-font-size-copy-bp-factor-tablet: 1.125;
951
547
  --ks-font-size-copy-xxs-base: 0.612rem;
952
548
  --ks-font-size-copy-xs-base: 0.7497rem;
@@ -982,9 +578,9 @@
982
578
  --ks-line-height-copy-xs: 1.5;
983
579
  --ks-line-height-copy-s: 1.5;
984
580
  --ks-line-height-copy-m: 1.5;
985
- --ks-line-height-copy-l: 1.5;
986
- --ks-line-height-copy-xl: 1.5;
987
- --ks-line-height-copy-xxl: 1.5;
581
+ --ks-line-height-copy-l: 1.45;
582
+ --ks-line-height-copy-xl: 1.35;
583
+ --ks-line-height-copy-xxl: 1.35;
988
584
  --ks-line-height-interface-xxs: 1.5;
989
585
  --ks-line-height-interface-xs: 1.5;
990
586
  --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
 
1879
1089
  [ks-inverted=true] {
@@ -1905,18 +1115,6 @@
1905
1115
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1906
1116
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1907
1117
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1908
- --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1909
- --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1910
- --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1911
- --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1912
- --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1913
- --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1914
- --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1915
- --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1916
- --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1917
- --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1918
- --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1919
- --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1920
1118
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1921
1119
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1922
1120
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
@@ -1929,66 +1127,6 @@
1929
1127
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1930
1128
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1931
1129
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1932
- --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1933
- --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1934
- --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1935
- --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1936
- --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1937
- --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1938
- --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1939
- --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1940
- --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1941
- --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1942
- --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1943
- --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1944
- --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1945
- --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1946
- --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1947
- --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1948
- --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1949
- --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1950
- --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1951
- --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1952
- --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1953
- --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1954
- --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1955
- --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1956
- --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1957
- --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1958
- --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1959
- --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1960
- --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1961
- --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1962
- --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1963
- --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1964
- --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1965
- --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1966
- --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1967
- --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1968
- --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1969
- --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1970
- --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1971
- --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1972
- --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1973
- --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1974
- --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1975
- --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1976
- --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1977
- --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1978
- --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1979
- --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1980
- --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
1981
- --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
1982
- --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1983
- --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
1984
- --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1985
- --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1986
- --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1987
- --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1988
- --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1989
- --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1990
- --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1991
- --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1992
1130
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1993
1131
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1994
1132
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -2015,18 +1153,6 @@
2015
1153
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
2016
1154
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
2017
1155
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
2018
- --ks-border-color-card: var(--ks-border-color-card-inverted-base);
2019
- --ks-border-color-card-inverted: var(--ks-border-color-card-base);
2020
- --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
2021
- --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
2022
- --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
2023
- --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
2024
- --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
2025
- --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
2026
- --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
2027
- --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
2028
- --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
2029
- --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
2030
1156
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
2031
1157
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
2032
1158
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
@@ -2039,142 +1165,6 @@
2039
1165
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
2040
1166
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
2041
1167
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
2042
- --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
2043
- --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
2044
- --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
2045
- --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
2046
- --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
2047
- --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
2048
- --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
2049
- --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
2050
- --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
2051
- --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
2052
- --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
2053
- --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
2054
- --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
2055
- --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
2056
- --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
2057
- --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
2058
- --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
2059
- --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
2060
- --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
2061
- --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
2062
- --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
2063
- --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
2064
- --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
2065
- --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
2066
- --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
2067
- --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
2068
- --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
2069
- --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
2070
- --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
2071
- --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
2072
- --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
2073
- --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
2074
- --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
2075
- --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
2076
- --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
2077
- --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
2078
- --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
2079
- --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
2080
- --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
2081
- --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
2082
- --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
2083
- --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
2084
- --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
2085
- --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
2086
- --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
2087
- --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
2088
- --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
2089
- --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2090
- --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2091
- --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2092
- --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2093
- --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2094
- --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2095
- --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2096
- --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2097
- --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2098
- --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2099
- --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2100
- --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2101
- --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
2102
- --ks-color-fg: var(--ks-color-fg-inverted-base);
2103
- --ks-color-fg-inverted: var(--ks-color-fg-base);
2104
- --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
2105
- --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
2106
- --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
2107
- --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
2108
- --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
2109
- --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
2110
- --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
2111
- --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
2112
- --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
2113
- --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
2114
- --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
2115
- --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
2116
- --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
2117
- --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
2118
- --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
2119
- --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
2120
- --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
2121
- --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
2122
- --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
2123
- --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
2124
- --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
2125
- --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
2126
- --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
2127
- --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
2128
- --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
2129
- --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
2130
- --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
2131
- --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
2132
- --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
2133
- --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
2134
- --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
2135
- --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
2136
- --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
2137
- --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
2138
- --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
2139
- --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2140
- --ks-color-bg: var(--ks-color-bg-inverted-base);
2141
- --ks-color-bg-inverted: var(--ks-color-bg-base);
2142
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
2143
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
2144
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
2145
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
2146
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
2147
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
2148
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
2149
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
2150
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
2151
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
2152
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
2153
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
2154
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
2155
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
2156
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
2157
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
2158
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
2159
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
2160
- --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
2161
- --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
2162
- --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
2163
- --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
2164
- --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
2165
- --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
2166
- --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
2167
- --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
2168
- --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
2169
- --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
2170
- --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
2171
- --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
2172
- --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
2173
- --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
2174
- --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
2175
- --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
2176
- --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
2177
- --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
2178
1168
  --ks-color-primary: var(--ks-color-primary-inverted-base);
2179
1169
  --ks-color-primary-inverted: var(--ks-color-primary-base);
2180
1170
  --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
@@ -2213,80 +1203,46 @@
2213
1203
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2214
1204
  --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2215
1205
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2216
- --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2217
- --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2218
- --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2219
- --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2220
- --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2221
- --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2222
- --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2223
- --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2224
- --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2225
- --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2226
- --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2227
- --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2228
- --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2229
- --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2230
- --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2231
- --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2232
- --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2233
- --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1206
+ --ks-color-fg: var(--ks-color-fg-inverted-base);
1207
+ --ks-color-fg-inverted: var(--ks-color-fg-base);
1208
+ --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1209
+ --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
1210
+ --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1211
+ --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
1212
+ --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1213
+ --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
1214
+ --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1215
+ --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
1216
+ --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1217
+ --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
1218
+ --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1219
+ --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
1220
+ --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1221
+ --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
1222
+ --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1223
+ --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
1224
+ --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1225
+ --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
1226
+ --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1227
+ --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1228
+ --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1229
+ --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1230
+ --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1231
+ --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1232
+ --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1233
+ --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1234
+ --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1235
+ --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1236
+ --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1237
+ --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1238
+ --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1239
+ --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1240
+ --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1241
+ --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1242
+ --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1243
+ --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2234
1244
  --ks-color-link: var(--ks-color-link-inverted-base);
2235
1245
  --ks-color-link-inverted: var(--ks-color-link-base);
2236
- --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2237
- --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2238
- --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2239
- --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2240
- --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2241
- --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2242
- --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2243
- --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2244
- --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2245
- --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2246
- --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2247
- --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2248
- --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2249
- --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2250
- --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2251
- --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2252
- --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2253
- --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2254
- --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2255
- --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2256
- --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2257
- --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2258
- --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2259
- --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2260
- --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2261
- --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2262
- --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2263
- --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2264
- --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2265
- --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2266
- --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2267
- --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2268
- --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2269
- --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2270
- --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2271
- --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2272
- --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2273
- --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2274
- --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2275
- --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2276
- --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2277
- --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2278
- --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2279
- --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2280
- --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2281
- --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2282
- --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2283
- --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2284
- --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2285
- --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2286
- --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2287
- --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2288
- --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2289
- --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
2290
1246
  --ks-color-positive: var(--ks-color-positive-inverted-base);
2291
1247
  --ks-color-positive-inverted: var(--ks-color-positive-base);
2292
1248
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
@@ -2325,24 +1281,6 @@
2325
1281
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
2326
1282
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
2327
1283
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2328
- --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2329
- --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2330
- --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2331
- --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2332
- --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2333
- --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2334
- --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2335
- --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2336
- --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2337
- --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2338
- --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2339
- --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2340
- --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2341
- --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2342
- --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2343
- --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2344
- --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2345
- --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
2346
1284
  --ks-color-informative: var(--ks-color-informative-inverted-base);
2347
1285
  --ks-color-informative-inverted: var(--ks-color-informative-base);
2348
1286
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
@@ -2381,24 +1319,6 @@
2381
1319
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
2382
1320
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
2383
1321
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2384
- --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2385
- --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2386
- --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2387
- --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2388
- --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2389
- --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2390
- --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2391
- --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2392
- --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2393
- --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2394
- --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2395
- --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2396
- --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2397
- --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2398
- --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2399
- --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2400
- --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2401
- --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
2402
1322
  --ks-color-notice: var(--ks-color-notice-inverted-base);
2403
1323
  --ks-color-notice-inverted: var(--ks-color-notice-base);
2404
1324
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
@@ -2437,24 +1357,6 @@
2437
1357
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
2438
1358
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
2439
1359
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2440
- --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2441
- --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2442
- --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2443
- --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2444
- --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2445
- --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2446
- --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2447
- --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2448
- --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2449
- --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2450
- --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2451
- --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2452
- --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2453
- --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2454
- --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2455
- --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2456
- --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2457
- --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
2458
1360
  --ks-color-negative: var(--ks-color-negative-inverted-base);
2459
1361
  --ks-color-negative-inverted: var(--ks-color-negative-base);
2460
1362
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
@@ -2493,24 +1395,6 @@
2493
1395
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
2494
1396
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
2495
1397
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2496
- --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2497
- --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2498
- --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2499
- --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2500
- --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2501
- --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2502
- --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2503
- --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2504
- --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2505
- --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2506
- --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2507
- --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2508
- --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2509
- --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2510
- --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2511
- --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2512
- --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2513
- --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2514
1398
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
2515
1399
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
2516
1400
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
@@ -2549,24 +1433,44 @@
2549
1433
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
2550
1434
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
2551
1435
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
2552
- --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2553
- --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2554
- --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2555
- --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2556
- --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2557
- --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2558
- --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2559
- --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2560
- --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2561
- --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2562
- --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2563
- --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2564
- --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2565
- --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2566
- --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2567
- --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2568
- --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2569
- --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1436
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
1437
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
1438
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1439
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1440
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1441
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1442
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1443
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1444
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1445
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1446
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1447
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1448
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1449
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1450
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1451
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1452
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1453
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1454
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1455
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1456
+ --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1457
+ --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1458
+ --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1459
+ --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1460
+ --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1461
+ --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1462
+ --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1463
+ --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1464
+ --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1465
+ --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1466
+ --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1467
+ --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1468
+ --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1469
+ --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1470
+ --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1471
+ --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1472
+ --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1473
+ --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
2570
1474
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2571
1475
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2572
1476
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -2575,28 +1479,8 @@
2575
1479
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
2576
1480
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
2577
1481
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
2578
- --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2579
- --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2580
- --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2581
- --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2582
- --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2583
- --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2584
- --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2585
- --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2586
- --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2587
- --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2588
- --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2589
- --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2590
- --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2591
- --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2592
- --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2593
- --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2594
- --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2595
- --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2596
- --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2597
- --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2598
- --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2599
- --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1482
+ --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1483
+ --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
2600
1484
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
2601
1485
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
2602
1486
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
@@ -2605,18 +1489,8 @@
2605
1489
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
2606
1490
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
2607
1491
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
2608
- --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2609
- --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2610
- --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2611
- --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2612
- --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2613
- --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2614
- --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2615
- --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2616
- --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2617
- --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2618
- --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2619
- --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1492
+ --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1493
+ --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
2620
1494
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
2621
1495
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
2622
1496
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
@@ -2625,58 +1499,8 @@
2625
1499
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
2626
1500
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
2627
1501
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
2628
- --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2629
- --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2630
- --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2631
- --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2632
- --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2633
- --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2634
- --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2635
- --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2636
- --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2637
- --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2638
- --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2639
- --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2640
- --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2641
- --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2642
- --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2643
- --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2644
- --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2645
- --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2646
- --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2647
- --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2648
- --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2649
- --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2650
- --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2651
- --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2652
- --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2653
- --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2654
- --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2655
- --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2656
- --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2657
- --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2658
- --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2659
- --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2660
- --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2661
- --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2662
- --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2663
- --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2664
- --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2665
- --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2666
- --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2667
- --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2668
- --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2669
- --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2670
- --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2671
- --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2672
- --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2673
- --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2674
- --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2675
- --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2676
- --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2677
- --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2678
- --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2679
- --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1502
+ --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1503
+ --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
2680
1504
  }
2681
1505
 
2682
1506
  @media (min-width: 36em) {