@kickstartds/ds-agency-premium 1.6.71--canary.2149.2ee9adb.0 → 1.6.71--canary.45.2151.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 (41) hide show
  1. package/dist/{BlogOverviewProps-d62a0a9a.d.ts → BlogOverviewProps-9f207f1c.d.ts} +1 -1
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/components/blog-head/index.d.ts +1 -1
  4. package/dist/components/blog-overview/index.d.ts +1 -1
  5. package/dist/components/blog-post/index.d.ts +1 -1
  6. package/dist/components/blog-teaser/index.d.ts +1 -1
  7. package/dist/components/button/button.css +1 -1
  8. package/dist/components/headline/headline.css +4 -4
  9. package/dist/components/hero/hero.css +3 -3
  10. package/dist/components/index/index.d.ts +2 -2
  11. package/dist/components/page-wrapper/tokens.css +276 -276
  12. package/dist/components/section/section.css +2 -5
  13. package/dist/components/teaser-card/teaser-card.css +7 -7
  14. package/dist/global.css +4 -4
  15. package/dist/static/logo-dark.svg +12 -8
  16. package/dist/static/logo.svg +12 -8
  17. package/dist/tokens/themes.css +4 -4
  18. package/dist/tokens/tokens.css +276 -276
  19. package/dist/tokens/tokens.js +446 -446
  20. package/package.json +1 -1
  21. package/dist/static/logo.png +0 -0
  22. package/dist/static/optoma/2989.jpg +0 -0
  23. package/dist/static/optoma/3081.jpg +0 -0
  24. package/dist/static/optoma/3124.jpg +0 -0
  25. package/dist/static/optoma/3276.jpg +0 -0
  26. package/dist/static/optoma/3333.jpg +0 -0
  27. package/dist/static/optoma/3342.jpg +0 -0
  28. package/dist/static/optoma/bannerimgpro.jpg +0 -0
  29. package/dist/static/optoma/beamer.svg +0 -10
  30. package/dist/static/optoma/creative-board-girl.jpg +0 -0
  31. package/dist/static/optoma/interaktive-displays.svg +0 -9
  32. package/dist/static/optoma/landing-banner.jpg +0 -0
  33. package/dist/static/optoma/led.svg +0 -21
  34. package/dist/static/optoma/location-1.jpg +0 -0
  35. package/dist/static/optoma/location-2.jpg +0 -0
  36. package/dist/static/optoma/logo.svg +0 -9
  37. package/dist/static/optoma/l/303/266sungen.svg +0 -13
  38. package/dist/static/optoma/professionelle-displays.svg +0 -4
  39. package/dist/static/optoma/zubeh/303/266r.svg +0 -5
  40. /package/dist/{BlogHeadProps-f5855e93.d.ts → BlogHeadProps-c04a5ed8.d.ts} +0 -0
  41. /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
package/dist/tokens/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Aug 2025 08:29:13 GMT
3
+ * Generated on Thu, 14 Aug 2025 08:47:35 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -116,13 +116,13 @@
116
116
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
117
117
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
118
118
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
119
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
120
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
121
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
119
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
120
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
121
+ --ks-border-color-interface-base: var(--ks-color-primary-alpha-8-base);
122
122
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
123
123
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
124
124
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
125
- --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
125
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-primary-base);
126
126
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
127
127
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
128
128
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
@@ -131,7 +131,7 @@
131
131
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
132
132
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
133
133
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
134
- --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
134
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
135
135
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
136
136
  --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
137
137
  --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
@@ -205,34 +205,34 @@
205
205
  --ks-border-width-default: 1px;
206
206
  --ks-border-width-emphasized: 2px;
207
207
  --ks-border-radius-control: 8px;
208
- --ks-border-radius-card: 32px;
209
- --ks-border-radius-surface: 32px;
208
+ --ks-border-radius-card: 8px;
209
+ --ks-border-radius-surface: 16px;
210
210
  --ks-border-radius-pill: 999px;
211
211
  --ks-border-radius-circle: 50%;
212
212
  --ks-box-shadow-opacity-control: 0.2;
213
213
  --ks-box-shadow-opacity-control-hover: 0.3;
214
214
  --ks-box-shadow-opacity-control-inverted: 0.2;
215
215
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
216
- --ks-box-shadow-opacity-card: 0.2;
217
- --ks-box-shadow-opacity-card-hover: 0.3;
218
- --ks-box-shadow-opacity-card-inverted: 0.2;
219
- --ks-box-shadow-opacity-card-inverted-hover: 0.3;
216
+ --ks-box-shadow-opacity-card: 0.1;
217
+ --ks-box-shadow-opacity-card-hover: 0.2;
218
+ --ks-box-shadow-opacity-card-inverted: 0.1;
219
+ --ks-box-shadow-opacity-card-inverted-hover: 0.2;
220
220
  --ks-box-shadow-opacity-surface: 0.1;
221
221
  --ks-box-shadow-opacity-surface-hover: 0.2;
222
222
  --ks-box-shadow-opacity-surface-inverted: 0.1;
223
223
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
224
- --ks-box-shadow-color-control: rgba(45,51,56,var(--ks-box-shadow-opacity-control));
225
- --ks-box-shadow-color-control-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-control-hover));
226
- --ks-box-shadow-color-control-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-control-inverted));
227
- --ks-box-shadow-color-control-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-control-inverted-hover));
228
- --ks-box-shadow-color-card: rgba(45,51,56,var(--ks-box-shadow-opacity-card));
229
- --ks-box-shadow-color-card-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-card-hover));
230
- --ks-box-shadow-color-card-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-card-inverted));
231
- --ks-box-shadow-color-card-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-card-inverted-hover));
232
- --ks-box-shadow-color-surface: rgba(45,51,56,var(--ks-box-shadow-opacity-surface));
233
- --ks-box-shadow-color-surface-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-hover));
234
- --ks-box-shadow-color-surface-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-inverted));
235
- --ks-box-shadow-color-surface-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-inverted-hover));
224
+ --ks-box-shadow-color-control: rgba(6,8,31,var(--ks-box-shadow-opacity-control));
225
+ --ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
226
+ --ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
227
+ --ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
228
+ --ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
229
+ --ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
230
+ --ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
231
+ --ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
232
+ --ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
233
+ --ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
234
+ --ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
235
+ --ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted-hover));
236
236
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
237
237
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
238
238
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
@@ -245,25 +245,25 @@
245
245
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
246
246
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
247
247
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
248
- --ks-color-fg-base: #2d3338;
249
- --ks-color-fg-alpha-1-base: rgba(45,51,56,.95);
250
- --ks-color-fg-alpha-2-base: rgba(45,51,56,.87);
251
- --ks-color-fg-alpha-3-base: rgba(45,51,56,.76);
252
- --ks-color-fg-alpha-4-base: rgba(45,51,56,.63);
253
- --ks-color-fg-alpha-5-base: rgba(45,51,56,.5);
254
- --ks-color-fg-alpha-6-base: rgba(45,51,56,.37);
255
- --ks-color-fg-alpha-7-base: rgba(45,51,56,.24);
256
- --ks-color-fg-alpha-8-base: rgba(45,51,56,.13);
257
- --ks-color-fg-alpha-9-base: rgba(45,51,56,.05);
258
- --ks-color-fg-to-bg-1-base: #383d42;
259
- --ks-color-fg-to-bg-2-base: #484e52;
260
- --ks-color-fg-to-bg-3-base: #5f6468;
261
- --ks-color-fg-to-bg-4-base: #7b7e82;
262
- --ks-color-fg-to-bg-5-base: #96999c;
263
- --ks-color-fg-to-bg-6-base: #b1b4b5;
264
- --ks-color-fg-to-bg-7-base: #cdcecf;
265
- --ks-color-fg-to-bg-8-base: #e4e4e5;
266
- --ks-color-fg-to-bg-9-base: #f5f5f5;
248
+ --ks-color-fg-base: #06081f;
249
+ --ks-color-fg-alpha-1-base: rgba(6,8,31,.95);
250
+ --ks-color-fg-alpha-2-base: rgba(6,8,31,.87);
251
+ --ks-color-fg-alpha-3-base: rgba(6,8,31,.76);
252
+ --ks-color-fg-alpha-4-base: rgba(6,8,31,.63);
253
+ --ks-color-fg-alpha-5-base: rgba(6,8,31,.5);
254
+ --ks-color-fg-alpha-6-base: rgba(6,8,31,.37);
255
+ --ks-color-fg-alpha-7-base: rgba(6,8,31,.24);
256
+ --ks-color-fg-alpha-8-base: rgba(6,8,31,.13);
257
+ --ks-color-fg-alpha-9-base: rgba(6,8,31,.05);
258
+ --ks-color-fg-to-bg-1-base: #12142a;
259
+ --ks-color-fg-to-bg-2-base: #26283c;
260
+ --ks-color-fg-to-bg-3-base: #424355;
261
+ --ks-color-fg-to-bg-4-base: #626372;
262
+ --ks-color-fg-to-bg-5-base: #83848f;
263
+ --ks-color-fg-to-bg-6-base: #a3a4ac;
264
+ --ks-color-fg-to-bg-7-base: #c3c4c9;
265
+ --ks-color-fg-to-bg-8-base: #dfdfe2;
266
+ --ks-color-fg-to-bg-9-base: #f3f3f4;
267
267
  --ks-color-fg-inverted-base: #fff;
268
268
  --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
269
269
  --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
@@ -293,15 +293,15 @@
293
293
  --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
294
294
  --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
295
295
  --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
296
- --ks-color-bg-to-fg-1-base: #f5f5f5;
297
- --ks-color-bg-to-fg-2-base: #e4e4e5;
298
- --ks-color-bg-to-fg-3-base: #cdcecf;
299
- --ks-color-bg-to-fg-4-base: #b1b4b5;
300
- --ks-color-bg-to-fg-5-base: #96999c;
301
- --ks-color-bg-to-fg-6-base: #7b7e82;
302
- --ks-color-bg-to-fg-7-base: #5f6468;
303
- --ks-color-bg-to-fg-8-base: #484e52;
304
- --ks-color-bg-to-fg-9-base: #383d42;
296
+ --ks-color-bg-to-fg-1-base: #f3f3f4;
297
+ --ks-color-bg-to-fg-2-base: #dfdfe2;
298
+ --ks-color-bg-to-fg-3-base: #c3c4c9;
299
+ --ks-color-bg-to-fg-4-base: #a3a4ac;
300
+ --ks-color-bg-to-fg-5-base: #83848f;
301
+ --ks-color-bg-to-fg-6-base: #626372;
302
+ --ks-color-bg-to-fg-7-base: #424355;
303
+ --ks-color-bg-to-fg-8-base: #26283c;
304
+ --ks-color-bg-to-fg-9-base: #12142a;
305
305
  --ks-color-bg-inverted-base: #0f203e;
306
306
  --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
307
307
  --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
@@ -322,34 +322,34 @@
322
322
  --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
323
323
  --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
324
324
  --ks-color-transparent-base: rgba(0,0,0,0);
325
- --ks-color-primary-base: #007e6f;
326
- --ks-color-primary-alpha-1-base: rgba(0,126,111,.95);
327
- --ks-color-primary-alpha-2-base: rgba(0,126,111,.87);
328
- --ks-color-primary-alpha-3-base: rgba(0,126,111,.76);
329
- --ks-color-primary-alpha-4-base: rgba(0,126,111,.63);
330
- --ks-color-primary-alpha-5-base: rgba(0,126,111,.5);
331
- --ks-color-primary-alpha-6-base: rgba(0,126,111,.37);
332
- --ks-color-primary-alpha-7-base: rgba(0,126,111,.24);
333
- --ks-color-primary-alpha-8-base: rgba(0,126,111,.13);
334
- --ks-color-primary-alpha-9-base: rgba(0,126,111,.05);
335
- --ks-color-primary-to-bg-1-base: #0d8476;
336
- --ks-color-primary-to-bg-2-base: #218f82;
337
- --ks-color-primary-to-bg-3-base: #3d9d92;
338
- --ks-color-primary-to-bg-4-base: #5eaea4;
339
- --ks-color-primary-to-bg-5-base: #80bfb7;
340
- --ks-color-primary-to-bg-6-base: #a1cfca;
341
- --ks-color-primary-to-bg-7-base: #c2e0dc;
342
- --ks-color-primary-to-bg-8-base: #deeeec;
343
- --ks-color-primary-to-bg-9-base: #f2f9f8;
344
- --ks-color-primary-to-fg-1-base: #027a6c;
345
- --ks-color-primary-to-fg-2-base: #067468;
346
- --ks-color-primary-to-fg-3-base: #0b6c62;
347
- --ks-color-primary-to-fg-4-base: #11625b;
348
- --ks-color-primary-to-fg-5-base: #175954;
349
- --ks-color-primary-to-fg-6-base: #1c4f4c;
350
- --ks-color-primary-to-fg-7-base: #224545;
351
- --ks-color-primary-to-fg-8-base: #273d3f;
352
- --ks-color-primary-to-fg-9-base: #2b373b;
325
+ --ks-color-primary-base: #3065c0;
326
+ --ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
327
+ --ks-color-primary-alpha-2-base: rgba(48,101,192,.87);
328
+ --ks-color-primary-alpha-3-base: rgba(48,101,192,.76);
329
+ --ks-color-primary-alpha-4-base: rgba(48,101,192,.63);
330
+ --ks-color-primary-alpha-5-base: rgba(48,101,192,.5);
331
+ --ks-color-primary-alpha-6-base: rgba(48,101,192,.37);
332
+ --ks-color-primary-alpha-7-base: rgba(48,101,192,.24);
333
+ --ks-color-primary-alpha-8-base: rgba(48,101,192,.13);
334
+ --ks-color-primary-alpha-9-base: rgba(48,101,192,.05);
335
+ --ks-color-primary-to-bg-1-base: #3a6dc3;
336
+ --ks-color-primary-to-bg-2-base: #4b79c8;
337
+ --ks-color-primary-to-bg-3-base: #628acf;
338
+ --ks-color-primary-to-bg-4-base: #7d9ed7;
339
+ --ks-color-primary-to-bg-5-base: #98b2e0;
340
+ --ks-color-primary-to-bg-6-base: #b2c6e8;
341
+ --ks-color-primary-to-bg-7-base: #cddaf0;
342
+ --ks-color-primary-to-bg-8-base: #e4ebf7;
343
+ --ks-color-primary-to-bg-9-base: #f5f7fc;
344
+ --ks-color-primary-to-fg-1-base: #2e60b8;
345
+ --ks-color-primary-to-fg-2-base: #2b59ab;
346
+ --ks-color-primary-to-fg-3-base: #264f99;
347
+ --ks-color-primary-to-fg-4-base: #204384;
348
+ --ks-color-primary-to-fg-5-base: #1b3770;
349
+ --ks-color-primary-to-fg-6-base: #162a5b;
350
+ --ks-color-primary-to-fg-7-base: #101e46;
351
+ --ks-color-primary-to-fg-8-base: #0b1434;
352
+ --ks-color-primary-to-fg-9-base: #080d27;
353
353
  --ks-color-primary-inverted-base: #3065c0;
354
354
  --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
355
355
  --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
@@ -397,15 +397,15 @@
397
397
  --ks-color-link-to-bg-7-base: #cddaf0;
398
398
  --ks-color-link-to-bg-8-base: #e4ebf7;
399
399
  --ks-color-link-to-bg-9-base: #f5f7fc;
400
- --ks-color-link-to-fg-1-base: #3063b9;
401
- --ks-color-link-to-fg-2-base: #305fae;
402
- --ks-color-link-to-fg-3-base: #2f599f;
403
- --ks-color-link-to-fg-4-base: #2f538e;
404
- --ks-color-link-to-fg-5-base: #2f4c7c;
405
- --ks-color-link-to-fg-6-base: #2e466a;
406
- --ks-color-link-to-fg-7-base: #2e3f59;
407
- --ks-color-link-to-fg-8-base: #2d3a4a;
408
- --ks-color-link-to-fg-9-base: #2d363f;
400
+ --ks-color-link-to-fg-1-base: #2e60b8;
401
+ --ks-color-link-to-fg-2-base: #2b59ab;
402
+ --ks-color-link-to-fg-3-base: #264f99;
403
+ --ks-color-link-to-fg-4-base: #204384;
404
+ --ks-color-link-to-fg-5-base: #1b3770;
405
+ --ks-color-link-to-fg-6-base: #162a5b;
406
+ --ks-color-link-to-fg-7-base: #101e46;
407
+ --ks-color-link-to-fg-8-base: #0b1434;
408
+ --ks-color-link-to-fg-9-base: #080d27;
409
409
  --ks-color-link-inverted-base: #98b2e0;
410
410
  --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
411
411
  --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
@@ -453,15 +453,15 @@
453
453
  --ks-color-positive-to-bg-7-base: #cae1c8;
454
454
  --ks-color-positive-to-bg-8-base: #e2efe1;
455
455
  --ks-color-positive-to-bg-9-base: #f4f9f4;
456
- --ks-color-positive-to-fg-1-base: #247f1c;
457
- --ks-color-positive-to-fg-2-base: #24791f;
458
- --ks-color-positive-to-fg-3-base: #257022;
459
- --ks-color-positive-to-fg-4-base: #276526;
460
- --ks-color-positive-to-fg-5-base: #285b2a;
461
- --ks-color-positive-to-fg-6-base: #29512d;
462
- --ks-color-positive-to-fg-7-base: #2b4631;
463
- --ks-color-positive-to-fg-8-base: #2c3d34;
464
- --ks-color-positive-to-fg-9-base: #2d3737;
456
+ --ks-color-positive-to-fg-1-base: #227d1b;
457
+ --ks-color-positive-to-fg-2-base: #1f731c;
458
+ --ks-color-positive-to-fg-3-base: #1c651c;
459
+ --ks-color-positive-to-fg-4-base: #18551c;
460
+ --ks-color-positive-to-fg-5-base: #15461d;
461
+ --ks-color-positive-to-fg-6-base: #11361e;
462
+ --ks-color-positive-to-fg-7-base: #0d261e;
463
+ --ks-color-positive-to-fg-8-base: #0a181e;
464
+ --ks-color-positive-to-fg-9-base: #070e1f;
465
465
  --ks-color-positive-inverted-base: #6edb64;
466
466
  --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
467
467
  --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
@@ -490,174 +490,174 @@
490
490
  --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
491
491
  --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
492
492
  --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
493
- --ks-color-informative-base: #00718f;
494
- --ks-color-informative-alpha-1-base: rgba(0,113,143,.95);
495
- --ks-color-informative-alpha-2-base: rgba(0,113,143,.87);
496
- --ks-color-informative-alpha-3-base: rgba(0,113,143,.76);
497
- --ks-color-informative-alpha-4-base: rgba(0,113,143,.63);
498
- --ks-color-informative-alpha-5-base: rgba(0,113,143,.5);
499
- --ks-color-informative-alpha-6-base: rgba(0,113,143,.37);
500
- --ks-color-informative-alpha-7-base: rgba(0,113,143,.24);
501
- --ks-color-informative-alpha-8-base: rgba(0,113,143,.13);
502
- --ks-color-informative-alpha-9-base: rgba(0,113,143,.05);
503
- --ks-color-informative-to-bg-1-base: #0d7895;
504
- --ks-color-informative-to-bg-2-base: #21839e;
505
- --ks-color-informative-to-bg-3-base: #3d93aa;
506
- --ks-color-informative-to-bg-4-base: #5ea6b8;
507
- --ks-color-informative-to-bg-5-base: #80b8c7;
508
- --ks-color-informative-to-bg-6-base: #a1cad6;
509
- --ks-color-informative-to-bg-7-base: #c2dde4;
510
- --ks-color-informative-to-bg-8-base: #deedf0;
511
- --ks-color-informative-to-bg-9-base: #f2f8f9;
512
- --ks-color-informative-to-fg-1-base: #026e8b;
513
- --ks-color-informative-to-fg-2-base: #066984;
514
- --ks-color-informative-to-fg-3-base: #0b627a;
515
- --ks-color-informative-to-fg-4-base: #115a6f;
516
- --ks-color-informative-to-fg-5-base: #175264;
517
- --ks-color-informative-to-fg-6-base: #1c4a58;
518
- --ks-color-informative-to-fg-7-base: #22424d;
519
- --ks-color-informative-to-fg-8-base: #273b43;
520
- --ks-color-informative-to-fg-9-base: #2b363c;
521
- --ks-color-informative-inverted-base: #64c2db;
522
- --ks-color-informative-inverted-alpha-1-base: rgba(100,194,219,.95);
523
- --ks-color-informative-inverted-alpha-2-base: rgba(100,194,219,.87);
524
- --ks-color-informative-inverted-alpha-3-base: rgba(100,194,219,.76);
525
- --ks-color-informative-inverted-alpha-4-base: rgba(100,194,219,.63);
526
- --ks-color-informative-inverted-alpha-5-base: rgba(100,194,219,.5);
527
- --ks-color-informative-inverted-alpha-6-base: rgba(100,194,219,.37);
528
- --ks-color-informative-inverted-alpha-7-base: rgba(100,194,219,.24);
529
- --ks-color-informative-inverted-alpha-8-base: rgba(100,194,219,.13);
530
- --ks-color-informative-inverted-alpha-9-base: rgba(100,194,219,.05);
531
- --ks-color-informative-inverted-to-bg-1-base: #60bad3;
532
- --ks-color-informative-inverted-to-bg-2-base: #59adc7;
533
- --ks-color-informative-inverted-to-bg-3-base: #509bb5;
534
- --ks-color-informative-inverted-to-bg-4-base: #4586a1;
535
- --ks-color-informative-inverted-to-bg-5-base: #3a718d;
536
- --ks-color-informative-inverted-to-bg-6-base: #2e5c78;
537
- --ks-color-informative-inverted-to-bg-7-base: #234764;
538
- --ks-color-informative-inverted-to-bg-8-base: #1a3552;
539
- --ks-color-informative-inverted-to-bg-9-base: #132846;
540
- --ks-color-informative-inverted-to-fg-1-base: #6cc5dd;
541
- --ks-color-informative-inverted-to-fg-2-base: #78cae0;
542
- --ks-color-informative-inverted-to-fg-3-base: #89d1e4;
543
- --ks-color-informative-inverted-to-fg-4-base: #9dd9e8;
544
- --ks-color-informative-inverted-to-fg-5-base: #b2e1ed;
545
- --ks-color-informative-inverted-to-fg-6-base: #c6e8f2;
546
- --ks-color-informative-inverted-to-fg-7-base: #daf0f6;
547
- --ks-color-informative-inverted-to-fg-8-base: #ebf7fa;
548
- --ks-color-informative-inverted-to-fg-9-base: #f7fcfd;
549
- --ks-color-notice-base: #ff5d53;
550
- --ks-color-notice-alpha-1-base: rgba(255,93,83,.95);
551
- --ks-color-notice-alpha-2-base: rgba(255,93,83,.87);
552
- --ks-color-notice-alpha-3-base: rgba(255,93,83,.76);
553
- --ks-color-notice-alpha-4-base: rgba(255,93,83,.63);
554
- --ks-color-notice-alpha-5-base: rgba(255,93,83,.5);
555
- --ks-color-notice-alpha-6-base: rgba(255,93,83,.37);
556
- --ks-color-notice-alpha-7-base: rgba(255,93,83,.24);
557
- --ks-color-notice-alpha-8-base: rgba(255,93,83,.13);
558
- --ks-color-notice-alpha-9-base: rgba(255,93,83,.05);
559
- --ks-color-notice-to-bg-1-base: #ff655c;
560
- --ks-color-notice-to-bg-2-base: #ff7269;
561
- --ks-color-notice-to-bg-3-base: #ff847c;
562
- --ks-color-notice-to-bg-4-base: #ff9993;
563
- --ks-color-notice-to-bg-5-base: #ffaea9;
564
- --ks-color-notice-to-bg-6-base: #ffc3bf;
565
- --ks-color-notice-to-bg-7-base: #ffd8d6;
566
- --ks-color-notice-to-bg-8-base: #ffeae9;
567
- --ks-color-notice-to-bg-9-base: #fff7f6;
568
- --ks-color-notice-to-fg-1-base: #f55b52;
569
- --ks-color-notice-to-fg-2-base: #e4584f;
570
- --ks-color-notice-to-fg-3-base: #cd534d;
571
- --ks-color-notice-to-fg-4-base: #b14d49;
572
- --ks-color-notice-to-fg-5-base: #964846;
573
- --ks-color-notice-to-fg-6-base: #7b4342;
574
- --ks-color-notice-to-fg-7-base: #5f3d3e;
575
- --ks-color-notice-to-fg-8-base: #48383c;
576
- --ks-color-notice-to-fg-9-base: #383539;
577
- --ks-color-notice-inverted-base: #f9de55;
578
- --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
579
- --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
580
- --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
581
- --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
582
- --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
583
- --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
584
- --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
585
- --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
586
- --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
587
- --ks-color-notice-inverted-to-bg-1-base: #edd554;
588
- --ks-color-notice-inverted-to-bg-2-base: #dbc552;
589
- --ks-color-notice-inverted-to-bg-3-base: #c1b04f;
590
- --ks-color-notice-inverted-to-bg-4-base: #a2984c;
591
- --ks-color-notice-inverted-to-bg-5-base: #847f4a;
592
- --ks-color-notice-inverted-to-bg-6-base: #666647;
593
- --ks-color-notice-inverted-to-bg-7-base: #474e44;
594
- --ks-color-notice-inverted-to-bg-8-base: #2d3941;
595
- --ks-color-notice-inverted-to-bg-9-base: #1b2a3f;
596
- --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
597
- --ks-color-notice-inverted-to-fg-2-base: #fae26b;
598
- --ks-color-notice-inverted-to-fg-3-base: #fae67e;
599
- --ks-color-notice-inverted-to-fg-4-base: #fbea94;
600
- --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
601
- --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
602
- --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
603
- --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
604
- --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
605
- --ks-color-negative-base: #d21d48;
606
- --ks-color-negative-alpha-1-base: rgba(210,29,72,.95);
607
- --ks-color-negative-alpha-2-base: rgba(210,29,72,.87);
608
- --ks-color-negative-alpha-3-base: rgba(210,29,72,.76);
609
- --ks-color-negative-alpha-4-base: rgba(210,29,72,.63);
610
- --ks-color-negative-alpha-5-base: rgba(210,29,72,.5);
611
- --ks-color-negative-alpha-6-base: rgba(210,29,72,.37);
612
- --ks-color-negative-alpha-7-base: rgba(210,29,72,.24);
613
- --ks-color-negative-alpha-8-base: rgba(210,29,72,.13);
614
- --ks-color-negative-alpha-9-base: rgba(210,29,72,.05);
615
- --ks-color-negative-to-bg-1-base: #d42851;
616
- --ks-color-negative-to-bg-2-base: #d83a60;
617
- --ks-color-negative-to-bg-3-base: #dd5374;
618
- --ks-color-negative-to-bg-4-base: #e3718c;
619
- --ks-color-negative-to-bg-5-base: #e98ea4;
620
- --ks-color-negative-to-bg-6-base: #eeabbb;
621
- --ks-color-negative-to-bg-7-base: #f4c9d3;
622
- --ks-color-negative-to-bg-8-base: #f9e2e7;
623
- --ks-color-negative-to-bg-9-base: #fdf4f6;
624
- --ks-color-negative-to-fg-1-base: #ca1e47;
625
- --ks-color-negative-to-fg-2-base: #bd2046;
626
- --ks-color-negative-to-fg-3-base: #a24;
627
- --ks-color-negative-to-fg-4-base: #952542;
628
- --ks-color-negative-to-fg-5-base: #802840;
629
- --ks-color-negative-to-fg-6-base: #6a2b3e;
630
- --ks-color-negative-to-fg-7-base: #552e3c;
631
- --ks-color-negative-to-fg-8-base: #42303a;
632
- --ks-color-negative-to-fg-9-base: #353239;
633
- --ks-color-negative-inverted-base: #ff1a57;
634
- --ks-color-negative-inverted-alpha-1-base: rgba(255,26,87,.95);
635
- --ks-color-negative-inverted-alpha-2-base: rgba(255,26,87,.87);
636
- --ks-color-negative-inverted-alpha-3-base: rgba(255,26,87,.76);
637
- --ks-color-negative-inverted-alpha-4-base: rgba(255,26,87,.63);
638
- --ks-color-negative-inverted-alpha-5-base: rgba(255,26,87,.5);
639
- --ks-color-negative-inverted-alpha-6-base: rgba(255,26,87,.37);
640
- --ks-color-negative-inverted-alpha-7-base: rgba(255,26,87,.24);
641
- --ks-color-negative-inverted-alpha-8-base: rgba(255,26,87,.13);
642
- --ks-color-negative-inverted-alpha-9-base: rgba(255,26,87,.05);
643
- --ks-color-negative-inverted-to-bg-1-base: #f31a56;
644
- --ks-color-negative-inverted-to-bg-2-base: #e01b54;
645
- --ks-color-negative-inverted-to-bg-3-base: #c51b51;
646
- --ks-color-negative-inverted-to-bg-4-base: #a61c4e;
647
- --ks-color-negative-inverted-to-bg-5-base: #871d4b;
648
- --ks-color-negative-inverted-to-bg-6-base: #681e47;
649
- --ks-color-negative-inverted-to-bg-7-base: #491f44;
650
- --ks-color-negative-inverted-to-bg-8-base: #2e1f41;
651
- --ks-color-negative-inverted-to-bg-9-base: #1b203f;
652
- --ks-color-negative-inverted-to-fg-1-base: #ff255f;
653
- --ks-color-negative-inverted-to-fg-2-base: #ff386d;
654
- --ks-color-negative-inverted-to-fg-3-base: #ff517f;
655
- --ks-color-negative-inverted-to-fg-4-base: #ff6f95;
656
- --ks-color-negative-inverted-to-fg-5-base: #ff8dab;
657
- --ks-color-negative-inverted-to-fg-6-base: #ffaac1;
658
- --ks-color-negative-inverted-to-fg-7-base: #ffc8d7;
659
- --ks-color-negative-inverted-to-fg-8-base: #ffe1e9;
660
- --ks-color-negative-inverted-to-fg-9-base: #fff4f7;
493
+ --ks-color-informative-base: #64c2db;
494
+ --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
495
+ --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
496
+ --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
497
+ --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
498
+ --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
499
+ --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
500
+ --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
501
+ --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
502
+ --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
503
+ --ks-color-informative-to-bg-1-base: #6cc5dd;
504
+ --ks-color-informative-to-bg-2-base: #78cae0;
505
+ --ks-color-informative-to-bg-3-base: #89d1e4;
506
+ --ks-color-informative-to-bg-4-base: #9dd9e8;
507
+ --ks-color-informative-to-bg-5-base: #b2e1ed;
508
+ --ks-color-informative-to-bg-6-base: #c6e8f2;
509
+ --ks-color-informative-to-bg-7-base: #daf0f6;
510
+ --ks-color-informative-to-bg-8-base: #ebf7fa;
511
+ --ks-color-informative-to-bg-9-base: #f7fcfd;
512
+ --ks-color-informative-to-fg-1-base: #5fb9d2;
513
+ --ks-color-informative-to-fg-2-base: #58aac3;
514
+ --ks-color-informative-to-fg-3-base: #4d95ae;
515
+ --ks-color-informative-to-fg-4-base: #417d95;
516
+ --ks-color-informative-to-fg-5-base: #35657d;
517
+ --ks-color-informative-to-fg-6-base: #294d65;
518
+ --ks-color-informative-to-fg-7-base: #1d354c;
519
+ --ks-color-informative-to-fg-8-base: #122037;
520
+ --ks-color-informative-to-fg-9-base: #0b1128;
521
+ --ks-color-informative-inverted-base: #00718f;
522
+ --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
523
+ --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
524
+ --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
525
+ --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
526
+ --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
527
+ --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
528
+ --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
529
+ --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
530
+ --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
531
+ --ks-color-informative-inverted-to-bg-1-base: #016d8b;
532
+ --ks-color-informative-inverted-to-bg-2-base: #026684;
533
+ --ks-color-informative-inverted-to-bg-3-base: #045e7c;
534
+ --ks-color-informative-inverted-to-bg-4-base: #065371;
535
+ --ks-color-informative-inverted-to-bg-5-base: #084967;
536
+ --ks-color-informative-inverted-to-bg-6-base: #093e5c;
537
+ --ks-color-informative-inverted-to-bg-7-base: #0b3351;
538
+ --ks-color-informative-inverted-to-bg-8-base: #0d2b49;
539
+ --ks-color-informative-inverted-to-bg-9-base: #0e2442;
540
+ --ks-color-informative-inverted-to-fg-1-base: #0d7895;
541
+ --ks-color-informative-inverted-to-fg-2-base: #21839e;
542
+ --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
543
+ --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
544
+ --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
545
+ --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
546
+ --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
547
+ --ks-color-informative-inverted-to-fg-8-base: #deedf0;
548
+ --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
549
+ --ks-color-notice-base: #f9de55;
550
+ --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
551
+ --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
552
+ --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
553
+ --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
554
+ --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
555
+ --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
556
+ --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
557
+ --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
558
+ --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
559
+ --ks-color-notice-to-bg-1-base: #f9e05e;
560
+ --ks-color-notice-to-bg-2-base: #fae26b;
561
+ --ks-color-notice-to-bg-3-base: #fae67e;
562
+ --ks-color-notice-to-bg-4-base: #fbea94;
563
+ --ks-color-notice-to-bg-5-base: #fcefaa;
564
+ --ks-color-notice-to-bg-6-base: #fdf3c0;
565
+ --ks-color-notice-to-bg-7-base: #fef7d6;
566
+ --ks-color-notice-to-bg-8-base: #fefbe9;
567
+ --ks-color-notice-to-bg-9-base: #fffdf7;
568
+ --ks-color-notice-to-fg-1-base: #edd352;
569
+ --ks-color-notice-to-fg-2-base: #d9c24e;
570
+ --ks-color-notice-to-fg-3-base: #bfab48;
571
+ --ks-color-notice-to-fg-4-base: #9f8f41;
572
+ --ks-color-notice-to-fg-5-base: #80733a;
573
+ --ks-color-notice-to-fg-6-base: #605733;
574
+ --ks-color-notice-to-fg-7-base: #403b2c;
575
+ --ks-color-notice-to-fg-8-base: #262426;
576
+ --ks-color-notice-to-fg-9-base: #121322;
577
+ --ks-color-notice-inverted-base: #ff5d53;
578
+ --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
579
+ --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
580
+ --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
581
+ --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
582
+ --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
583
+ --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
584
+ --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
585
+ --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
586
+ --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
587
+ --ks-color-notice-inverted-to-bg-1-base: #f35a52;
588
+ --ks-color-notice-inverted-to-bg-2-base: #e05550;
589
+ --ks-color-notice-inverted-to-bg-3-base: #c54e4e;
590
+ --ks-color-notice-inverted-to-bg-4-base: #a6464b;
591
+ --ks-color-notice-inverted-to-bg-5-base: #873f49;
592
+ --ks-color-notice-inverted-to-bg-6-base: #683746;
593
+ --ks-color-notice-inverted-to-bg-7-base: #492f43;
594
+ --ks-color-notice-inverted-to-bg-8-base: #2e2841;
595
+ --ks-color-notice-inverted-to-bg-9-base: #1b233f;
596
+ --ks-color-notice-inverted-to-fg-1-base: #ff655c;
597
+ --ks-color-notice-inverted-to-fg-2-base: #ff7269;
598
+ --ks-color-notice-inverted-to-fg-3-base: #ff847c;
599
+ --ks-color-notice-inverted-to-fg-4-base: #ff9993;
600
+ --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
601
+ --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
602
+ --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
603
+ --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
604
+ --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
605
+ --ks-color-negative-base: #ff1a57;
606
+ --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
607
+ --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
608
+ --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
609
+ --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
610
+ --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
611
+ --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
612
+ --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
613
+ --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
614
+ --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
615
+ --ks-color-negative-to-bg-1-base: #ff255f;
616
+ --ks-color-negative-to-bg-2-base: #ff386d;
617
+ --ks-color-negative-to-bg-3-base: #ff517f;
618
+ --ks-color-negative-to-bg-4-base: #ff6f95;
619
+ --ks-color-negative-to-bg-5-base: #ff8dab;
620
+ --ks-color-negative-to-bg-6-base: #ffaac1;
621
+ --ks-color-negative-to-bg-7-base: #ffc8d7;
622
+ --ks-color-negative-to-bg-8-base: #ffe1e9;
623
+ --ks-color-negative-to-bg-9-base: #fff4f7;
624
+ --ks-color-negative-to-fg-1-base: #f31954;
625
+ --ks-color-negative-to-fg-2-base: #df1850;
626
+ --ks-color-negative-to-fg-3-base: #c3164a;
627
+ --ks-color-negative-to-fg-4-base: #a31342;
628
+ --ks-color-negative-to-fg-5-base: #83113b;
629
+ --ks-color-negative-to-fg-6-base: #620f34;
630
+ --ks-color-negative-to-fg-7-base: #420c2c;
631
+ --ks-color-negative-to-fg-8-base: #260a26;
632
+ --ks-color-negative-to-fg-9-base: #120922;
633
+ --ks-color-negative-inverted-base: #d21d48;
634
+ --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
635
+ --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
636
+ --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
637
+ --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
638
+ --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
639
+ --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
640
+ --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
641
+ --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
642
+ --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
643
+ --ks-color-negative-inverted-to-bg-1-base: #c81d48;
644
+ --ks-color-negative-inverted-to-bg-2-base: #b91d47;
645
+ --ks-color-negative-inverted-to-bg-3-base: #a31e46;
646
+ --ks-color-negative-inverted-to-bg-4-base: #8a1e44;
647
+ --ks-color-negative-inverted-to-bg-5-base: #711f43;
648
+ --ks-color-negative-inverted-to-bg-6-base: #571f42;
649
+ --ks-color-negative-inverted-to-bg-7-base: #3e1f40;
650
+ --ks-color-negative-inverted-to-bg-8-base: #28203f;
651
+ --ks-color-negative-inverted-to-bg-9-base: #19203f;
652
+ --ks-color-negative-inverted-to-fg-1-base: #d42851;
653
+ --ks-color-negative-inverted-to-fg-2-base: #d83a60;
654
+ --ks-color-negative-inverted-to-fg-3-base: #dd5374;
655
+ --ks-color-negative-inverted-to-fg-4-base: #e3718c;
656
+ --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
657
+ --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
658
+ --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
659
+ --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
660
+ --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
661
661
  --ks-depth-modal: 1000;
662
662
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
663
663
  --ks-spacing-xxs-base: 0.3366rem;
@@ -735,12 +735,12 @@
735
735
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
736
736
  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
737
737
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
738
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
738
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
739
739
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
740
740
  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
741
- --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
741
+ --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
742
742
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
743
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
743
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
744
744
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
745
745
  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
746
746
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
@@ -763,8 +763,8 @@
763
763
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
764
764
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
765
765
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
766
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
767
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
766
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
767
+ --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
768
768
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
769
769
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
770
770
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
@@ -788,7 +788,7 @@
788
788
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
789
789
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
790
790
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
791
- --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
791
+ --ks-text-color-primary-inverted-base: var(--ks-color-primary-to-bg-5-base);
792
792
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
793
793
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
794
794
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
@@ -842,12 +842,12 @@
842
842
  --ks-timing-function-ease-in: ease-in;
843
843
  --ks-timing-function-ease-in-out: ease-in-out;
844
844
  --ks-timing-function-linear: linear;
845
- --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
845
+ --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
846
846
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
847
847
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
848
- --ks-font-family-display: 'HelveticaNeue LT', Helvetica, Montserrat, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
849
- --ks-font-family-copy: 'HelveticaNeue LT', Helvetica, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
850
- --ks-font-family-interface: 'HelveticaNeue LT', Helvetica, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
848
+ --ks-font-family-display: Montserrat, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
849
+ --ks-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
850
+ --ks-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
851
851
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
852
852
  --ks-font-weight-light: 300;
853
853
  --ks-font-weight-regular: 400;