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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,51 +1,123 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Feb 2024 16:41:48 GMT
3
+ * Generated on Thu, 29 Feb 2024 18:10:39 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
7
- --ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
8
- --ks-background-color-accent-inverted-base: var(--ks-color-bg-inverted-alpha-2-base);
9
- --ks-background-color-bold-base: var(--ks-color-primary-alpha-7-base);
10
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-base);
7
+ --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
8
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
9
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
10
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
11
11
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
12
- --ks-background-color-clear-interactive-base: var(--ks-color-fg-alpha-8-base);
13
- --ks-background-color-clear-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
14
- --ks-background-color-clear-interactive-active-base: var(--ks-color-fg-alpha-6-base);
15
- --ks-background-color-clear-interactive-selected-base: var(--ks-color-fg-alpha-6-base);
12
+ --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
13
+ --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
14
+ --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
15
+ --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
16
16
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
17
- --ks-background-color-clear-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
18
- --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
19
- --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
20
- --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
21
- --ks-background-color-default-base: var(--ks-color-fg-inverted-base);
17
+ --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
18
+ --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
19
+ --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
20
+ --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
21
+ --ks-background-color-default-base: var(--ks-color-bg-base);
22
22
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
23
23
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
24
- --ks-background-color-interface-interactive-base: var(--ks-color-transparent-base);
24
+ --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
25
25
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
26
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
27
- --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-9-base);
26
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
27
+ --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
28
28
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
29
29
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
30
- --ks-background-color-interface-inverted-interactive-base: var(--ks-color-transparent-base);
30
+ --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
31
31
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
32
- --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
33
- --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
32
+ --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
33
+ --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
34
34
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
+ --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
36
+ --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
37
+ --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
38
+ --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
39
+ --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
40
+ --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
41
+ --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
42
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
43
+ --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
44
+ --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
45
+ --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
46
+ --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
47
  --ks-background-color-primary-base: var(--ks-color-primary-base);
36
48
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
37
49
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
38
- --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
39
- --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
50
+ --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
51
+ --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
52
+ --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
41
53
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
42
54
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
43
55
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
44
- --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
45
- --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
46
- --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
47
- --ks-border-color-accent-base: var(--ks-color-fg-alpha-8-base);
48
- --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
56
+ --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
57
+ --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
58
+ --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
59
+ --ks-background-color-positive-base: var(--ks-color-positive-base);
60
+ --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
61
+ --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
62
+ --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
63
+ --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
64
+ --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
65
+ --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
66
+ --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
67
+ --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
68
+ --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
69
+ --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
70
+ --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
71
+ --ks-background-color-informative-base: var(--ks-color-informative-base);
72
+ --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
73
+ --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
74
+ --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
75
+ --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
76
+ --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
77
+ --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
78
+ --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
79
+ --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
80
+ --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
81
+ --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
82
+ --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
83
+ --ks-background-color-notice-base: var(--ks-color-notice-base);
84
+ --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
85
+ --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
86
+ --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
87
+ --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
88
+ --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
89
+ --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
90
+ --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
91
+ --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
92
+ --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
93
+ --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
94
+ --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
95
+ --ks-background-color-negative-base: var(--ks-color-negative-base);
96
+ --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
97
+ --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
98
+ --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
99
+ --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
100
+ --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
101
+ --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
102
+ --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
103
+ --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
+ --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
105
+ --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
106
+ --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
107
+ --ks-background-color-secondary-base: var(--ks-color-secondary-base);
108
+ --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
109
+ --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
110
+ --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
111
+ --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
112
+ --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
113
+ --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
114
+ --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
115
+ --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
+ --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
117
+ --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
118
+ --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
119
+ --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
120
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
49
121
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
50
122
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
51
123
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -58,18 +130,30 @@
58
130
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
59
131
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
60
132
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
61
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-9-base);
133
+ --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
62
134
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
63
135
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
64
- --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-3-base);
65
- --ks-border-color-interface-interactive-active-base: var(--ks-color-secondary-base);
66
- --ks-border-color-interface-interactive-selected-base: var(--ks-color-fg-alpha-5-base);
67
- --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
136
+ --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
137
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
138
+ --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
139
+ --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
68
140
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
69
- --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
70
- --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
71
- --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-secondary-inverted-base);
72
- --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-5-base);
141
+ --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
142
+ --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
143
+ --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
144
+ --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
145
+ --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
146
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
147
+ --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
148
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
149
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
150
+ --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
151
+ --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
152
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
153
+ --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
154
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
155
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
156
+ --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
73
157
  --ks-border-color-primary-base: var(--ks-color-primary-base);
74
158
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
75
159
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
@@ -82,6 +166,66 @@
82
166
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
83
167
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
84
168
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
169
+ --ks-border-color-positive-base: var(--ks-color-positive-base);
170
+ --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
171
+ --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
172
+ --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
173
+ --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
174
+ --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
175
+ --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
176
+ --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
177
+ --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
178
+ --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
179
+ --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
180
+ --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
181
+ --ks-border-color-informative-base: var(--ks-color-informative-base);
182
+ --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
183
+ --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
184
+ --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
185
+ --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
186
+ --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
187
+ --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
188
+ --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
189
+ --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
190
+ --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
191
+ --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
192
+ --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
193
+ --ks-border-color-notice-base: var(--ks-color-notice-base);
194
+ --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
195
+ --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
196
+ --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
197
+ --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
198
+ --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
199
+ --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
200
+ --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
201
+ --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
202
+ --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
203
+ --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
204
+ --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
205
+ --ks-border-color-negative-base: var(--ks-color-negative-base);
206
+ --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
207
+ --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
208
+ --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
209
+ --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
210
+ --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
211
+ --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
212
+ --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
213
+ --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
214
+ --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
215
+ --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
216
+ --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
217
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
218
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
219
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
220
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
221
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
222
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
223
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
224
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
225
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
226
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
227
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
228
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
85
229
  --ks-border-width-default: 1px;
86
230
  --ks-border-width-emphasized: 2px;
87
231
  --ks-border-radius-control: 8px;
@@ -91,60 +235,40 @@
91
235
  --ks-border-radius-circle: 50%;
92
236
  --ks-box-shadow-opacity-control: 0.2;
93
237
  --ks-box-shadow-opacity-control-hover: 0.3;
238
+ --ks-box-shadow-opacity-control-inverted: 0.2;
239
+ --ks-box-shadow-opacity-control-inverted-hover: 0.3;
94
240
  --ks-box-shadow-opacity-card: 0.2;
95
241
  --ks-box-shadow-opacity-card-hover: 0.3;
242
+ --ks-box-shadow-opacity-card-inverted: 0.2;
243
+ --ks-box-shadow-opacity-card-inverted-hover: 0.3;
96
244
  --ks-box-shadow-opacity-surface: 0.1;
97
245
  --ks-box-shadow-opacity-surface-hover: 0.2;
246
+ --ks-box-shadow-opacity-surface-inverted: 0.1;
247
+ --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
98
248
  --ks-box-shadow-color-control: rgba(44,44,44,var(--ks-box-shadow-opacity-control));
99
249
  --ks-box-shadow-color-control-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-control-hover));
250
+ --ks-box-shadow-color-control-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-control-inverted));
251
+ --ks-box-shadow-color-control-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-control-inverted-hover));
100
252
  --ks-box-shadow-color-card: rgba(44,44,44,var(--ks-box-shadow-opacity-card));
101
253
  --ks-box-shadow-color-card-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-card-hover));
254
+ --ks-box-shadow-color-card-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-card-inverted));
255
+ --ks-box-shadow-color-card-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-card-inverted-hover));
102
256
  --ks-box-shadow-color-surface: rgba(44,44,44,var(--ks-box-shadow-opacity-surface));
103
257
  --ks-box-shadow-color-surface-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-hover));
258
+ --ks-box-shadow-color-surface-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-inverted));
259
+ --ks-box-shadow-color-surface-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-inverted-hover));
104
260
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
105
261
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
262
+ --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
263
+ --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
106
264
  --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
107
265
  --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
266
+ --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
267
+ --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
108
268
  --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
109
269
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
110
- --ks-color-primary-base: #e20074;
111
- --ks-color-primary-alpha-1-base: rgba(226,0,116,.95);
112
- --ks-color-primary-alpha-2-base: rgba(226,0,116,.87);
113
- --ks-color-primary-alpha-3-base: rgba(226,0,116,.76);
114
- --ks-color-primary-alpha-4-base: rgba(226,0,116,.63);
115
- --ks-color-primary-alpha-5-base: rgba(226,0,116,.5);
116
- --ks-color-primary-alpha-6-base: rgba(226,0,116,.37);
117
- --ks-color-primary-alpha-7-base: rgba(226,0,116,.24);
118
- --ks-color-primary-alpha-8-base: rgba(226,0,116,.13);
119
- --ks-color-primary-alpha-9-base: rgba(226,0,116,.05);
120
- --ks-color-primary-to-bg-1-base: #e30d7b;
121
- --ks-color-primary-to-bg-2-base: #e62186;
122
- --ks-color-primary-to-bg-3-base: #e93d95;
123
- --ks-color-primary-to-bg-4-base: #ed5ea7;
124
- --ks-color-primary-to-bg-5-base: #f180ba;
125
- --ks-color-primary-to-bg-6-base: #f4a1cc;
126
- --ks-color-primary-to-bg-7-base: #f8c2de;
127
- --ks-color-primary-to-bg-8-base: #fbdeed;
128
- --ks-color-primary-to-bg-9-base: #fef2f8;
129
- --ks-color-primary-inverted-base: #fff;
130
- --ks-color-primary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
131
- --ks-color-primary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
132
- --ks-color-primary-inverted-alpha-3-base: hsla(0,0%,100%,.76);
133
- --ks-color-primary-inverted-alpha-4-base: hsla(0,0%,100%,.63);
134
- --ks-color-primary-inverted-alpha-5-base: hsla(0,0%,100%,.5);
135
- --ks-color-primary-inverted-alpha-6-base: hsla(0,0%,100%,.37);
136
- --ks-color-primary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
137
- --ks-color-primary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
138
- --ks-color-primary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
139
- --ks-color-primary-inverted-to-bg-1-base: #f4f4f4;
140
- --ks-color-primary-inverted-to-bg-2-base: #e4e4e4;
141
- --ks-color-primary-inverted-to-bg-3-base: #ccc;
142
- --ks-color-primary-inverted-to-bg-4-base: #b1b1b1;
143
- --ks-color-primary-inverted-to-bg-5-base: #969696;
144
- --ks-color-primary-inverted-to-bg-6-base: #7a7a7a;
145
- --ks-color-primary-inverted-to-bg-7-base: #5f5f5f;
146
- --ks-color-primary-inverted-to-bg-8-base: #474747;
147
- --ks-color-primary-inverted-to-bg-9-base: #373737;
270
+ --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
271
+ --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
148
272
  --ks-color-fg-base: #2c2c2c;
149
273
  --ks-color-fg-alpha-1-base: rgba(44,44,44,.95);
150
274
  --ks-color-fg-alpha-2-base: rgba(44,44,44,.87);
@@ -174,18 +298,166 @@
174
298
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
175
299
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
176
300
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
177
- --ks-color-fg-inverted-to-bg-1-base: #f4f4f4;
178
- --ks-color-fg-inverted-to-bg-2-base: #e4e4e4;
179
- --ks-color-fg-inverted-to-bg-3-base: #ccc;
180
- --ks-color-fg-inverted-to-bg-4-base: #b1b1b1;
181
- --ks-color-fg-inverted-to-bg-5-base: #969696;
182
- --ks-color-fg-inverted-to-bg-6-base: #7a7a7a;
183
- --ks-color-fg-inverted-to-bg-7-base: #5f5f5f;
184
- --ks-color-fg-inverted-to-bg-8-base: #474747;
185
- --ks-color-fg-inverted-to-bg-9-base: #373737;
301
+ --ks-color-fg-inverted-to-bg-1-base: #f5f5f5;
302
+ --ks-color-fg-inverted-to-bg-2-base: #e5e5e5;
303
+ --ks-color-fg-inverted-to-bg-3-base: #cfcfcf;
304
+ --ks-color-fg-inverted-to-bg-4-base: #b5b5b5;
305
+ --ks-color-fg-inverted-to-bg-5-base: #9c9c9c;
306
+ --ks-color-fg-inverted-to-bg-6-base: #828282;
307
+ --ks-color-fg-inverted-to-bg-7-base: #686868;
308
+ --ks-color-fg-inverted-to-bg-8-base: #525252;
309
+ --ks-color-fg-inverted-to-bg-9-base: #424242;
310
+ --ks-color-bg-base: #fff;
311
+ --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
312
+ --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
313
+ --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
314
+ --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
315
+ --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
316
+ --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
317
+ --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
318
+ --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
319
+ --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
320
+ --ks-color-bg-to-fg-1-base: #f4f4f4;
321
+ --ks-color-bg-to-fg-2-base: #e4e4e4;
322
+ --ks-color-bg-to-fg-3-base: #ccc;
323
+ --ks-color-bg-to-fg-4-base: #b1b1b1;
324
+ --ks-color-bg-to-fg-5-base: #969696;
325
+ --ks-color-bg-to-fg-6-base: #7a7a7a;
326
+ --ks-color-bg-to-fg-7-base: #5f5f5f;
327
+ --ks-color-bg-to-fg-8-base: #474747;
328
+ --ks-color-bg-to-fg-9-base: #373737;
329
+ --ks-color-bg-inverted-base: #383838;
330
+ --ks-color-bg-inverted-alpha-1-base: rgba(56,56,56,.95);
331
+ --ks-color-bg-inverted-alpha-2-base: rgba(56,56,56,.87);
332
+ --ks-color-bg-inverted-alpha-3-base: rgba(56,56,56,.76);
333
+ --ks-color-bg-inverted-alpha-4-base: rgba(56,56,56,.63);
334
+ --ks-color-bg-inverted-alpha-5-base: rgba(56,56,56,.5);
335
+ --ks-color-bg-inverted-alpha-6-base: rgba(56,56,56,.37);
336
+ --ks-color-bg-inverted-alpha-7-base: rgba(56,56,56,.24);
337
+ --ks-color-bg-inverted-alpha-8-base: rgba(56,56,56,.13);
338
+ --ks-color-bg-inverted-alpha-9-base: rgba(56,56,56,.05);
339
+ --ks-color-bg-inverted-to-fg-1-base: #424242;
340
+ --ks-color-bg-inverted-to-fg-2-base: #525252;
341
+ --ks-color-bg-inverted-to-fg-3-base: #686868;
342
+ --ks-color-bg-inverted-to-fg-4-base: #828282;
343
+ --ks-color-bg-inverted-to-fg-5-base: #9c9c9c;
344
+ --ks-color-bg-inverted-to-fg-6-base: #b5b5b5;
345
+ --ks-color-bg-inverted-to-fg-7-base: #cfcfcf;
346
+ --ks-color-bg-inverted-to-fg-8-base: #e5e5e5;
347
+ --ks-color-bg-inverted-to-fg-9-base: #f5f5f5;
348
+ --ks-color-transparent-base: rgba(0,0,0,0);
349
+ --ks-color-primary-base: #e20074;
350
+ --ks-color-primary-alpha-1-base: rgba(226,0,116,.95);
351
+ --ks-color-primary-alpha-2-base: rgba(226,0,116,.87);
352
+ --ks-color-primary-alpha-3-base: rgba(226,0,116,.76);
353
+ --ks-color-primary-alpha-4-base: rgba(226,0,116,.63);
354
+ --ks-color-primary-alpha-5-base: rgba(226,0,116,.5);
355
+ --ks-color-primary-alpha-6-base: rgba(226,0,116,.37);
356
+ --ks-color-primary-alpha-7-base: rgba(226,0,116,.24);
357
+ --ks-color-primary-alpha-8-base: rgba(226,0,116,.13);
358
+ --ks-color-primary-alpha-9-base: rgba(226,0,116,.05);
359
+ --ks-color-primary-to-bg-1-base: #e30d7b;
360
+ --ks-color-primary-to-bg-2-base: #e62186;
361
+ --ks-color-primary-to-bg-3-base: #e93d95;
362
+ --ks-color-primary-to-bg-4-base: #ed5ea7;
363
+ --ks-color-primary-to-bg-5-base: #f180ba;
364
+ --ks-color-primary-to-bg-6-base: #f4a1cc;
365
+ --ks-color-primary-to-bg-7-base: #f8c2de;
366
+ --ks-color-primary-to-bg-8-base: #fbdeed;
367
+ --ks-color-primary-to-bg-9-base: #fef2f8;
368
+ --ks-color-primary-to-fg-1-base: #d90270;
369
+ --ks-color-primary-to-fg-2-base: #ca066b;
370
+ --ks-color-primary-to-fg-3-base: #b60b63;
371
+ --ks-color-primary-to-fg-4-base: #9f1059;
372
+ --ks-color-primary-to-fg-5-base: #871650;
373
+ --ks-color-primary-to-fg-6-base: #6f1c47;
374
+ --ks-color-primary-to-fg-7-base: #58213d;
375
+ --ks-color-primary-to-fg-8-base: #442635;
376
+ --ks-color-primary-to-fg-9-base: #352a30;
377
+ --ks-color-primary-inverted-base: #e20074;
378
+ --ks-color-primary-inverted-alpha-1-base: rgba(226,0,116,.95);
379
+ --ks-color-primary-inverted-alpha-2-base: rgba(226,0,116,.87);
380
+ --ks-color-primary-inverted-alpha-3-base: rgba(226,0,116,.76);
381
+ --ks-color-primary-inverted-alpha-4-base: rgba(226,0,116,.63);
382
+ --ks-color-primary-inverted-alpha-5-base: rgba(226,0,116,.5);
383
+ --ks-color-primary-inverted-alpha-6-base: rgba(226,0,116,.37);
384
+ --ks-color-primary-inverted-alpha-7-base: rgba(226,0,116,.24);
385
+ --ks-color-primary-inverted-alpha-8-base: rgba(226,0,116,.13);
386
+ --ks-color-primary-inverted-alpha-9-base: rgba(226,0,116,.05);
387
+ --ks-color-primary-inverted-to-bg-1-base: #da0371;
388
+ --ks-color-primary-inverted-to-bg-2-base: #cc076c;
389
+ --ks-color-primary-inverted-to-bg-3-base: #b90d66;
390
+ --ks-color-primary-inverted-to-bg-4-base: #a3155e;
391
+ --ks-color-primary-inverted-to-bg-5-base: #8d1c56;
392
+ --ks-color-primary-inverted-to-bg-6-base: #77234e;
393
+ --ks-color-primary-inverted-to-bg-7-base: #612b46;
394
+ --ks-color-primary-inverted-to-bg-8-base: #4e3140;
395
+ --ks-color-primary-inverted-to-bg-9-base: #41353b;
396
+ --ks-color-primary-inverted-to-fg-1-base: #e30d7b;
397
+ --ks-color-primary-inverted-to-fg-2-base: #e62186;
398
+ --ks-color-primary-inverted-to-fg-3-base: #e93d95;
399
+ --ks-color-primary-inverted-to-fg-4-base: #ed5ea7;
400
+ --ks-color-primary-inverted-to-fg-5-base: #f180ba;
401
+ --ks-color-primary-inverted-to-fg-6-base: #f4a1cc;
402
+ --ks-color-primary-inverted-to-fg-7-base: #f8c2de;
403
+ --ks-color-primary-inverted-to-fg-8-base: #fbdeed;
404
+ --ks-color-primary-inverted-to-fg-9-base: #fef2f8;
186
405
  --ks-color-link-base: #007faf;
406
+ --ks-color-link-alpha-1-base: rgba(0,127,175,.95);
407
+ --ks-color-link-alpha-2-base: rgba(0,127,175,.87);
408
+ --ks-color-link-alpha-3-base: rgba(0,127,175,.76);
409
+ --ks-color-link-alpha-4-base: rgba(0,127,175,.63);
410
+ --ks-color-link-alpha-5-base: rgba(0,127,175,.5);
411
+ --ks-color-link-alpha-6-base: rgba(0,127,175,.37);
412
+ --ks-color-link-alpha-7-base: rgba(0,127,175,.24);
413
+ --ks-color-link-alpha-8-base: rgba(0,127,175,.13);
414
+ --ks-color-link-alpha-9-base: rgba(0,127,175,.05);
415
+ --ks-color-link-to-bg-1-base: #0d85b3;
416
+ --ks-color-link-to-bg-2-base: #2190b9;
417
+ --ks-color-link-to-bg-3-base: #3d9ec2;
418
+ --ks-color-link-to-bg-4-base: #5eaecd;
419
+ --ks-color-link-to-bg-5-base: #80bfd7;
420
+ --ks-color-link-to-bg-6-base: #a1d0e1;
421
+ --ks-color-link-to-bg-7-base: #c2e0ec;
422
+ --ks-color-link-to-bg-8-base: #deeef5;
423
+ --ks-color-link-to-bg-9-base: #f2f9fb;
424
+ --ks-color-link-to-fg-1-base: #027ba8;
425
+ --ks-color-link-to-fg-2-base: #06749e;
426
+ --ks-color-link-to-fg-3-base: #0b6b90;
427
+ --ks-color-link-to-fg-4-base: #10607f;
428
+ --ks-color-link-to-fg-5-base: #16566e;
429
+ --ks-color-link-to-fg-6-base: #1c4b5c;
430
+ --ks-color-link-to-fg-7-base: #21404b;
431
+ --ks-color-link-to-fg-8-base: #26373d;
432
+ --ks-color-link-to-fg-9-base: #2a3033;
187
433
  --ks-color-link-inverted-base: #fff;
188
- --ks-color-transparent-base: rgba(0,0,0,0);
434
+ --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
435
+ --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
436
+ --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
437
+ --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
438
+ --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
439
+ --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
440
+ --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
441
+ --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
442
+ --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
443
+ --ks-color-link-inverted-to-bg-1-base: #f5f5f5;
444
+ --ks-color-link-inverted-to-bg-2-base: #e5e5e5;
445
+ --ks-color-link-inverted-to-bg-3-base: #cfcfcf;
446
+ --ks-color-link-inverted-to-bg-4-base: #b5b5b5;
447
+ --ks-color-link-inverted-to-bg-5-base: #9c9c9c;
448
+ --ks-color-link-inverted-to-bg-6-base: #828282;
449
+ --ks-color-link-inverted-to-bg-7-base: #686868;
450
+ --ks-color-link-inverted-to-bg-8-base: #525252;
451
+ --ks-color-link-inverted-to-bg-9-base: #424242;
452
+ --ks-color-link-inverted-to-fg-1-base: #fff;
453
+ --ks-color-link-inverted-to-fg-2-base: #fff;
454
+ --ks-color-link-inverted-to-fg-3-base: #fff;
455
+ --ks-color-link-inverted-to-fg-4-base: #fff;
456
+ --ks-color-link-inverted-to-fg-5-base: #fff;
457
+ --ks-color-link-inverted-to-fg-6-base: #fff;
458
+ --ks-color-link-inverted-to-fg-7-base: #fff;
459
+ --ks-color-link-inverted-to-fg-8-base: #fff;
460
+ --ks-color-link-inverted-to-fg-9-base: #fff;
189
461
  --ks-color-positive-base: #6edb64;
190
462
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
191
463
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
@@ -205,6 +477,15 @@
205
477
  --ks-color-positive-to-bg-7-base: #dcf6da;
206
478
  --ks-color-positive-to-bg-8-base: #ecfaeb;
207
479
  --ks-color-positive-to-bg-9-base: #f8fdf7;
480
+ --ks-color-positive-to-fg-1-base: #6bd261;
481
+ --ks-color-positive-to-fg-2-base: #65c45d;
482
+ --ks-color-positive-to-fg-3-base: #5eb157;
483
+ --ks-color-positive-to-fg-4-base: #569a4f;
484
+ --ks-color-positive-to-fg-5-base: #4d8448;
485
+ --ks-color-positive-to-fg-6-base: #446d41;
486
+ --ks-color-positive-to-fg-7-base: #3c5639;
487
+ --ks-color-positive-to-fg-8-base: #354333;
488
+ --ks-color-positive-to-fg-9-base: #2f352f;
208
489
  --ks-color-positive-inverted-base: #23831b;
209
490
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
210
491
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
@@ -215,15 +496,24 @@
215
496
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
216
497
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
217
498
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
218
- --ks-color-positive-inverted-to-bg-1-base: #237f1c;
219
- --ks-color-positive-inverted-to-bg-2-base: #24781d;
220
- --ks-color-positive-inverted-to-bg-3-base: #256e1f;
221
- --ks-color-positive-inverted-to-bg-4-base: #266321;
222
- --ks-color-positive-inverted-to-bg-5-base: #285824;
223
- --ks-color-positive-inverted-to-bg-6-base: #294c26;
224
- --ks-color-positive-inverted-to-bg-7-base: #2a4128;
225
- --ks-color-positive-inverted-to-bg-8-base: #2b372a;
226
- --ks-color-positive-inverted-to-bg-9-base: #2c302b;
499
+ --ks-color-positive-inverted-to-bg-1-base: #247f1c;
500
+ --ks-color-positive-inverted-to-bg-2-base: #26791f;
501
+ --ks-color-positive-inverted-to-bg-3-base: #287122;
502
+ --ks-color-positive-inverted-to-bg-4-base: #2b6726;
503
+ --ks-color-positive-inverted-to-bg-5-base: #2e5e2a;
504
+ --ks-color-positive-inverted-to-bg-6-base: #30542d;
505
+ --ks-color-positive-inverted-to-bg-7-base: #334a31;
506
+ --ks-color-positive-inverted-to-bg-8-base: #354234;
507
+ --ks-color-positive-inverted-to-bg-9-base: #373c37;
508
+ --ks-color-positive-inverted-to-fg-1-base: #2e8926;
509
+ --ks-color-positive-inverted-to-fg-2-base: #409339;
510
+ --ks-color-positive-inverted-to-fg-3-base: #58a152;
511
+ --ks-color-positive-inverted-to-fg-4-base: #74b16f;
512
+ --ks-color-positive-inverted-to-fg-5-base: #91c18d;
513
+ --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
514
+ --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
515
+ --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
516
+ --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
227
517
  --ks-color-informative-base: #64c2db;
228
518
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
229
519
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
@@ -243,6 +533,15 @@
243
533
  --ks-color-informative-to-bg-7-base: #daf0f6;
244
534
  --ks-color-informative-to-bg-8-base: #ebf7fa;
245
535
  --ks-color-informative-to-bg-9-base: #f7fcfd;
536
+ --ks-color-informative-to-fg-1-base: #61bbd2;
537
+ --ks-color-informative-to-fg-2-base: #5dafc4;
538
+ --ks-color-informative-to-fg-3-base: #579eb1;
539
+ --ks-color-informative-to-fg-4-base: #4f8b9a;
540
+ --ks-color-informative-to-fg-5-base: #487784;
541
+ --ks-color-informative-to-fg-6-base: #41646d;
542
+ --ks-color-informative-to-fg-7-base: #395056;
543
+ --ks-color-informative-to-fg-8-base: #334043;
544
+ --ks-color-informative-to-fg-9-base: #2f3435;
246
545
  --ks-color-informative-inverted-base: #00718f;
247
546
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
248
547
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
@@ -253,15 +552,24 @@
253
552
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
254
553
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
255
554
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
256
- --ks-color-informative-inverted-to-bg-1-base: #026e8a;
257
- --ks-color-informative-inverted-to-bg-2-base: #066882;
258
- --ks-color-informative-inverted-to-bg-3-base: #0b6077;
259
- --ks-color-informative-inverted-to-bg-4-base: #10576a;
260
- --ks-color-informative-inverted-to-bg-5-base: #164f5e;
261
- --ks-color-informative-inverted-to-bg-6-base: #1c4651;
262
- --ks-color-informative-inverted-to-bg-7-base: #213d44;
263
- --ks-color-informative-inverted-to-bg-8-base: #263539;
264
- --ks-color-informative-inverted-to-bg-9-base: #2a2f31;
555
+ --ks-color-informative-inverted-to-bg-1-base: #036e8b;
556
+ --ks-color-informative-inverted-to-bg-2-base: #076a84;
557
+ --ks-color-informative-inverted-to-bg-3-base: #0d637a;
558
+ --ks-color-informative-inverted-to-bg-4-base: #155c6f;
559
+ --ks-color-informative-inverted-to-bg-5-base: #1c5564;
560
+ --ks-color-informative-inverted-to-bg-6-base: #234d58;
561
+ --ks-color-informative-inverted-to-bg-7-base: #2b464d;
562
+ --ks-color-informative-inverted-to-bg-8-base: #313f43;
563
+ --ks-color-informative-inverted-to-bg-9-base: #353b3c;
564
+ --ks-color-informative-inverted-to-fg-1-base: #0d7895;
565
+ --ks-color-informative-inverted-to-fg-2-base: #21839e;
566
+ --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
567
+ --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
568
+ --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
569
+ --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
570
+ --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
571
+ --ks-color-informative-inverted-to-fg-8-base: #deedf0;
572
+ --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
265
573
  --ks-color-notice-base: #f9de55;
266
574
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
267
575
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
@@ -281,6 +589,15 @@
281
589
  --ks-color-notice-to-bg-7-base: #fef7d6;
282
590
  --ks-color-notice-to-bg-8-base: #fefbe9;
283
591
  --ks-color-notice-to-bg-9-base: #fffdf7;
592
+ --ks-color-notice-to-fg-1-base: #efd553;
593
+ --ks-color-notice-to-fg-2-base: #dec750;
594
+ --ks-color-notice-to-fg-3-base: #c8b34b;
595
+ --ks-color-notice-to-fg-4-base: #ad9c46;
596
+ --ks-color-notice-to-fg-5-base: #938541;
597
+ --ks-color-notice-to-fg-6-base: #786e3b;
598
+ --ks-color-notice-to-fg-7-base: #5d5736;
599
+ --ks-color-notice-to-fg-8-base: #474331;
600
+ --ks-color-notice-to-fg-9-base: #36352e;
284
601
  --ks-color-notice-inverted-base: #ff5d53;
285
602
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
286
603
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
@@ -291,15 +608,24 @@
291
608
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
292
609
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
293
610
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
294
- --ks-color-notice-inverted-to-bg-1-base: #f45b51;
295
- --ks-color-notice-inverted-to-bg-2-base: #e4574e;
296
- --ks-color-notice-inverted-to-bg-3-base: #cc514a;
297
- --ks-color-notice-inverted-to-bg-4-base: #b14b45;
298
- --ks-color-notice-inverted-to-bg-5-base: #964540;
299
- --ks-color-notice-inverted-to-bg-6-base: #7a3e3a;
300
- --ks-color-notice-inverted-to-bg-7-base: #5f3835;
301
- --ks-color-notice-inverted-to-bg-8-base: #473231;
302
- --ks-color-notice-inverted-to-bg-9-base: #372e2e;
611
+ --ks-color-notice-inverted-to-bg-1-base: #f55b52;
612
+ --ks-color-notice-inverted-to-bg-2-base: #e5584f;
613
+ --ks-color-notice-inverted-to-bg-3-base: #cf544d;
614
+ --ks-color-notice-inverted-to-bg-4-base: #b54f49;
615
+ --ks-color-notice-inverted-to-bg-5-base: #9c4b46;
616
+ --ks-color-notice-inverted-to-bg-6-base: #824642;
617
+ --ks-color-notice-inverted-to-bg-7-base: #68413e;
618
+ --ks-color-notice-inverted-to-bg-8-base: #523d3c;
619
+ --ks-color-notice-inverted-to-bg-9-base: #423a39;
620
+ --ks-color-notice-inverted-to-fg-1-base: #ff655c;
621
+ --ks-color-notice-inverted-to-fg-2-base: #ff7269;
622
+ --ks-color-notice-inverted-to-fg-3-base: #ff847c;
623
+ --ks-color-notice-inverted-to-fg-4-base: #ff9993;
624
+ --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
625
+ --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
626
+ --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
627
+ --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
628
+ --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
303
629
  --ks-color-negative-base: #cd4901;
304
630
  --ks-color-negative-alpha-1-base: rgba(205,73,1,.95);
305
631
  --ks-color-negative-alpha-2-base: rgba(205,73,1,.87);
@@ -319,6 +645,15 @@
319
645
  --ks-color-negative-to-bg-7-base: #f3d3c2;
320
646
  --ks-color-negative-to-bg-8-base: #f9e7de;
321
647
  --ks-color-negative-to-bg-9-base: #fdf6f2;
648
+ --ks-color-negative-to-fg-1-base: #c54803;
649
+ --ks-color-negative-to-fg-2-base: #b84507;
650
+ --ks-color-negative-to-fg-3-base: #a6420b;
651
+ --ks-color-negative-to-fg-4-base: #913e11;
652
+ --ks-color-negative-to-fg-5-base: #7d3b17;
653
+ --ks-color-negative-to-fg-6-base: #68371c;
654
+ --ks-color-negative-to-fg-7-base: #533322;
655
+ --ks-color-negative-to-fg-8-base: #413026;
656
+ --ks-color-negative-to-fg-9-base: #342d2a;
322
657
  --ks-color-negative-inverted-base: #d21d48;
323
658
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
324
659
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
@@ -330,14 +665,23 @@
330
665
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
331
666
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
332
667
  --ks-color-negative-inverted-to-bg-1-base: #ca1e47;
333
- --ks-color-negative-inverted-to-bg-2-base: #bc1f44;
334
- --ks-color-negative-inverted-to-bg-3-base: #aa2141;
335
- --ks-color-negative-inverted-to-bg-4-base: #95233e;
336
- --ks-color-negative-inverted-to-bg-5-base: #7f253a;
337
- --ks-color-negative-inverted-to-bg-6-base: #692636;
338
- --ks-color-negative-inverted-to-bg-7-base: #542833;
339
- --ks-color-negative-inverted-to-bg-8-base: #422a30;
340
- --ks-color-negative-inverted-to-bg-9-base: #342b2d;
668
+ --ks-color-negative-inverted-to-bg-2-base: #be2146;
669
+ --ks-color-negative-inverted-to-bg-3-base: #ad2344;
670
+ --ks-color-negative-inverted-to-bg-4-base: #992742;
671
+ --ks-color-negative-inverted-to-bg-5-base: #852b40;
672
+ --ks-color-negative-inverted-to-bg-6-base: #712e3e;
673
+ --ks-color-negative-inverted-to-bg-7-base: #5d323c;
674
+ --ks-color-negative-inverted-to-bg-8-base: #4c343a;
675
+ --ks-color-negative-inverted-to-bg-9-base: #403739;
676
+ --ks-color-negative-inverted-to-fg-1-base: #d42851;
677
+ --ks-color-negative-inverted-to-fg-2-base: #d83a60;
678
+ --ks-color-negative-inverted-to-fg-3-base: #dd5374;
679
+ --ks-color-negative-inverted-to-fg-4-base: #e3718c;
680
+ --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
681
+ --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
682
+ --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
683
+ --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
684
+ --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
341
685
  --ks-color-secondary-base: #007faf;
342
686
  --ks-color-secondary-alpha-1-base: rgba(0,127,175,.95);
343
687
  --ks-color-secondary-alpha-2-base: rgba(0,127,175,.87);
@@ -357,63 +701,43 @@
357
701
  --ks-color-secondary-to-bg-7-base: #c2e0ec;
358
702
  --ks-color-secondary-to-bg-8-base: #deeef5;
359
703
  --ks-color-secondary-to-bg-9-base: #f2f9fb;
360
- --ks-color-secondary-inverted-base: #fff;
361
- --ks-color-secondary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
362
- --ks-color-secondary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
363
- --ks-color-secondary-inverted-alpha-3-base: hsla(0,0%,100%,.76);
364
- --ks-color-secondary-inverted-alpha-4-base: hsla(0,0%,100%,.63);
365
- --ks-color-secondary-inverted-alpha-5-base: hsla(0,0%,100%,.5);
366
- --ks-color-secondary-inverted-alpha-6-base: hsla(0,0%,100%,.37);
367
- --ks-color-secondary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
368
- --ks-color-secondary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
369
- --ks-color-secondary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
370
- --ks-color-secondary-inverted-to-bg-1-base: #f4f4f4;
371
- --ks-color-secondary-inverted-to-bg-2-base: #e4e4e4;
372
- --ks-color-secondary-inverted-to-bg-3-base: #ccc;
373
- --ks-color-secondary-inverted-to-bg-4-base: #b1b1b1;
374
- --ks-color-secondary-inverted-to-bg-5-base: #969696;
375
- --ks-color-secondary-inverted-to-bg-6-base: #7a7a7a;
376
- --ks-color-secondary-inverted-to-bg-7-base: #5f5f5f;
377
- --ks-color-secondary-inverted-to-bg-8-base: #474747;
378
- --ks-color-secondary-inverted-to-bg-9-base: #373737;
379
- --ks-color-bg-base: #fff;
380
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
381
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
382
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
383
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
384
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
385
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
386
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
387
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
388
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
389
- --ks-color-bg-to-bg-1-base: #fff;
390
- --ks-color-bg-to-bg-2-base: #fff;
391
- --ks-color-bg-to-bg-3-base: #fff;
392
- --ks-color-bg-to-bg-4-base: #fff;
393
- --ks-color-bg-to-bg-5-base: #fff;
394
- --ks-color-bg-to-bg-6-base: #fff;
395
- --ks-color-bg-to-bg-7-base: #fff;
396
- --ks-color-bg-to-bg-8-base: #fff;
397
- --ks-color-bg-to-bg-9-base: #fff;
398
- --ks-color-bg-inverted-base: #383838;
399
- --ks-color-bg-inverted-alpha-1-base: rgba(56,56,56,.95);
400
- --ks-color-bg-inverted-alpha-2-base: rgba(56,56,56,.87);
401
- --ks-color-bg-inverted-alpha-3-base: rgba(56,56,56,.76);
402
- --ks-color-bg-inverted-alpha-4-base: rgba(56,56,56,.63);
403
- --ks-color-bg-inverted-alpha-5-base: rgba(56,56,56,.5);
404
- --ks-color-bg-inverted-alpha-6-base: rgba(56,56,56,.37);
405
- --ks-color-bg-inverted-alpha-7-base: rgba(56,56,56,.24);
406
- --ks-color-bg-inverted-alpha-8-base: rgba(56,56,56,.13);
407
- --ks-color-bg-inverted-alpha-9-base: rgba(56,56,56,.05);
408
- --ks-color-bg-inverted-to-bg-1-base: #373737;
409
- --ks-color-bg-inverted-to-bg-2-base: #363636;
410
- --ks-color-bg-inverted-to-bg-3-base: #353535;
411
- --ks-color-bg-inverted-to-bg-4-base: #343434;
412
- --ks-color-bg-inverted-to-bg-5-base: #323232;
413
- --ks-color-bg-inverted-to-bg-6-base: #303030;
414
- --ks-color-bg-inverted-to-bg-7-base: #2f2f2f;
415
- --ks-color-bg-inverted-to-bg-8-base: #2e2e2e;
416
- --ks-color-bg-inverted-to-bg-9-base: #2d2d2d;
704
+ --ks-color-secondary-to-fg-1-base: #027ba8;
705
+ --ks-color-secondary-to-fg-2-base: #06749e;
706
+ --ks-color-secondary-to-fg-3-base: #0b6b90;
707
+ --ks-color-secondary-to-fg-4-base: #10607f;
708
+ --ks-color-secondary-to-fg-5-base: #16566e;
709
+ --ks-color-secondary-to-fg-6-base: #1c4b5c;
710
+ --ks-color-secondary-to-fg-7-base: #21404b;
711
+ --ks-color-secondary-to-fg-8-base: #26373d;
712
+ --ks-color-secondary-to-fg-9-base: #2a3033;
713
+ --ks-color-secondary-inverted-base: #007faf;
714
+ --ks-color-secondary-inverted-alpha-1-base: rgba(0,127,175,.95);
715
+ --ks-color-secondary-inverted-alpha-2-base: rgba(0,127,175,.87);
716
+ --ks-color-secondary-inverted-alpha-3-base: rgba(0,127,175,.76);
717
+ --ks-color-secondary-inverted-alpha-4-base: rgba(0,127,175,.63);
718
+ --ks-color-secondary-inverted-alpha-5-base: rgba(0,127,175,.5);
719
+ --ks-color-secondary-inverted-alpha-6-base: rgba(0,127,175,.37);
720
+ --ks-color-secondary-inverted-alpha-7-base: rgba(0,127,175,.24);
721
+ --ks-color-secondary-inverted-alpha-8-base: rgba(0,127,175,.13);
722
+ --ks-color-secondary-inverted-alpha-9-base: rgba(0,127,175,.05);
723
+ --ks-color-secondary-inverted-to-bg-1-base: #037ba9;
724
+ --ks-color-secondary-inverted-to-bg-2-base: #0776a0;
725
+ --ks-color-secondary-inverted-to-bg-3-base: #0d6e92;
726
+ --ks-color-secondary-inverted-to-bg-4-base: #156583;
727
+ --ks-color-secondary-inverted-to-bg-5-base: #1c5c74;
728
+ --ks-color-secondary-inverted-to-bg-6-base: #235264;
729
+ --ks-color-secondary-inverted-to-bg-7-base: #2b4955;
730
+ --ks-color-secondary-inverted-to-bg-8-base: #314147;
731
+ --ks-color-secondary-inverted-to-bg-9-base: #353c3e;
732
+ --ks-color-secondary-inverted-to-fg-1-base: #0d85b3;
733
+ --ks-color-secondary-inverted-to-fg-2-base: #2190b9;
734
+ --ks-color-secondary-inverted-to-fg-3-base: #3d9ec2;
735
+ --ks-color-secondary-inverted-to-fg-4-base: #5eaecd;
736
+ --ks-color-secondary-inverted-to-fg-5-base: #80bfd7;
737
+ --ks-color-secondary-inverted-to-fg-6-base: #a1d0e1;
738
+ --ks-color-secondary-inverted-to-fg-7-base: #c2e0ec;
739
+ --ks-color-secondary-inverted-to-fg-8-base: #deeef5;
740
+ --ks-color-secondary-inverted-to-fg-9-base: #f2f9fb;
417
741
  --ks-depth-modal: 1000;
418
742
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
419
743
  --ks-spacing-xxs-base: 0.1481rem;
@@ -486,32 +810,112 @@
486
810
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
487
811
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
488
812
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
489
- --ks-text-color-default-interactive-visited-base: var(--ks-color-link-base);
813
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
490
814
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
491
815
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
492
816
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
493
817
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
494
- --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-link-inverted-base);
495
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
496
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-base);
818
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
819
+ --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
820
+ --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
821
+ --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
822
+ --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
823
+ --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
824
+ --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
825
+ --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
826
+ --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
827
+ --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
828
+ --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
829
+ --ks-text-color-display-base: var(--ks-color-fg-base);
830
+ --ks-text-color-display-interactive-base: var(--ks-color-link-base);
831
+ --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
832
+ --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
833
+ --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
834
+ --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
835
+ --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
836
+ --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
837
+ --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
838
+ --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
839
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
840
+ --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
497
841
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
498
842
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
499
- --ks-text-color-interface-interactive-visited-base: var(--ks-color-fg-base);
500
- --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
501
- --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-base);
843
+ --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
844
+ --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
845
+ --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
502
846
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
503
847
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
504
- --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
848
+ --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
849
+ --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
850
+ --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
851
+ --ks-text-color-card-interactive-hover-base: #000;
852
+ --ks-text-color-card-interactive-active-base: #000;
853
+ --ks-text-color-card-interactive-selected-base: #000;
854
+ --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
855
+ --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
856
+ --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
857
+ --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
858
+ --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
505
859
  --ks-text-color-primary-base: var(--ks-color-primary-base);
506
- --ks-text-color-primary-interactive-base: var(--ks-color-primary-alpha-2-base);
860
+ --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
507
861
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
508
862
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
509
- --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-2-base);
863
+ --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
510
864
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
511
865
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
512
866
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
513
867
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
514
- --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-primary-inverted-alpha-2-base);
868
+ --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
869
+ --ks-text-color-positive-base: var(--ks-color-positive-base);
870
+ --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
871
+ --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
872
+ --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
873
+ --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
874
+ --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
875
+ --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
876
+ --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
877
+ --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
878
+ --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
879
+ --ks-text-color-informative-base: var(--ks-color-informative-base);
880
+ --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
881
+ --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
882
+ --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
883
+ --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
884
+ --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
885
+ --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
886
+ --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
887
+ --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
888
+ --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
889
+ --ks-text-color-notice-base: var(--ks-color-notice-base);
890
+ --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
891
+ --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
892
+ --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
893
+ --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
894
+ --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
895
+ --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
896
+ --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
897
+ --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
898
+ --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
899
+ --ks-text-color-negative-base: var(--ks-color-negative-base);
900
+ --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
901
+ --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
902
+ --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
903
+ --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
904
+ --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
905
+ --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
906
+ --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
907
+ --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
908
+ --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
909
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
910
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
911
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
912
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
913
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
914
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
915
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
916
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
917
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
918
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
515
919
  --ks-duration-immediate: 50ms;
516
920
  --ks-duration-fast: 100ms;
517
921
  --ks-duration-medium: 150ms;
@@ -528,10 +932,10 @@
528
932
  --ks-font-family-copy: TeleNeo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
529
933
  --ks-font-family-interface: TeleNeo, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
530
934
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
935
+ --ks-font-weight-light: 300;
531
936
  --ks-font-weight-regular: 400;
532
- --ks-font-weight-medium: 500;
533
- --ks-font-weight-semi-bold: 700;
534
- --ks-font-weight-bold: 800;
937
+ --ks-font-weight-semi-bold: 500;
938
+ --ks-font-weight-bold: 700;
535
939
  --ks-font-size-display-bp-factor-phone: 1.25;
536
940
  --ks-font-size-display-bp-factor-tablet: 1.35;
537
941
  --ks-font-size-display-xxs-base: 0.612rem;
@@ -694,6 +1098,18 @@
694
1098
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
695
1099
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
696
1100
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1101
+ --ks-background-color-card: var(--ks-background-color-card-base);
1102
+ --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1103
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1104
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1105
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1106
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1107
+ --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1108
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1109
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1110
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1111
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1112
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
697
1113
  --ks-background-color-primary: var(--ks-background-color-primary-base);
698
1114
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
699
1115
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
@@ -706,6 +1122,66 @@
706
1122
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
707
1123
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
708
1124
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1125
+ --ks-background-color-positive: var(--ks-background-color-positive-base);
1126
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1127
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1128
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1129
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1130
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1131
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1132
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1133
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1134
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1135
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1136
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1137
+ --ks-background-color-informative: var(--ks-background-color-informative-base);
1138
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1139
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1140
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1141
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1142
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1143
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1144
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1145
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1146
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1147
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1148
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1149
+ --ks-background-color-notice: var(--ks-background-color-notice-base);
1150
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1151
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1152
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1153
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1154
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1155
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1156
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1157
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1158
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1159
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1160
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1161
+ --ks-background-color-negative: var(--ks-background-color-negative-base);
1162
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1163
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1164
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1165
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1166
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1167
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1168
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1169
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1170
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1171
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1172
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1173
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1174
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1175
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1176
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1177
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1178
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1179
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1180
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1181
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1182
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1183
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1184
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
709
1185
  --ks-border-color-accent: var(--ks-border-color-accent-base);
710
1186
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
711
1187
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -732,6 +1208,18 @@
732
1208
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
733
1209
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
734
1210
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1211
+ --ks-border-color-card: var(--ks-border-color-card-base);
1212
+ --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1213
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1214
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1215
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1216
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1217
+ --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1218
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1219
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1220
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1221
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1222
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
735
1223
  --ks-border-color-primary: var(--ks-border-color-primary-base);
736
1224
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
737
1225
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
@@ -744,44 +1232,66 @@
744
1232
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
745
1233
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
746
1234
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
747
- --ks-color-primary: var(--ks-color-primary-base);
748
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
749
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
750
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
751
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
752
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
753
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
754
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
755
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
756
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
757
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
758
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
759
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
760
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
761
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
762
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
763
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
764
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
765
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
766
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
767
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
768
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
769
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
770
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
771
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
772
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
773
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
774
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
775
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
776
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
777
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
778
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
779
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
780
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
781
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
782
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
783
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
784
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1235
+ --ks-border-color-positive: var(--ks-border-color-positive-base);
1236
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1237
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1238
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1239
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1240
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1241
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1242
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1243
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1244
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1245
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1246
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1247
+ --ks-border-color-informative: var(--ks-border-color-informative-base);
1248
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1249
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1250
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1251
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1252
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1253
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1254
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1255
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1256
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1257
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1258
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1259
+ --ks-border-color-notice: var(--ks-border-color-notice-base);
1260
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1261
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1262
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1263
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1264
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1265
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1266
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1267
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1268
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1269
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1270
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1271
+ --ks-border-color-negative: var(--ks-border-color-negative-base);
1272
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1273
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1274
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1275
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1276
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1277
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1278
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1279
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1280
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1281
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1282
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1283
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1284
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1285
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1286
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1287
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1288
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1289
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1290
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1291
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1292
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1293
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1294
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
785
1295
  --ks-color-fg: var(--ks-color-fg-base);
786
1296
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
787
1297
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -820,9 +1330,157 @@
820
1330
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
821
1331
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
822
1332
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1333
+ --ks-color-bg: var(--ks-color-bg-base);
1334
+ --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1335
+ --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1336
+ --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1337
+ --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1338
+ --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1339
+ --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1340
+ --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1341
+ --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1342
+ --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1343
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1344
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1345
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1346
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1347
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1348
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1349
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1350
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1351
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1352
+ --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1353
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1354
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1355
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1356
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1357
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1358
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1359
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1360
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1361
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1362
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1363
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1364
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1365
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1366
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1367
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1368
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1369
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1370
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1371
+ --ks-color-transparent: var(--ks-color-transparent-base);
1372
+ --ks-color-primary: var(--ks-color-primary-base);
1373
+ --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1374
+ --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1375
+ --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1376
+ --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1377
+ --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1378
+ --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1379
+ --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1380
+ --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1381
+ --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1382
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1383
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1384
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1385
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1386
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1387
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1388
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1389
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1390
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1391
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1392
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1393
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1394
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1395
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1396
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1397
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1398
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1399
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1400
+ --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1401
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1402
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1403
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1404
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1405
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1406
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1407
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1408
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1409
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1410
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1411
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1412
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1413
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1414
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1415
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1416
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1417
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1418
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1419
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1420
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1421
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1422
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1423
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1424
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1425
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1426
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1427
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
823
1428
  --ks-color-link: var(--ks-color-link-base);
1429
+ --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1430
+ --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1431
+ --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1432
+ --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1433
+ --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1434
+ --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1435
+ --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1436
+ --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1437
+ --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1438
+ --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1439
+ --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1440
+ --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1441
+ --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1442
+ --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1443
+ --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1444
+ --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1445
+ --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1446
+ --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1447
+ --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1448
+ --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1449
+ --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1450
+ --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1451
+ --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1452
+ --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1453
+ --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1454
+ --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1455
+ --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
824
1456
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
825
- --ks-color-transparent: var(--ks-color-transparent-base);
1457
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1458
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1459
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1460
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1461
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1462
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1463
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1464
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1465
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1466
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1467
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1468
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1469
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1470
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1471
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1472
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1473
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1474
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1475
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1476
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1477
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1478
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1479
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1480
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1481
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1482
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1483
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
826
1484
  --ks-color-positive: var(--ks-color-positive-base);
827
1485
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
828
1486
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
@@ -842,6 +1500,15 @@
842
1500
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
843
1501
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
844
1502
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1503
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1504
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1505
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1506
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1507
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1508
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1509
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1510
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1511
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
845
1512
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
846
1513
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
847
1514
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
@@ -861,6 +1528,15 @@
861
1528
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
862
1529
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
863
1530
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1531
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1532
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1533
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1534
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1535
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1536
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1537
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1538
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1539
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
864
1540
  --ks-color-informative: var(--ks-color-informative-base);
865
1541
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
866
1542
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
@@ -880,6 +1556,15 @@
880
1556
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
881
1557
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
882
1558
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1559
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1560
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1561
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1562
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1563
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1564
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1565
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1566
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1567
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
883
1568
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
884
1569
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
885
1570
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
@@ -899,6 +1584,15 @@
899
1584
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
900
1585
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
901
1586
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1587
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1588
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1589
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1590
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1591
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1592
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1593
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1594
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1595
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
902
1596
  --ks-color-notice: var(--ks-color-notice-base);
903
1597
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
904
1598
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
@@ -918,6 +1612,15 @@
918
1612
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
919
1613
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
920
1614
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1615
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1616
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1617
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1618
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1619
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1620
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1621
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1622
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1623
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
921
1624
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
922
1625
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
923
1626
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
@@ -937,6 +1640,15 @@
937
1640
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
938
1641
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
939
1642
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1643
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1644
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1645
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1646
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1647
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1648
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1649
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1650
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1651
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
940
1652
  --ks-color-negative: var(--ks-color-negative-base);
941
1653
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
942
1654
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
@@ -956,6 +1668,15 @@
956
1668
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
957
1669
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
958
1670
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1671
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1672
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1673
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1674
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1675
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1676
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1677
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1678
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1679
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
959
1680
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
960
1681
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
961
1682
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
@@ -975,6 +1696,15 @@
975
1696
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
976
1697
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
977
1698
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1699
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1700
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1701
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1702
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1703
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1704
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1705
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1706
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1707
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
978
1708
  --ks-color-secondary: var(--ks-color-secondary-base);
979
1709
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
980
1710
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
@@ -994,6 +1724,15 @@
994
1724
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
995
1725
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
996
1726
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1727
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1728
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1729
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1730
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1731
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1732
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1733
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1734
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1735
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
997
1736
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
998
1737
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
999
1738
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
@@ -1013,74 +1752,125 @@
1013
1752
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1014
1753
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1015
1754
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1016
- --ks-color-bg: var(--ks-color-bg-base);
1017
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1018
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1019
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1020
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1021
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1022
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1023
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1024
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1025
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1026
- --ks-color-bg-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1027
- --ks-color-bg-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1028
- --ks-color-bg-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1029
- --ks-color-bg-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1030
- --ks-color-bg-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1031
- --ks-color-bg-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1032
- --ks-color-bg-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1033
- --ks-color-bg-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1034
- --ks-color-bg-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1035
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1036
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1037
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1038
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1039
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1040
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1041
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1042
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1043
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1044
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1045
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1046
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1047
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1048
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1049
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1050
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1051
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1052
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1053
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1755
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1756
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1757
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1758
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1759
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1760
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1761
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1762
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1763
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1054
1764
  --ks-text-color-default: var(--ks-text-color-default-base);
1055
1765
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1056
1766
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1057
1767
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1058
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1768
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1059
1769
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1060
1770
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1061
1771
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1062
1772
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1063
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1773
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1774
+ --ks-text-color-copy: var(--ks-text-color-copy-base);
1775
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1776
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1777
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1778
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1779
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1780
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1781
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1782
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1783
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1784
+ --ks-text-color-display: var(--ks-text-color-display-base);
1785
+ --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1786
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1787
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1788
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1789
+ --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1790
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1791
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1792
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1793
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1064
1794
  --ks-text-color-interface: var(--ks-text-color-interface-base);
1065
1795
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1066
1796
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1067
1797
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1068
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1798
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1069
1799
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1070
1800
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1071
1801
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1072
1802
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1073
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1803
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1804
+ --ks-text-color-card: var(--ks-text-color-card-base);
1805
+ --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1806
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1807
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1808
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1809
+ --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1810
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1811
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1812
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1813
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1074
1814
  --ks-text-color-primary: var(--ks-text-color-primary-base);
1075
1815
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1076
1816
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1077
1817
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1078
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1818
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1079
1819
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1080
1820
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1081
1821
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1082
1822
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1083
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1823
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1824
+ --ks-text-color-positive: var(--ks-text-color-positive-base);
1825
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1826
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1827
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
1828
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
1829
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
1830
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
1831
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
1832
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
1833
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
1834
+ --ks-text-color-informative: var(--ks-text-color-informative-base);
1835
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
1836
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
1837
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
1838
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
1839
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
1840
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
1841
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
1842
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
1843
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
1844
+ --ks-text-color-notice: var(--ks-text-color-notice-base);
1845
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
1846
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
1847
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
1848
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
1849
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
1850
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
1851
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
1852
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
1853
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
1854
+ --ks-text-color-negative: var(--ks-text-color-negative-base);
1855
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
1856
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
1857
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
1858
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
1859
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
1860
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
1861
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1862
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1863
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1864
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
1865
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
1866
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
1867
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
1868
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1869
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
1870
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
1871
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
1872
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
1873
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
1084
1874
  }
1085
1875
  [ks-inverted=true] {
1086
1876
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
@@ -1111,6 +1901,18 @@
1111
1901
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1112
1902
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1113
1903
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1904
+ --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1905
+ --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1906
+ --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1907
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1908
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1909
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1910
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1911
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1912
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1913
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1914
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1915
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1114
1916
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1115
1917
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1116
1918
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
@@ -1123,6 +1925,66 @@
1123
1925
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1124
1926
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1125
1927
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1928
+ --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1929
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1930
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1931
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1932
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1933
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1934
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1935
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1936
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1937
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1938
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1939
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1940
+ --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1941
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1942
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1943
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1944
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1945
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1946
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1947
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1948
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1949
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1950
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1951
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1952
+ --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1953
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1954
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1955
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1956
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1957
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1958
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1959
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1960
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1961
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1962
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1963
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1964
+ --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1965
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1966
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1967
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1968
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1969
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1970
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1971
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1972
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1973
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1974
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1975
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1976
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
1977
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
1978
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1979
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
1980
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1981
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1982
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1983
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1984
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1985
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1986
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1987
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1126
1988
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1127
1989
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1128
1990
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1149,6 +2011,18 @@
1149
2011
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1150
2012
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1151
2013
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
2014
+ --ks-border-color-card: var(--ks-border-color-card-inverted-base);
2015
+ --ks-border-color-card-inverted: var(--ks-border-color-card-base);
2016
+ --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
2017
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
2018
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
2019
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
2020
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
2021
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
2022
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
2023
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
2024
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
2025
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1152
2026
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1153
2027
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1154
2028
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
@@ -1161,44 +2035,66 @@
1161
2035
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1162
2036
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1163
2037
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1164
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1165
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1166
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1167
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1168
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1169
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1170
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1171
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1172
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1173
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1174
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1175
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1176
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1177
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1178
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1179
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1180
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1181
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1182
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1183
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
1184
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1185
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1186
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1187
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1188
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1189
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1190
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1191
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1192
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1193
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1194
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1195
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1196
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1197
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1198
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1199
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1200
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1201
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2038
+ --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
2039
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
2040
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
2041
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
2042
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
2043
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
2044
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
2045
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
2046
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
2047
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
2048
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
2049
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
2050
+ --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
2051
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
2052
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
2053
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
2054
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
2055
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
2056
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
2057
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
2058
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
2059
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
2060
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
2061
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
2062
+ --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
2063
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
2064
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
2065
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
2066
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
2067
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
2068
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
2069
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
2070
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
2071
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
2072
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
2073
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
2074
+ --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
2075
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
2076
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
2077
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
2078
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
2079
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
2080
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
2081
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
2082
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
2083
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
2084
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
2085
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2086
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2087
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2088
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2089
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2090
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2091
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2092
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2093
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2094
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2095
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2096
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2097
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1202
2098
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1203
2099
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1204
2100
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -1237,8 +2133,156 @@
1237
2133
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1238
2134
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1239
2135
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2136
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
2137
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
2138
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
2139
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
2140
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
2141
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
2142
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
2143
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
2144
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
2145
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
2146
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
2147
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
2148
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
2149
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
2150
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
2151
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
2152
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
2153
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
2154
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
2155
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
2156
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
2157
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
2158
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
2159
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
2160
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
2161
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
2162
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
2163
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
2164
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
2165
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
2166
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
2167
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
2168
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
2169
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
2170
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
2171
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
2172
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
2173
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
2174
+ --ks-color-primary: var(--ks-color-primary-inverted-base);
2175
+ --ks-color-primary-inverted: var(--ks-color-primary-base);
2176
+ --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
2177
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
2178
+ --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
2179
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
2180
+ --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
2181
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
2182
+ --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
2183
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
2184
+ --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
2185
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
2186
+ --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
2187
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
2188
+ --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
2189
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
2190
+ --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
2191
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
2192
+ --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
2193
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2194
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2195
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2196
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2197
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2198
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2199
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2200
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2201
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2202
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2203
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2204
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2205
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2206
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2207
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2208
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2209
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2210
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2211
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2212
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2213
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2214
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2215
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2216
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2217
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2218
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2219
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2220
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2221
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2222
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2223
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2224
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2225
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2226
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2227
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2228
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2229
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1240
2230
  --ks-color-link: var(--ks-color-link-inverted-base);
1241
2231
  --ks-color-link-inverted: var(--ks-color-link-base);
2232
+ --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2233
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2234
+ --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2235
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2236
+ --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2237
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2238
+ --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2239
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2240
+ --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2241
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2242
+ --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2243
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2244
+ --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2245
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2246
+ --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2247
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2248
+ --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2249
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2250
+ --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2251
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2252
+ --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2253
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2254
+ --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2255
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2256
+ --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2257
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2258
+ --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2259
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2260
+ --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2261
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2262
+ --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2263
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2264
+ --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2265
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2266
+ --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2267
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2268
+ --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2269
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2270
+ --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2271
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2272
+ --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2273
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2274
+ --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2275
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2276
+ --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2277
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2278
+ --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2279
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2280
+ --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2281
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2282
+ --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2283
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2284
+ --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2285
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
1242
2286
  --ks-color-positive: var(--ks-color-positive-inverted-base);
1243
2287
  --ks-color-positive-inverted: var(--ks-color-positive-base);
1244
2288
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
@@ -1277,6 +2321,24 @@
1277
2321
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1278
2322
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1279
2323
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2324
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2325
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2326
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2327
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2328
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2329
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2330
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2331
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2332
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2333
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2334
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2335
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2336
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2337
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2338
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2339
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2340
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2341
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1280
2342
  --ks-color-informative: var(--ks-color-informative-inverted-base);
1281
2343
  --ks-color-informative-inverted: var(--ks-color-informative-base);
1282
2344
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
@@ -1315,6 +2377,24 @@
1315
2377
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1316
2378
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1317
2379
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2380
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2381
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2382
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2383
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2384
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2385
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2386
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2387
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2388
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2389
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2390
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2391
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2392
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2393
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2394
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2395
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2396
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2397
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1318
2398
  --ks-color-notice: var(--ks-color-notice-inverted-base);
1319
2399
  --ks-color-notice-inverted: var(--ks-color-notice-base);
1320
2400
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
@@ -1353,6 +2433,24 @@
1353
2433
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1354
2434
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1355
2435
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2436
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2437
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2438
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2439
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2440
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2441
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2442
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2443
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2444
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2445
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2446
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2447
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2448
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2449
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2450
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2451
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2452
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2453
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1356
2454
  --ks-color-negative: var(--ks-color-negative-inverted-base);
1357
2455
  --ks-color-negative-inverted: var(--ks-color-negative-base);
1358
2456
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
@@ -1391,6 +2489,24 @@
1391
2489
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1392
2490
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1393
2491
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2492
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2493
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2494
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2495
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2496
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2497
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2498
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2499
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2500
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2501
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2502
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2503
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2504
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2505
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2506
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2507
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2508
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2509
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1394
2510
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
1395
2511
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
1396
2512
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
@@ -1429,44 +2545,24 @@
1429
2545
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1430
2546
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1431
2547
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1432
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1433
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1434
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1435
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1436
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1437
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1438
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1439
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1440
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1441
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1442
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1443
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1444
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1445
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1446
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1447
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1448
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1449
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1450
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1451
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1452
- --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1453
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1454
- --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1455
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1456
- --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1457
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1458
- --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1459
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1460
- --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1461
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1462
- --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1463
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1464
- --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1465
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1466
- --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1467
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1468
- --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1469
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
2548
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2549
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2550
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2551
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2552
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2553
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2554
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2555
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2556
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2557
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2558
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2559
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2560
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2561
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2562
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2563
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2564
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2565
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1470
2566
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
1471
2567
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
1472
2568
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -1475,8 +2571,28 @@
1475
2571
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1476
2572
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1477
2573
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
1478
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1479
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
2574
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2575
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2576
+ --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2577
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2578
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2579
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2580
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2581
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2582
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2583
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2584
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2585
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2586
+ --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2587
+ --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2588
+ --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2589
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2590
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2591
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2592
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2593
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2594
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2595
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1480
2596
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
1481
2597
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
1482
2598
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
@@ -1485,8 +2601,18 @@
1485
2601
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1486
2602
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1487
2603
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1488
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1489
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
2604
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2605
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2606
+ --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2607
+ --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2608
+ --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2609
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2610
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2611
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2612
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2613
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2614
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2615
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1490
2616
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
1491
2617
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
1492
2618
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
@@ -1495,8 +2621,58 @@
1495
2621
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1496
2622
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1497
2623
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1498
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1499
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
2624
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2625
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2626
+ --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2627
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2628
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2629
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2630
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2631
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2632
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2633
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2634
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2635
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2636
+ --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2637
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2638
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2639
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2640
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2641
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2642
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2643
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2644
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2645
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2646
+ --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2647
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2648
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2649
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2650
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2651
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2652
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2653
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2654
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2655
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2656
+ --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2657
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2658
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2659
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2660
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2661
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2662
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2663
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2664
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2665
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2666
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2667
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2668
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2669
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2670
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2671
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2672
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2673
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2674
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2675
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1500
2676
  }
1501
2677
  @media (min-width: 36em) {
1502
2678
  :root {