@kickstartds/ds-agency-premium 1.2.10 → 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.
Files changed (10) hide show
  1. package/dist/components/page-wrapper/tokens.css +1571 -395
  2. package/dist/components/testimonials/testimonials.css +12 -0
  3. package/dist/static/tokens-business.css +1522 -346
  4. package/dist/static/tokens-google.css +1540 -364
  5. package/dist/static/tokens-ngo.css +1787 -335
  6. package/dist/static/tokens-telekom.css +1532 -356
  7. package/dist/static/tokens.css +1571 -395
  8. package/dist/tokens/tokens.css +1571 -395
  9. package/dist/tokens/tokens.js +654 -250
  10. package/package.json +7 -6
package/dist/static/tokens-google.css CHANGED
@@ -1,51 +1,123 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Feb 2024 15:31:07 GMT
3
+ * Generated on Thu, 29 Feb 2024 18:10:42 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-6-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);
17
+ --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
18
+ --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
19
+ --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
20
+ --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
21
21
  --ks-background-color-default-base: var(--ks-color-bg-base);
22
22
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
23
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
- --ks-box-shadow-opacity-card-hover: 0.15;
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(32,33,36,var(--ks-box-shadow-opacity-control));
99
249
  --ks-box-shadow-color-control-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-control-hover));
250
+ --ks-box-shadow-color-control-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-control-inverted));
251
+ --ks-box-shadow-color-control-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-control-inverted-hover));
100
252
  --ks-box-shadow-color-card: rgba(32,33,36,var(--ks-box-shadow-opacity-card));
101
253
  --ks-box-shadow-color-card-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-card-hover));
254
+ --ks-box-shadow-color-card-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-card-inverted));
255
+ --ks-box-shadow-color-card-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-card-inverted-hover));
102
256
  --ks-box-shadow-color-surface: rgba(32,33,36,var(--ks-box-shadow-opacity-surface));
103
257
  --ks-box-shadow-color-surface-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-hover));
258
+ --ks-box-shadow-color-surface-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-inverted));
259
+ --ks-box-shadow-color-surface-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-inverted-hover));
104
260
  --ks-box-shadow-control: 0 1px 2px var(--ks-box-shadow-color-control);
105
261
  --ks-box-shadow-control-hover: 0 1px 4px var(--ks-box-shadow-color-control-hover);
262
+ --ks-box-shadow-control-inverted: 0 1px 2px var(--ks-box-shadow-color-control-inverted);
263
+ --ks-box-shadow-control-inverted-hover: 0 1px 4px var(--ks-box-shadow-color-control-inverted-hover);
106
264
  --ks-box-shadow-card: 0 1px 4px var(--ks-box-shadow-color-card);
107
265
  --ks-box-shadow-card-hover: 0 1px 8px var(--ks-box-shadow-color-card-hover);
266
+ --ks-box-shadow-card-inverted: 0 1px 4px var(--ks-box-shadow-color-card-inverted);
267
+ --ks-box-shadow-card-inverted-hover: 0 1px 8px var(--ks-box-shadow-color-card-inverted-hover);
108
268
  --ks-box-shadow-surface: 0 1px 8px var(--ks-box-shadow-color-surface);
109
269
  --ks-box-shadow-surface-hover: 0 1px 16px var(--ks-box-shadow-color-surface-hover);
110
- --ks-color-primary-base: #4285f4;
111
- --ks-color-primary-alpha-1-base: rgba(66,133,244,.95);
112
- --ks-color-primary-alpha-2-base: rgba(66,133,244,.87);
113
- --ks-color-primary-alpha-3-base: rgba(66,133,244,.76);
114
- --ks-color-primary-alpha-4-base: rgba(66,133,244,.63);
115
- --ks-color-primary-alpha-5-base: rgba(66,133,244,.5);
116
- --ks-color-primary-alpha-6-base: rgba(66,133,244,.37);
117
- --ks-color-primary-alpha-7-base: rgba(66,133,244,.24);
118
- --ks-color-primary-alpha-8-base: rgba(66,133,244,.13);
119
- --ks-color-primary-alpha-9-base: rgba(66,133,244,.05);
120
- --ks-color-primary-to-bg-1-base: #4b8af4;
121
- --ks-color-primary-to-bg-2-base: #5993f4;
122
- --ks-color-primary-to-bg-3-base: #6c9ff3;
123
- --ks-color-primary-to-bg-4-base: #83adf3;
124
- --ks-color-primary-to-bg-5-base: #9abbf3;
125
- --ks-color-primary-to-bg-6-base: #b0c9f2;
126
- --ks-color-primary-to-bg-7-base: #c7d7f2;
127
- --ks-color-primary-to-bg-8-base: #dae3f1;
128
- --ks-color-primary-to-bg-9-base: #e8ecf1;
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: #e2e2e3;
141
- --ks-color-primary-inverted-to-bg-3-base: #c9caca;
142
- --ks-color-primary-inverted-to-bg-4-base: #acadae;
143
- --ks-color-primary-inverted-to-bg-5-base: #909092;
144
- --ks-color-primary-inverted-to-bg-6-base: #737375;
145
- --ks-color-primary-inverted-to-bg-7-base: #565659;
146
- --ks-color-primary-inverted-to-bg-8-base: #3d3e40;
147
- --ks-color-primary-inverted-to-bg-9-base: #2b2c2f;
270
+ --ks-box-shadow-surface-inverted: 0 1px 8px var(--ks-box-shadow-color-surface-inverted);
271
+ --ks-box-shadow-surface-inverted-hover: 0 1px 16px var(--ks-box-shadow-color-surface-inverted-hover);
148
272
  --ks-color-fg-base: #202124;
149
273
  --ks-color-fg-alpha-1-base: rgba(32,33,36,.95);
150
274
  --ks-color-fg-alpha-2-base: rgba(32,33,36,.87);
@@ -164,28 +288,176 @@
164
288
  --ks-color-fg-to-bg-7-base: #bfbfc0;
165
289
  --ks-color-fg-to-bg-8-base: #d6d6d6;
166
290
  --ks-color-fg-to-bg-9-base: #e7e7e7;
167
- --ks-color-fg-inverted-base: #f1f1f1;
168
- --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,95%,.95);
169
- --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,95%,.87);
170
- --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,95%,.76);
171
- --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,95%,.63);
172
- --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,95%,.5);
173
- --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,95%,.37);
174
- --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,95%,.24);
175
- --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,95%,.13);
176
- --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,95%,.05);
177
- --ks-color-fg-inverted-to-bg-1-base: #e7e7e7;
178
- --ks-color-fg-inverted-to-bg-2-base: #d6d6d6;
179
- --ks-color-fg-inverted-to-bg-3-base: #bfbfc0;
180
- --ks-color-fg-inverted-to-bg-4-base: #a4a4a5;
181
- --ks-color-fg-inverted-to-bg-5-base: #89898b;
182
- --ks-color-fg-inverted-to-bg-6-base: #6d6e70;
183
- --ks-color-fg-inverted-to-bg-7-base: #525355;
184
- --ks-color-fg-inverted-to-bg-8-base: #3b3c3f;
185
- --ks-color-fg-inverted-to-bg-9-base: #2a2b2e;
291
+ --ks-color-fg-inverted-base: #fff;
292
+ --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
293
+ --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
294
+ --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
295
+ --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
296
+ --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
297
+ --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
298
+ --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
299
+ --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
300
+ --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
301
+ --ks-color-fg-inverted-to-bg-1-base: #f3f3f3;
302
+ --ks-color-fg-inverted-to-bg-2-base: #e0e0e0;
303
+ --ks-color-fg-inverted-to-bg-3-base: #c5c5c5;
304
+ --ks-color-fg-inverted-to-bg-4-base: #a6a6a6;
305
+ --ks-color-fg-inverted-to-bg-5-base: #878787;
306
+ --ks-color-fg-inverted-to-bg-6-base: #686868;
307
+ --ks-color-fg-inverted-to-bg-7-base: #494949;
308
+ --ks-color-fg-inverted-to-bg-8-base: #2e2e2e;
309
+ --ks-color-fg-inverted-to-bg-9-base: #1b1b1b;
310
+ --ks-color-bg-base: #f1f1f1;
311
+ --ks-color-bg-alpha-1-base: hsla(0,0%,95%,.95);
312
+ --ks-color-bg-alpha-2-base: hsla(0,0%,95%,.87);
313
+ --ks-color-bg-alpha-3-base: hsla(0,0%,95%,.76);
314
+ --ks-color-bg-alpha-4-base: hsla(0,0%,95%,.63);
315
+ --ks-color-bg-alpha-5-base: hsla(0,0%,95%,.5);
316
+ --ks-color-bg-alpha-6-base: hsla(0,0%,95%,.37);
317
+ --ks-color-bg-alpha-7-base: hsla(0,0%,95%,.24);
318
+ --ks-color-bg-alpha-8-base: hsla(0,0%,95%,.13);
319
+ --ks-color-bg-alpha-9-base: hsla(0,0%,95%,.05);
320
+ --ks-color-bg-to-fg-1-base: #e7e7e7;
321
+ --ks-color-bg-to-fg-2-base: #d6d6d6;
322
+ --ks-color-bg-to-fg-3-base: #bfbfc0;
323
+ --ks-color-bg-to-fg-4-base: #a4a4a5;
324
+ --ks-color-bg-to-fg-5-base: #89898b;
325
+ --ks-color-bg-to-fg-6-base: #6d6e70;
326
+ --ks-color-bg-to-fg-7-base: #525355;
327
+ --ks-color-bg-to-fg-8-base: #3b3c3f;
328
+ --ks-color-bg-to-fg-9-base: #2a2b2e;
329
+ --ks-color-bg-inverted-base: #0f0f0f;
330
+ --ks-color-bg-inverted-alpha-1-base: hsla(0,0%,6%,.95);
331
+ --ks-color-bg-inverted-alpha-2-base: hsla(0,0%,6%,.87);
332
+ --ks-color-bg-inverted-alpha-3-base: hsla(0,0%,6%,.76);
333
+ --ks-color-bg-inverted-alpha-4-base: hsla(0,0%,6%,.63);
334
+ --ks-color-bg-inverted-alpha-5-base: hsla(0,0%,6%,.5);
335
+ --ks-color-bg-inverted-alpha-6-base: hsla(0,0%,6%,.37);
336
+ --ks-color-bg-inverted-alpha-7-base: hsla(0,0%,6%,.24);
337
+ --ks-color-bg-inverted-alpha-8-base: hsla(0,0%,6%,.13);
338
+ --ks-color-bg-inverted-alpha-9-base: hsla(0,0%,6%,.05);
339
+ --ks-color-bg-inverted-to-fg-1-base: #1b1b1b;
340
+ --ks-color-bg-inverted-to-fg-2-base: #2e2e2e;
341
+ --ks-color-bg-inverted-to-fg-3-base: #494949;
342
+ --ks-color-bg-inverted-to-fg-4-base: #686868;
343
+ --ks-color-bg-inverted-to-fg-5-base: #878787;
344
+ --ks-color-bg-inverted-to-fg-6-base: #a6a6a6;
345
+ --ks-color-bg-inverted-to-fg-7-base: #c5c5c5;
346
+ --ks-color-bg-inverted-to-fg-8-base: #e0e0e0;
347
+ --ks-color-bg-inverted-to-fg-9-base: #f3f3f3;
348
+ --ks-color-transparent-base: rgba(0,0,0,0);
349
+ --ks-color-primary-base: #4285f4;
350
+ --ks-color-primary-alpha-1-base: rgba(66,133,244,.95);
351
+ --ks-color-primary-alpha-2-base: rgba(66,133,244,.87);
352
+ --ks-color-primary-alpha-3-base: rgba(66,133,244,.76);
353
+ --ks-color-primary-alpha-4-base: rgba(66,133,244,.63);
354
+ --ks-color-primary-alpha-5-base: rgba(66,133,244,.5);
355
+ --ks-color-primary-alpha-6-base: rgba(66,133,244,.37);
356
+ --ks-color-primary-alpha-7-base: rgba(66,133,244,.24);
357
+ --ks-color-primary-alpha-8-base: rgba(66,133,244,.13);
358
+ --ks-color-primary-alpha-9-base: rgba(66,133,244,.05);
359
+ --ks-color-primary-to-bg-1-base: #4b8af4;
360
+ --ks-color-primary-to-bg-2-base: #5993f4;
361
+ --ks-color-primary-to-bg-3-base: #6c9ff3;
362
+ --ks-color-primary-to-bg-4-base: #83adf3;
363
+ --ks-color-primary-to-bg-5-base: #9abbf3;
364
+ --ks-color-primary-to-bg-6-base: #b0c9f2;
365
+ --ks-color-primary-to-bg-7-base: #c7d7f2;
366
+ --ks-color-primary-to-bg-8-base: #dae3f1;
367
+ --ks-color-primary-to-bg-9-base: #e8ecf1;
368
+ --ks-color-primary-to-fg-1-base: #4080ea;
369
+ --ks-color-primary-to-fg-2-base: #3e78d9;
370
+ --ks-color-primary-to-fg-3-base: #3a6dc2;
371
+ --ks-color-primary-to-fg-4-base: #3560a7;
372
+ --ks-color-primary-to-fg-5-base: #31538c;
373
+ --ks-color-primary-to-fg-6-base: #2d4671;
374
+ --ks-color-primary-to-fg-7-base: #283956;
375
+ --ks-color-primary-to-fg-8-base: #242e3f;
376
+ --ks-color-primary-to-fg-9-base: #22262e;
377
+ --ks-color-primary-inverted-base: #4285f4;
378
+ --ks-color-primary-inverted-alpha-1-base: rgba(66,133,244,.95);
379
+ --ks-color-primary-inverted-alpha-2-base: rgba(66,133,244,.87);
380
+ --ks-color-primary-inverted-alpha-3-base: rgba(66,133,244,.76);
381
+ --ks-color-primary-inverted-alpha-4-base: rgba(66,133,244,.63);
382
+ --ks-color-primary-inverted-alpha-5-base: rgba(66,133,244,.5);
383
+ --ks-color-primary-inverted-alpha-6-base: rgba(66,133,244,.37);
384
+ --ks-color-primary-inverted-alpha-7-base: rgba(66,133,244,.24);
385
+ --ks-color-primary-inverted-alpha-8-base: rgba(66,133,244,.13);
386
+ --ks-color-primary-inverted-alpha-9-base: rgba(66,133,244,.05);
387
+ --ks-color-primary-inverted-to-bg-1-base: #3f7fe9;
388
+ --ks-color-primary-inverted-to-bg-2-base: #3b76d6;
389
+ --ks-color-primary-inverted-to-bg-3-base: #3669bd;
390
+ --ks-color-primary-inverted-to-bg-4-base: #2f599f;
391
+ --ks-color-primary-inverted-to-bg-5-base: #294a82;
392
+ --ks-color-primary-inverted-to-bg-6-base: #223b64;
393
+ --ks-color-primary-inverted-to-bg-7-base: #1b2b46;
394
+ --ks-color-primary-inverted-to-bg-8-base: #161e2d;
395
+ --ks-color-primary-inverted-to-bg-9-base: #12151a;
396
+ --ks-color-primary-inverted-to-fg-1-base: #4b8bf5;
397
+ --ks-color-primary-inverted-to-fg-2-base: #5b95f5;
398
+ --ks-color-primary-inverted-to-fg-3-base: #6fa2f7;
399
+ --ks-color-primary-inverted-to-fg-4-base: #88b2f8;
400
+ --ks-color-primary-inverted-to-fg-5-base: #a1c2fa;
401
+ --ks-color-primary-inverted-to-fg-6-base: #b9d2fb;
402
+ --ks-color-primary-inverted-to-fg-7-base: #d2e2fc;
403
+ --ks-color-primary-inverted-to-fg-8-base: #e6effe;
404
+ --ks-color-primary-inverted-to-fg-9-base: #f6f9fe;
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: #0c85b2;
416
+ --ks-color-link-to-bg-2-base: #1f8eb8;
417
+ --ks-color-link-to-bg-3-base: #3a9abf;
418
+ --ks-color-link-to-bg-4-base: #59a9c7;
419
+ --ks-color-link-to-bg-5-base: #79b8d0;
420
+ --ks-color-link-to-bg-6-base: #98c7d9;
421
+ --ks-color-link-to-bg-7-base: #b7d6e1;
422
+ --ks-color-link-to-bg-8-base: #d2e2e8;
423
+ --ks-color-link-to-bg-9-base: #e5ebee;
424
+ --ks-color-link-to-fg-1-base: #027aa8;
425
+ --ks-color-link-to-fg-2-base: #04739d;
426
+ --ks-color-link-to-fg-3-base: #08688e;
427
+ --ks-color-link-to-fg-4-base: #0c5c7c;
428
+ --ks-color-link-to-fg-5-base: #10506a;
429
+ --ks-color-link-to-fg-6-base: #144457;
430
+ --ks-color-link-to-fg-7-base: #183845;
431
+ --ks-color-link-to-fg-8-base: #1c2d36;
432
+ --ks-color-link-to-fg-9-base: #1e262b;
187
433
  --ks-color-link-inverted-base: #3ea6ff;
188
- --ks-color-transparent-base: rgba(0,0,0,0);
434
+ --ks-color-link-inverted-alpha-1-base: rgba(62,166,255,.95);
435
+ --ks-color-link-inverted-alpha-2-base: rgba(62,166,255,.87);
436
+ --ks-color-link-inverted-alpha-3-base: rgba(62,166,255,.76);
437
+ --ks-color-link-inverted-alpha-4-base: rgba(62,166,255,.63);
438
+ --ks-color-link-inverted-alpha-5-base: rgba(62,166,255,.5);
439
+ --ks-color-link-inverted-alpha-6-base: rgba(62,166,255,.37);
440
+ --ks-color-link-inverted-alpha-7-base: rgba(62,166,255,.24);
441
+ --ks-color-link-inverted-alpha-8-base: rgba(62,166,255,.13);
442
+ --ks-color-link-inverted-alpha-9-base: rgba(62,166,255,.05);
443
+ --ks-color-link-inverted-to-bg-1-base: #3c9ef3;
444
+ --ks-color-link-inverted-to-bg-2-base: #3892e0;
445
+ --ks-color-link-inverted-to-bg-3-base: #3382c5;
446
+ --ks-color-link-inverted-to-bg-4-base: #2d6ea6;
447
+ --ks-color-link-inverted-to-bg-5-base: #275b87;
448
+ --ks-color-link-inverted-to-bg-6-base: #204768;
449
+ --ks-color-link-inverted-to-bg-7-base: #1a3349;
450
+ --ks-color-link-inverted-to-bg-8-base: #15232e;
451
+ --ks-color-link-inverted-to-bg-9-base: #11171b;
452
+ --ks-color-link-inverted-to-fg-1-base: #48aaff;
453
+ --ks-color-link-inverted-to-fg-2-base: #57b2ff;
454
+ --ks-color-link-inverted-to-fg-3-base: #6cbbff;
455
+ --ks-color-link-inverted-to-fg-4-base: #85c7ff;
456
+ --ks-color-link-inverted-to-fg-5-base: #9fd3ff;
457
+ --ks-color-link-inverted-to-fg-6-base: #b8deff;
458
+ --ks-color-link-inverted-to-fg-7-base: #d1eaff;
459
+ --ks-color-link-inverted-to-fg-8-base: #e6f3ff;
460
+ --ks-color-link-inverted-to-fg-9-base: #f5fbff;
189
461
  --ks-color-positive-base: #34a853;
190
462
  --ks-color-positive-alpha-1-base: rgba(52,168,83,.95);
191
463
  --ks-color-positive-alpha-2-base: rgba(52,168,83,.87);
@@ -205,6 +477,15 @@
205
477
  --ks-color-positive-to-bg-7-base: #c4dfcb;
206
478
  --ks-color-positive-to-bg-8-base: #d8e8dc;
207
479
  --ks-color-positive-to-bg-9-base: #e8ede9;
480
+ --ks-color-positive-to-fg-1-base: #33a151;
481
+ --ks-color-positive-to-fg-2-base: #31964d;
482
+ --ks-color-positive-to-fg-3-base: #2f8848;
483
+ --ks-color-positive-to-fg-4-base: #2d7642;
484
+ --ks-color-positive-to-fg-5-base: #2a653c;
485
+ --ks-color-positive-to-fg-6-base: #275335;
486
+ --ks-color-positive-to-fg-7-base: #25412f;
487
+ --ks-color-positive-to-fg-8-base: #23332a;
488
+ --ks-color-positive-to-fg-9-base: #212826;
208
489
  --ks-color-positive-inverted-base: #34a853;
209
490
  --ks-color-positive-inverted-alpha-1-base: rgba(52,168,83,.95);
210
491
  --ks-color-positive-inverted-alpha-2-base: rgba(52,168,83,.87);
@@ -215,15 +496,24 @@
215
496
  --ks-color-positive-inverted-alpha-7-base: rgba(52,168,83,.24);
216
497
  --ks-color-positive-inverted-alpha-8-base: rgba(52,168,83,.13);
217
498
  --ks-color-positive-inverted-alpha-9-base: rgba(52,168,83,.05);
218
- --ks-color-positive-inverted-to-bg-1-base: #33a151;
219
- --ks-color-positive-inverted-to-bg-2-base: #31964d;
220
- --ks-color-positive-inverted-to-bg-3-base: #2f8848;
221
- --ks-color-positive-inverted-to-bg-4-base: #2d7642;
222
- --ks-color-positive-inverted-to-bg-5-base: #2a653c;
223
- --ks-color-positive-inverted-to-bg-6-base: #275335;
224
- --ks-color-positive-inverted-to-bg-7-base: #25412f;
225
- --ks-color-positive-inverted-to-bg-8-base: #23332a;
226
- --ks-color-positive-inverted-to-bg-9-base: #212826;
499
+ --ks-color-positive-inverted-to-bg-1-base: #32a050;
500
+ --ks-color-positive-inverted-to-bg-2-base: #2f944a;
501
+ --ks-color-positive-inverted-to-bg-3-base: #2b8343;
502
+ --ks-color-positive-inverted-to-bg-4-base: #266f3a;
503
+ --ks-color-positive-inverted-to-bg-5-base: #225c31;
504
+ --ks-color-positive-inverted-to-bg-6-base: #1d4828;
505
+ --ks-color-positive-inverted-to-bg-7-base: #18341f;
506
+ --ks-color-positive-inverted-to-bg-8-base: #142318;
507
+ --ks-color-positive-inverted-to-bg-9-base: #111712;
508
+ --ks-color-positive-inverted-to-fg-1-base: #3eac5c;
509
+ --ks-color-positive-inverted-to-fg-2-base: #4eb369;
510
+ --ks-color-positive-inverted-to-fg-3-base: #65bd7c;
511
+ --ks-color-positive-inverted-to-fg-4-base: #7fc893;
512
+ --ks-color-positive-inverted-to-fg-5-base: #9ad4a9;
513
+ --ks-color-positive-inverted-to-fg-6-base: #b4dfbf;
514
+ --ks-color-positive-inverted-to-fg-7-base: #ceead6;
515
+ --ks-color-positive-inverted-to-fg-8-base: #e5f4e9;
516
+ --ks-color-positive-inverted-to-fg-9-base: #f5fbf6;
227
517
  --ks-color-informative-base: #4285f4;
228
518
  --ks-color-informative-alpha-1-base: rgba(66,133,244,.95);
229
519
  --ks-color-informative-alpha-2-base: rgba(66,133,244,.87);
@@ -243,6 +533,15 @@
243
533
  --ks-color-informative-to-bg-7-base: #c7d7f2;
244
534
  --ks-color-informative-to-bg-8-base: #dae3f1;
245
535
  --ks-color-informative-to-bg-9-base: #e8ecf1;
536
+ --ks-color-informative-to-fg-1-base: #4080ea;
537
+ --ks-color-informative-to-fg-2-base: #3e78d9;
538
+ --ks-color-informative-to-fg-3-base: #3a6dc2;
539
+ --ks-color-informative-to-fg-4-base: #3560a7;
540
+ --ks-color-informative-to-fg-5-base: #31538c;
541
+ --ks-color-informative-to-fg-6-base: #2d4671;
542
+ --ks-color-informative-to-fg-7-base: #283956;
543
+ --ks-color-informative-to-fg-8-base: #242e3f;
544
+ --ks-color-informative-to-fg-9-base: #22262e;
246
545
  --ks-color-informative-inverted-base: #4285f4;
247
546
  --ks-color-informative-inverted-alpha-1-base: rgba(66,133,244,.95);
248
547
  --ks-color-informative-inverted-alpha-2-base: rgba(66,133,244,.87);
@@ -253,15 +552,24 @@
253
552
  --ks-color-informative-inverted-alpha-7-base: rgba(66,133,244,.24);
254
553
  --ks-color-informative-inverted-alpha-8-base: rgba(66,133,244,.13);
255
554
  --ks-color-informative-inverted-alpha-9-base: rgba(66,133,244,.05);
256
- --ks-color-informative-inverted-to-bg-1-base: #4080ea;
257
- --ks-color-informative-inverted-to-bg-2-base: #3e78d9;
258
- --ks-color-informative-inverted-to-bg-3-base: #3a6dc2;
259
- --ks-color-informative-inverted-to-bg-4-base: #3560a7;
260
- --ks-color-informative-inverted-to-bg-5-base: #31538c;
261
- --ks-color-informative-inverted-to-bg-6-base: #2d4671;
262
- --ks-color-informative-inverted-to-bg-7-base: #283956;
263
- --ks-color-informative-inverted-to-bg-8-base: #242e3f;
264
- --ks-color-informative-inverted-to-bg-9-base: #22262e;
555
+ --ks-color-informative-inverted-to-bg-1-base: #3f7fe9;
556
+ --ks-color-informative-inverted-to-bg-2-base: #3b76d6;
557
+ --ks-color-informative-inverted-to-bg-3-base: #3669bd;
558
+ --ks-color-informative-inverted-to-bg-4-base: #2f599f;
559
+ --ks-color-informative-inverted-to-bg-5-base: #294a82;
560
+ --ks-color-informative-inverted-to-bg-6-base: #223b64;
561
+ --ks-color-informative-inverted-to-bg-7-base: #1b2b46;
562
+ --ks-color-informative-inverted-to-bg-8-base: #161e2d;
563
+ --ks-color-informative-inverted-to-bg-9-base: #12151a;
564
+ --ks-color-informative-inverted-to-fg-1-base: #4b8bf5;
565
+ --ks-color-informative-inverted-to-fg-2-base: #5b95f5;
566
+ --ks-color-informative-inverted-to-fg-3-base: #6fa2f7;
567
+ --ks-color-informative-inverted-to-fg-4-base: #88b2f8;
568
+ --ks-color-informative-inverted-to-fg-5-base: #a1c2fa;
569
+ --ks-color-informative-inverted-to-fg-6-base: #b9d2fb;
570
+ --ks-color-informative-inverted-to-fg-7-base: #d2e2fc;
571
+ --ks-color-informative-inverted-to-fg-8-base: #e6effe;
572
+ --ks-color-informative-inverted-to-fg-9-base: #f6f9fe;
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: #f3eccc;
282
590
  --ks-color-notice-to-bg-8-base: #f2efdd;
283
591
  --ks-color-notice-to-bg-9-base: #f1f0e9;
592
+ --ks-color-notice-to-fg-1-base: #eed553;
593
+ --ks-color-notice-to-fg-2-base: #ddc54f;
594
+ --ks-color-notice-to-fg-3-base: #c5b149;
595
+ --ks-color-notice-to-fg-4-base: #a99843;
596
+ --ks-color-notice-to-fg-5-base: #8d803d;
597
+ --ks-color-notice-to-fg-6-base: #706736;
598
+ --ks-color-notice-to-fg-7-base: #544e30;
599
+ --ks-color-notice-to-fg-8-base: #3c3a2a;
600
+ --ks-color-notice-to-fg-9-base: #2b2a26;
284
601
  --ks-color-notice-inverted-base: #f9de55;
285
602
  --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
286
603
  --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
@@ -291,15 +608,24 @@
291
608
  --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
292
609
  --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
293
610
  --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
294
- --ks-color-notice-inverted-to-bg-1-base: #eed553;
295
- --ks-color-notice-inverted-to-bg-2-base: #ddc54f;
296
- --ks-color-notice-inverted-to-bg-3-base: #c5b149;
297
- --ks-color-notice-inverted-to-bg-4-base: #a99843;
298
- --ks-color-notice-inverted-to-bg-5-base: #8d803d;
299
- --ks-color-notice-inverted-to-bg-6-base: #706736;
300
- --ks-color-notice-inverted-to-bg-7-base: #544e30;
301
- --ks-color-notice-inverted-to-bg-8-base: #3c3a2a;
302
- --ks-color-notice-inverted-to-bg-9-base: #2b2a26;
611
+ --ks-color-notice-inverted-to-bg-1-base: #edd452;
612
+ --ks-color-notice-inverted-to-bg-2-base: #dbc34c;
613
+ --ks-color-notice-inverted-to-bg-3-base: #c1ac44;
614
+ --ks-color-notice-inverted-to-bg-4-base: #a2913b;
615
+ --ks-color-notice-inverted-to-bg-5-base: #847732;
616
+ --ks-color-notice-inverted-to-bg-6-base: #665c29;
617
+ --ks-color-notice-inverted-to-bg-7-base: #474120;
618
+ --ks-color-notice-inverted-to-bg-8-base: #2d2a18;
619
+ --ks-color-notice-inverted-to-bg-9-base: #1b1913;
620
+ --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
621
+ --ks-color-notice-inverted-to-fg-2-base: #fae26b;
622
+ --ks-color-notice-inverted-to-fg-3-base: #fae67e;
623
+ --ks-color-notice-inverted-to-fg-4-base: #fbea94;
624
+ --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
625
+ --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
626
+ --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
627
+ --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
628
+ --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
303
629
  --ks-color-negative-base: #4285f4;
304
630
  --ks-color-negative-alpha-1-base: rgba(66,133,244,.95);
305
631
  --ks-color-negative-alpha-2-base: rgba(66,133,244,.87);
@@ -319,6 +645,15 @@
319
645
  --ks-color-negative-to-bg-7-base: #c7d7f2;
320
646
  --ks-color-negative-to-bg-8-base: #dae3f1;
321
647
  --ks-color-negative-to-bg-9-base: #e8ecf1;
648
+ --ks-color-negative-to-fg-1-base: #4080ea;
649
+ --ks-color-negative-to-fg-2-base: #3e78d9;
650
+ --ks-color-negative-to-fg-3-base: #3a6dc2;
651
+ --ks-color-negative-to-fg-4-base: #3560a7;
652
+ --ks-color-negative-to-fg-5-base: #31538c;
653
+ --ks-color-negative-to-fg-6-base: #2d4671;
654
+ --ks-color-negative-to-fg-7-base: #283956;
655
+ --ks-color-negative-to-fg-8-base: #242e3f;
656
+ --ks-color-negative-to-fg-9-base: #22262e;
322
657
  --ks-color-negative-inverted-base: #4285f4;
323
658
  --ks-color-negative-inverted-alpha-1-base: rgba(66,133,244,.95);
324
659
  --ks-color-negative-inverted-alpha-2-base: rgba(66,133,244,.87);
@@ -329,15 +664,24 @@
329
664
  --ks-color-negative-inverted-alpha-7-base: rgba(66,133,244,.24);
330
665
  --ks-color-negative-inverted-alpha-8-base: rgba(66,133,244,.13);
331
666
  --ks-color-negative-inverted-alpha-9-base: rgba(66,133,244,.05);
332
- --ks-color-negative-inverted-to-bg-1-base: #4080ea;
333
- --ks-color-negative-inverted-to-bg-2-base: #3e78d9;
334
- --ks-color-negative-inverted-to-bg-3-base: #3a6dc2;
335
- --ks-color-negative-inverted-to-bg-4-base: #3560a7;
336
- --ks-color-negative-inverted-to-bg-5-base: #31538c;
337
- --ks-color-negative-inverted-to-bg-6-base: #2d4671;
338
- --ks-color-negative-inverted-to-bg-7-base: #283956;
339
- --ks-color-negative-inverted-to-bg-8-base: #242e3f;
340
- --ks-color-negative-inverted-to-bg-9-base: #22262e;
667
+ --ks-color-negative-inverted-to-bg-1-base: #3f7fe9;
668
+ --ks-color-negative-inverted-to-bg-2-base: #3b76d6;
669
+ --ks-color-negative-inverted-to-bg-3-base: #3669bd;
670
+ --ks-color-negative-inverted-to-bg-4-base: #2f599f;
671
+ --ks-color-negative-inverted-to-bg-5-base: #294a82;
672
+ --ks-color-negative-inverted-to-bg-6-base: #223b64;
673
+ --ks-color-negative-inverted-to-bg-7-base: #1b2b46;
674
+ --ks-color-negative-inverted-to-bg-8-base: #161e2d;
675
+ --ks-color-negative-inverted-to-bg-9-base: #12151a;
676
+ --ks-color-negative-inverted-to-fg-1-base: #4b8bf5;
677
+ --ks-color-negative-inverted-to-fg-2-base: #5b95f5;
678
+ --ks-color-negative-inverted-to-fg-3-base: #6fa2f7;
679
+ --ks-color-negative-inverted-to-fg-4-base: #88b2f8;
680
+ --ks-color-negative-inverted-to-fg-5-base: #a1c2fa;
681
+ --ks-color-negative-inverted-to-fg-6-base: #b9d2fb;
682
+ --ks-color-negative-inverted-to-fg-7-base: #d2e2fc;
683
+ --ks-color-negative-inverted-to-fg-8-base: #e6effe;
684
+ --ks-color-negative-inverted-to-fg-9-base: #f6f9fe;
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: #b7d6e1;
358
702
  --ks-color-secondary-to-bg-8-base: #d2e2e8;
359
703
  --ks-color-secondary-to-bg-9-base: #e5ebee;
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: #e2e2e3;
372
- --ks-color-secondary-inverted-to-bg-3-base: #c9caca;
373
- --ks-color-secondary-inverted-to-bg-4-base: #acadae;
374
- --ks-color-secondary-inverted-to-bg-5-base: #909092;
375
- --ks-color-secondary-inverted-to-bg-6-base: #737375;
376
- --ks-color-secondary-inverted-to-bg-7-base: #565659;
377
- --ks-color-secondary-inverted-to-bg-8-base: #3d3e40;
378
- --ks-color-secondary-inverted-to-bg-9-base: #2b2c2f;
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: #fefefe;
390
- --ks-color-bg-to-bg-2-base: #fdfdfd;
391
- --ks-color-bg-to-bg-3-base: #fcfcfc;
392
- --ks-color-bg-to-bg-4-base: #fafafa;
393
- --ks-color-bg-to-bg-5-base: #f8f8f8;
394
- --ks-color-bg-to-bg-6-base: #f6f6f6;
395
- --ks-color-bg-to-bg-7-base: #f4f4f4;
396
- --ks-color-bg-to-bg-8-base: #f3f3f3;
397
- --ks-color-bg-to-bg-9-base: #f2f2f2;
398
- --ks-color-bg-inverted-base: #0f0f0f;
399
- --ks-color-bg-inverted-alpha-1-base: hsla(0,0%,6%,.95);
400
- --ks-color-bg-inverted-alpha-2-base: hsla(0,0%,6%,.87);
401
- --ks-color-bg-inverted-alpha-3-base: hsla(0,0%,6%,.76);
402
- --ks-color-bg-inverted-alpha-4-base: hsla(0,0%,6%,.63);
403
- --ks-color-bg-inverted-alpha-5-base: hsla(0,0%,6%,.5);
404
- --ks-color-bg-inverted-alpha-6-base: hsla(0,0%,6%,.37);
405
- --ks-color-bg-inverted-alpha-7-base: hsla(0,0%,6%,.24);
406
- --ks-color-bg-inverted-alpha-8-base: hsla(0,0%,6%,.13);
407
- --ks-color-bg-inverted-alpha-9-base: hsla(0,0%,6%,.05);
408
- --ks-color-bg-inverted-to-bg-1-base: #101010;
409
- --ks-color-bg-inverted-to-bg-2-base: #111112;
410
- --ks-color-bg-inverted-to-bg-3-base: #131314;
411
- --ks-color-bg-inverted-to-bg-4-base: #151617;
412
- --ks-color-bg-inverted-to-bg-5-base: #18181a;
413
- --ks-color-bg-inverted-to-bg-6-base: #1a1a1c;
414
- --ks-color-bg-inverted-to-bg-7-base: #1c1d1f;
415
- --ks-color-bg-inverted-to-bg-8-base: #1e1f21;
416
- --ks-color-bg-inverted-to-bg-9-base: #1f2023;
704
+ --ks-color-secondary-to-fg-1-base: #027aa8;
705
+ --ks-color-secondary-to-fg-2-base: #04739d;
706
+ --ks-color-secondary-to-fg-3-base: #08688e;
707
+ --ks-color-secondary-to-fg-4-base: #0c5c7c;
708
+ --ks-color-secondary-to-fg-5-base: #10506a;
709
+ --ks-color-secondary-to-fg-6-base: #144457;
710
+ --ks-color-secondary-to-fg-7-base: #183845;
711
+ --ks-color-secondary-to-fg-8-base: #1c2d36;
712
+ --ks-color-secondary-to-fg-9-base: #1e262b;
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: #0179a7;
724
+ --ks-color-secondary-inverted-to-bg-2-base: #02709a;
725
+ --ks-color-secondary-inverted-to-bg-3-base: #046489;
726
+ --ks-color-secondary-inverted-to-bg-4-base: #065674;
727
+ --ks-color-secondary-inverted-to-bg-5-base: #08475f;
728
+ --ks-color-secondary-inverted-to-bg-6-base: #09384a;
729
+ --ks-color-secondary-inverted-to-bg-7-base: #0b2a35;
730
+ --ks-color-secondary-inverted-to-bg-8-base: #0d1e24;
731
+ --ks-color-secondary-inverted-to-bg-9-base: #0e1517;
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;
@@ -696,6 +1100,18 @@
696
1100
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
697
1101
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
698
1102
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1103
+ --ks-background-color-card: var(--ks-background-color-card-base);
1104
+ --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1105
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1106
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1107
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1108
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1109
+ --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1110
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1111
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1112
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1113
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1114
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
699
1115
  --ks-background-color-primary: var(--ks-background-color-primary-base);
700
1116
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
701
1117
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
@@ -708,6 +1124,66 @@
708
1124
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
709
1125
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
710
1126
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1127
+ --ks-background-color-positive: var(--ks-background-color-positive-base);
1128
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1129
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1130
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1131
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1132
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1133
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1134
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1135
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1136
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1137
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1138
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1139
+ --ks-background-color-informative: var(--ks-background-color-informative-base);
1140
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1141
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1142
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1143
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1144
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1145
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1146
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1147
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1148
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1149
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1150
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1151
+ --ks-background-color-notice: var(--ks-background-color-notice-base);
1152
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1153
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1154
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1155
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1156
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1157
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1158
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1159
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1160
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1161
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1162
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1163
+ --ks-background-color-negative: var(--ks-background-color-negative-base);
1164
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1165
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1166
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1167
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1168
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1169
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1170
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1171
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1172
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1173
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1174
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1175
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1176
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1177
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1178
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1179
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1180
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1181
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1182
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1183
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1184
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1185
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1186
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
711
1187
  --ks-border-color-accent: var(--ks-border-color-accent-base);
712
1188
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
713
1189
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -734,6 +1210,18 @@
734
1210
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
735
1211
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
736
1212
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1213
+ --ks-border-color-card: var(--ks-border-color-card-base);
1214
+ --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1215
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1216
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1217
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1218
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1219
+ --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1220
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1221
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1222
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1223
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1224
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
737
1225
  --ks-border-color-primary: var(--ks-border-color-primary-base);
738
1226
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
739
1227
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
@@ -746,44 +1234,66 @@
746
1234
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
747
1235
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
748
1236
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
749
- --ks-color-primary: var(--ks-color-primary-base);
750
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
751
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
752
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
753
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
754
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
755
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
756
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
757
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
758
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
759
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
760
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
761
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
762
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
763
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
764
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
765
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
766
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
767
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
768
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
769
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
770
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
771
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
772
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
773
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
774
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
775
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
776
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
777
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
778
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
779
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
780
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
781
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
782
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
783
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
784
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
785
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
786
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1237
+ --ks-border-color-positive: var(--ks-border-color-positive-base);
1238
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1239
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1240
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1241
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1242
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1243
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1244
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1245
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1246
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1247
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1248
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1249
+ --ks-border-color-informative: var(--ks-border-color-informative-base);
1250
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1251
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1252
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1253
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1254
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1255
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1256
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1257
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1258
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1259
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1260
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1261
+ --ks-border-color-notice: var(--ks-border-color-notice-base);
1262
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1263
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1264
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1265
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1266
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1267
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1268
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1269
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1270
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1271
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1272
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1273
+ --ks-border-color-negative: var(--ks-border-color-negative-base);
1274
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1275
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1276
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1277
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1278
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1279
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1280
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1281
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1282
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1283
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1284
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1285
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1286
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1287
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1288
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1289
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1290
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1291
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1292
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1293
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1294
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1295
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1296
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
787
1297
  --ks-color-fg: var(--ks-color-fg-base);
788
1298
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
789
1299
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -822,9 +1332,157 @@
822
1332
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
823
1333
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
824
1334
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1335
+ --ks-color-bg: var(--ks-color-bg-base);
1336
+ --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1337
+ --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1338
+ --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1339
+ --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1340
+ --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1341
+ --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1342
+ --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1343
+ --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1344
+ --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1345
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1346
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1347
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1348
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1349
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1350
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1351
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1352
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1353
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1354
+ --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1355
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1356
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1357
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1358
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1359
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1360
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1361
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1362
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1363
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1364
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1365
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1366
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1367
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1368
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1369
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1370
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1371
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1372
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1373
+ --ks-color-transparent: var(--ks-color-transparent-base);
1374
+ --ks-color-primary: var(--ks-color-primary-base);
1375
+ --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1376
+ --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1377
+ --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1378
+ --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1379
+ --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1380
+ --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1381
+ --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1382
+ --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1383
+ --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1384
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1385
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1386
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1387
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1388
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1389
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1390
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1391
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1392
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1393
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1394
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1395
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1396
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1397
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1398
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1399
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1400
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1401
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1402
+ --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1403
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1404
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1405
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1406
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1407
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1408
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1409
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1410
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1411
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1412
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1413
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1414
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1415
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1416
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1417
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1418
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1419
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1420
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1421
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1422
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1423
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1424
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1425
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1426
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1427
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1428
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1429
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
825
1430
  --ks-color-link: var(--ks-color-link-base);
1431
+ --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1432
+ --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1433
+ --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1434
+ --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1435
+ --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1436
+ --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1437
+ --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1438
+ --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1439
+ --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1440
+ --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1441
+ --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1442
+ --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1443
+ --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1444
+ --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1445
+ --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1446
+ --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1447
+ --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1448
+ --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1449
+ --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1450
+ --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1451
+ --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1452
+ --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1453
+ --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1454
+ --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1455
+ --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1456
+ --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1457
+ --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
826
1458
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
827
- --ks-color-transparent: var(--ks-color-transparent-base);
1459
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1460
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1461
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1462
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1463
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1464
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1465
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1466
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1467
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1468
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1469
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1470
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1471
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1472
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1473
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1474
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1475
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1476
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1477
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1478
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1479
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1480
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1481
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1482
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1483
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1484
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1485
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
828
1486
  --ks-color-positive: var(--ks-color-positive-base);
829
1487
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
830
1488
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
@@ -844,6 +1502,15 @@
844
1502
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
845
1503
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
846
1504
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1505
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1506
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1507
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1508
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1509
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1510
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1511
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1512
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1513
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
847
1514
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
848
1515
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
849
1516
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
@@ -863,6 +1530,15 @@
863
1530
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
864
1531
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
865
1532
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1533
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1534
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1535
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1536
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1537
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1538
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1539
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1540
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1541
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
866
1542
  --ks-color-informative: var(--ks-color-informative-base);
867
1543
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
868
1544
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
@@ -882,6 +1558,15 @@
882
1558
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
883
1559
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
884
1560
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1561
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1562
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1563
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1564
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1565
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1566
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1567
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1568
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1569
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
885
1570
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
886
1571
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
887
1572
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
@@ -901,6 +1586,15 @@
901
1586
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
902
1587
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
903
1588
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1589
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1590
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1591
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1592
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1593
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1594
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1595
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1596
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1597
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
904
1598
  --ks-color-notice: var(--ks-color-notice-base);
905
1599
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
906
1600
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
@@ -920,6 +1614,15 @@
920
1614
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
921
1615
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
922
1616
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1617
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1618
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1619
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1620
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1621
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1622
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1623
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1624
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1625
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
923
1626
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
924
1627
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
925
1628
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
@@ -939,6 +1642,15 @@
939
1642
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
940
1643
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
941
1644
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1645
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1646
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1647
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1648
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1649
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1650
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1651
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1652
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1653
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
942
1654
  --ks-color-negative: var(--ks-color-negative-base);
943
1655
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
944
1656
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
@@ -958,6 +1670,15 @@
958
1670
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
959
1671
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
960
1672
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1673
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1674
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1675
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1676
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1677
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1678
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1679
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1680
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1681
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
961
1682
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
962
1683
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
963
1684
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
@@ -977,6 +1698,15 @@
977
1698
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
978
1699
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
979
1700
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1701
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1702
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1703
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1704
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1705
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1706
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1707
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1708
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1709
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
980
1710
  --ks-color-secondary: var(--ks-color-secondary-base);
981
1711
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
982
1712
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
@@ -996,6 +1726,15 @@
996
1726
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
997
1727
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
998
1728
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1729
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1730
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1731
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1732
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1733
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1734
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1735
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1736
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1737
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
999
1738
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
1000
1739
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
1001
1740
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
@@ -1015,74 +1754,125 @@
1015
1754
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1016
1755
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1017
1756
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1018
- --ks-color-bg: var(--ks-color-bg-base);
1019
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1020
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1021
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1022
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1023
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1024
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1025
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1026
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1027
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1028
- --ks-color-bg-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1029
- --ks-color-bg-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1030
- --ks-color-bg-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1031
- --ks-color-bg-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1032
- --ks-color-bg-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1033
- --ks-color-bg-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1034
- --ks-color-bg-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1035
- --ks-color-bg-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1036
- --ks-color-bg-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1037
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1038
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1039
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1040
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1041
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1042
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1043
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1044
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1045
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1046
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1047
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1048
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1049
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1050
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1051
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1052
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1053
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1054
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1055
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1757
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1758
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1759
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1760
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1761
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1762
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1763
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1764
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1765
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1056
1766
  --ks-text-color-default: var(--ks-text-color-default-base);
1057
1767
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1058
1768
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1059
1769
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1060
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1770
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1061
1771
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1062
1772
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1063
1773
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1064
1774
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1065
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1775
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1776
+ --ks-text-color-copy: var(--ks-text-color-copy-base);
1777
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1778
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1779
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1780
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1781
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1782
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1783
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1784
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1785
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1786
+ --ks-text-color-display: var(--ks-text-color-display-base);
1787
+ --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1788
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1789
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1790
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1791
+ --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1792
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1793
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1794
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1795
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1066
1796
  --ks-text-color-interface: var(--ks-text-color-interface-base);
1067
1797
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1068
1798
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1069
1799
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1070
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1800
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1071
1801
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1072
1802
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1073
1803
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1074
1804
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1075
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1805
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1806
+ --ks-text-color-card: var(--ks-text-color-card-base);
1807
+ --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1808
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1809
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1810
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1811
+ --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1812
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1813
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1814
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1815
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1076
1816
  --ks-text-color-primary: var(--ks-text-color-primary-base);
1077
1817
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1078
1818
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1079
1819
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1080
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1820
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1081
1821
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1082
1822
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1083
1823
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1084
1824
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1085
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1825
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1826
+ --ks-text-color-positive: var(--ks-text-color-positive-base);
1827
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1828
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1829
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
1830
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
1831
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
1832
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
1833
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
1834
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
1835
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
1836
+ --ks-text-color-informative: var(--ks-text-color-informative-base);
1837
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
1838
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
1839
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
1840
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
1841
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
1842
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
1843
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
1844
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
1845
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
1846
+ --ks-text-color-notice: var(--ks-text-color-notice-base);
1847
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
1848
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
1849
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
1850
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
1851
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
1852
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
1853
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
1854
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
1855
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
1856
+ --ks-text-color-negative: var(--ks-text-color-negative-base);
1857
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
1858
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
1859
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
1860
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
1861
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
1862
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
1863
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1864
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1865
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1866
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
1867
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
1868
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
1869
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
1870
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1871
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
1872
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
1873
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
1874
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
1875
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
1086
1876
  }
1087
1877
  [ks-inverted=true] {
1088
1878
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
@@ -1113,6 +1903,18 @@
1113
1903
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1114
1904
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1115
1905
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1906
+ --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1907
+ --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1908
+ --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1909
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1910
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1911
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1912
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1913
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1914
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1915
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1916
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1917
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1116
1918
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1117
1919
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1118
1920
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
@@ -1125,6 +1927,66 @@
1125
1927
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1126
1928
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1127
1929
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1930
+ --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1931
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1932
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1933
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1934
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1935
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1936
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1937
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1938
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1939
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1940
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1941
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1942
+ --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1943
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1944
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1945
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1946
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1947
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1948
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1949
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1950
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1951
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1952
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1953
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1954
+ --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1955
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1956
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1957
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1958
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1959
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1960
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1961
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1962
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1963
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1964
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1965
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1966
+ --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1967
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1968
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1969
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1970
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1971
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1972
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1973
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1974
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1975
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1976
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1977
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1978
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
1979
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
1980
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1981
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
1982
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1983
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1984
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1985
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1986
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1987
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1988
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1989
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1128
1990
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1129
1991
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1130
1992
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1151,6 +2013,18 @@
1151
2013
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1152
2014
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1153
2015
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
2016
+ --ks-border-color-card: var(--ks-border-color-card-inverted-base);
2017
+ --ks-border-color-card-inverted: var(--ks-border-color-card-base);
2018
+ --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
2019
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
2020
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
2021
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
2022
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
2023
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
2024
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
2025
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
2026
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
2027
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1154
2028
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1155
2029
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1156
2030
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
@@ -1163,44 +2037,66 @@
1163
2037
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1164
2038
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1165
2039
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1166
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1167
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1168
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1169
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1170
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1171
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1172
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1173
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1174
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1175
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1176
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1177
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1178
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1179
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1180
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1181
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1182
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1183
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1184
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1185
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
1186
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1187
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1188
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1189
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1190
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1191
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1192
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1193
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1194
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1195
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1196
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1197
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1198
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1199
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1200
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1201
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1202
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1203
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2040
+ --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
2041
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
2042
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
2043
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
2044
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
2045
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
2046
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
2047
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
2048
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
2049
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
2050
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
2051
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
2052
+ --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
2053
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
2054
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
2055
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
2056
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
2057
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
2058
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
2059
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
2060
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
2061
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
2062
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
2063
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
2064
+ --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
2065
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
2066
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
2067
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
2068
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
2069
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
2070
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
2071
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
2072
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
2073
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
2074
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
2075
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
2076
+ --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
2077
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
2078
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
2079
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
2080
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
2081
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
2082
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
2083
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
2084
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
2085
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
2086
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
2087
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2088
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2089
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2090
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2091
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2092
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2093
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2094
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2095
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2096
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2097
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2098
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2099
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1204
2100
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1205
2101
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1206
2102
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -1239,8 +2135,156 @@
1239
2135
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1240
2136
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1241
2137
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
2138
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
2139
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
2140
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
2141
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
2142
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
2143
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
2144
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
2145
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
2146
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
2147
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
2148
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
2149
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
2150
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
2151
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
2152
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
2153
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
2154
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
2155
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
2156
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
2157
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
2158
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
2159
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
2160
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
2161
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
2162
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
2163
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
2164
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
2165
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
2166
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
2167
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
2168
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
2169
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
2170
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
2171
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
2172
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
2173
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
2174
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
2175
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
2176
+ --ks-color-primary: var(--ks-color-primary-inverted-base);
2177
+ --ks-color-primary-inverted: var(--ks-color-primary-base);
2178
+ --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
2179
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
2180
+ --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
2181
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
2182
+ --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
2183
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
2184
+ --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
2185
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
2186
+ --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
2187
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
2188
+ --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
2189
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
2190
+ --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
2191
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
2192
+ --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
2193
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
2194
+ --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
2195
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2196
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2197
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2198
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2199
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2200
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2201
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2202
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2203
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2204
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2205
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2206
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2207
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2208
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2209
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2210
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2211
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2212
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2213
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2214
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2215
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2216
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2217
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2218
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2219
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2220
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2221
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2222
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2223
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2224
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2225
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2226
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2227
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2228
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2229
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2230
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2231
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1242
2232
  --ks-color-link: var(--ks-color-link-inverted-base);
1243
2233
  --ks-color-link-inverted: var(--ks-color-link-base);
2234
+ --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2235
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2236
+ --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2237
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2238
+ --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2239
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2240
+ --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2241
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2242
+ --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2243
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2244
+ --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2245
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2246
+ --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2247
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2248
+ --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2249
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2250
+ --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2251
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2252
+ --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2253
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2254
+ --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2255
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2256
+ --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2257
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2258
+ --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2259
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2260
+ --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2261
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2262
+ --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2263
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2264
+ --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2265
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2266
+ --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2267
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2268
+ --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2269
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2270
+ --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2271
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2272
+ --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2273
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2274
+ --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2275
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2276
+ --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2277
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2278
+ --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2279
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2280
+ --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2281
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2282
+ --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2283
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2284
+ --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2285
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2286
+ --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2287
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
1244
2288
  --ks-color-positive: var(--ks-color-positive-inverted-base);
1245
2289
  --ks-color-positive-inverted: var(--ks-color-positive-base);
1246
2290
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
@@ -1279,6 +2323,24 @@
1279
2323
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1280
2324
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1281
2325
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2326
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2327
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2328
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2329
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2330
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2331
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2332
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2333
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2334
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2335
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2336
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2337
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2338
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2339
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2340
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2341
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2342
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2343
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1282
2344
  --ks-color-informative: var(--ks-color-informative-inverted-base);
1283
2345
  --ks-color-informative-inverted: var(--ks-color-informative-base);
1284
2346
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
@@ -1317,6 +2379,24 @@
1317
2379
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1318
2380
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1319
2381
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2382
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2383
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2384
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2385
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2386
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2387
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2388
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2389
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2390
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2391
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2392
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2393
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2394
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2395
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2396
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2397
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2398
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2399
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1320
2400
  --ks-color-notice: var(--ks-color-notice-inverted-base);
1321
2401
  --ks-color-notice-inverted: var(--ks-color-notice-base);
1322
2402
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
@@ -1355,6 +2435,24 @@
1355
2435
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1356
2436
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1357
2437
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2438
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2439
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2440
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2441
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2442
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2443
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2444
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2445
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2446
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2447
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2448
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2449
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2450
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2451
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2452
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2453
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2454
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2455
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1358
2456
  --ks-color-negative: var(--ks-color-negative-inverted-base);
1359
2457
  --ks-color-negative-inverted: var(--ks-color-negative-base);
1360
2458
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
@@ -1393,6 +2491,24 @@
1393
2491
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1394
2492
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1395
2493
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2494
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2495
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2496
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2497
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2498
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2499
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2500
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2501
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2502
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2503
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2504
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2505
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2506
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2507
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2508
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2509
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2510
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2511
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1396
2512
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
1397
2513
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
1398
2514
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
@@ -1431,44 +2547,24 @@
1431
2547
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1432
2548
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1433
2549
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1434
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1435
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1436
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1437
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1438
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1439
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1440
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1441
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1442
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1443
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1444
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1445
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1446
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1447
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1448
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1449
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1450
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1451
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1452
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1453
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1454
- --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1455
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1456
- --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1457
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1458
- --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1459
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1460
- --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1461
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1462
- --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1463
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1464
- --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1465
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1466
- --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1467
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1468
- --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1469
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1470
- --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1471
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
2550
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2551
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2552
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2553
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2554
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2555
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2556
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2557
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2558
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2559
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2560
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2561
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2562
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2563
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2564
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2565
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2566
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2567
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1472
2568
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
1473
2569
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
1474
2570
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -1477,8 +2573,28 @@
1477
2573
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1478
2574
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1479
2575
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
1480
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1481
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
2576
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2577
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2578
+ --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2579
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2580
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2581
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2582
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2583
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2584
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2585
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2586
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2587
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2588
+ --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2589
+ --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2590
+ --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2591
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2592
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2593
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2594
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2595
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2596
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2597
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1482
2598
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
1483
2599
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
1484
2600
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
@@ -1487,8 +2603,18 @@
1487
2603
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1488
2604
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1489
2605
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1490
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1491
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
2606
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2607
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2608
+ --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2609
+ --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2610
+ --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2611
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2612
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2613
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2614
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2615
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2616
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2617
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1492
2618
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
1493
2619
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
1494
2620
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
@@ -1497,8 +2623,58 @@
1497
2623
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1498
2624
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1499
2625
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1500
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1501
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
2626
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2627
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2628
+ --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2629
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2630
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2631
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2632
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2633
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2634
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2635
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2636
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2637
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2638
+ --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2639
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2640
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2641
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2642
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2643
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2644
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2645
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2646
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2647
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2648
+ --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2649
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2650
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2651
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2652
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2653
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2654
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2655
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2656
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2657
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2658
+ --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2659
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2660
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2661
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2662
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2663
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2664
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2665
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2666
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2667
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2668
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2669
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2670
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2671
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2672
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2673
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2674
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2675
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2676
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2677
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1502
2678
  }
1503
2679
  @media (min-width: 36em) {
1504
2680
  :root {