@kickstartds/ds-agency-premium 1.6.71--canary.2116.80f3609.0 → 1.6.71--canary.2121.cdcaa18.0

package/dist/components/page-wrapper/tokens.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Aug 2025 09:03:35 GMT
+ * Generated on Wed, 13 Aug 2025 11:37:14 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
-  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
-  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
+  --ks-background-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
+  --ks-background-color-bold-base: var(--ks-color-fg-to-bg-8-base);
+  --ks-background-color-bold-inverted-base: var(--ks-color-fg-inverted-to-bg-8-base);
   --ks-background-color-clear-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -103,8 +103,8 @@
   --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
   --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
   --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
-  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
+  --ks-border-color-accent-base: var(--ks-color-fg-to-bg-8-base);
+  --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-8-base);
   --ks-border-color-clear-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -115,13 +115,13 @@
   --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
   --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
   --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
-  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
-  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
+  --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
+  --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
   --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
   --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
-  --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
+  --ks-border-color-interface-interactive-active-base: var(--ks-color-primary-base);
   --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
   --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
   --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
@@ -130,7 +130,7 @@
   --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
   --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
   --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
-  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
+  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
   --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
@@ -203,7 +203,7 @@
   --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
   --ks-border-width-default: 1px;
   --ks-border-width-emphasized: 2px;
-  --ks-border-radius-control: 8px;
+  --ks-border-radius-control: 6px;
   --ks-border-radius-card: 8px;
   --ks-border-radius-surface: 16px;
   --ks-border-radius-pill: 999px;
@@ -212,26 +212,26 @@
   --ks-box-shadow-opacity-control-hover: 0.3;
   --ks-box-shadow-opacity-control-inverted: 0.2;
   --ks-box-shadow-opacity-control-inverted-hover: 0.3;
-  --ks-box-shadow-opacity-card: 0.2;
-  --ks-box-shadow-opacity-card-hover: 0.3;
-  --ks-box-shadow-opacity-card-inverted: 0.2;
-  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
+  --ks-box-shadow-opacity-card: 0.1;
+  --ks-box-shadow-opacity-card-hover: 0.2;
+  --ks-box-shadow-opacity-card-inverted: 0.1;
+  --ks-box-shadow-opacity-card-inverted-hover: 0.2;
   --ks-box-shadow-opacity-surface: 0.1;
   --ks-box-shadow-opacity-surface-hover: 0.2;
   --ks-box-shadow-opacity-surface-inverted: 0.1;
   --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
-  --ks-box-shadow-color-control: rgba(45,51,56,var(--ks-box-shadow-opacity-control));
-  --ks-box-shadow-color-control-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-control-hover));
-  --ks-box-shadow-color-control-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-control-inverted));
-  --ks-box-shadow-color-control-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-control-inverted-hover));
-  --ks-box-shadow-color-card: rgba(45,51,56,var(--ks-box-shadow-opacity-card));
-  --ks-box-shadow-color-card-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-card-hover));
-  --ks-box-shadow-color-card-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-card-inverted));
-  --ks-box-shadow-color-card-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-card-inverted-hover));
-  --ks-box-shadow-color-surface: rgba(45,51,56,var(--ks-box-shadow-opacity-surface));
-  --ks-box-shadow-color-surface-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-hover));
-  --ks-box-shadow-color-surface-inverted: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-inverted));
-  --ks-box-shadow-color-surface-inverted-hover: rgba(45,51,56,var(--ks-box-shadow-opacity-surface-inverted-hover));
+  --ks-box-shadow-color-control: rgba(6,8,31,var(--ks-box-shadow-opacity-control));
+  --ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
+  --ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
+  --ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
+  --ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
+  --ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
+  --ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
+  --ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
+  --ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
+  --ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
+  --ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
+  --ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted-hover));
   --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
   --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
   --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
@@ -244,25 +244,25 @@
   --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
   --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
   --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
-  --ks-color-fg-base: #2d3338;
-  --ks-color-fg-alpha-1-base: rgba(45,51,56,.95);
-  --ks-color-fg-alpha-2-base: rgba(45,51,56,.87);
-  --ks-color-fg-alpha-3-base: rgba(45,51,56,.76);
-  --ks-color-fg-alpha-4-base: rgba(45,51,56,.63);
-  --ks-color-fg-alpha-5-base: rgba(45,51,56,.5);
-  --ks-color-fg-alpha-6-base: rgba(45,51,56,.37);
-  --ks-color-fg-alpha-7-base: rgba(45,51,56,.24);
-  --ks-color-fg-alpha-8-base: rgba(45,51,56,.13);
-  --ks-color-fg-alpha-9-base: rgba(45,51,56,.05);
-  --ks-color-fg-to-bg-1-base: #383d42;
-  --ks-color-fg-to-bg-2-base: #484e52;
-  --ks-color-fg-to-bg-3-base: #5f6468;
-  --ks-color-fg-to-bg-4-base: #7b7e82;
-  --ks-color-fg-to-bg-5-base: #96999c;
-  --ks-color-fg-to-bg-6-base: #b1b4b5;
-  --ks-color-fg-to-bg-7-base: #cdcecf;
-  --ks-color-fg-to-bg-8-base: #e4e4e5;
-  --ks-color-fg-to-bg-9-base: #f5f5f5;
+  --ks-color-fg-base: #000;
+  --ks-color-fg-alpha-1-base: rgba(0,0,0,.95);
+  --ks-color-fg-alpha-2-base: rgba(0,0,0,.87);
+  --ks-color-fg-alpha-3-base: rgba(0,0,0,.76);
+  --ks-color-fg-alpha-4-base: rgba(0,0,0,.63);
+  --ks-color-fg-alpha-5-base: rgba(0,0,0,.5);
+  --ks-color-fg-alpha-6-base: rgba(0,0,0,.37);
+  --ks-color-fg-alpha-7-base: rgba(0,0,0,.24);
+  --ks-color-fg-alpha-8-base: rgba(0,0,0,.13);
+  --ks-color-fg-alpha-9-base: rgba(0,0,0,.05);
+  --ks-color-fg-to-bg-1-base: #0d0d0d;
+  --ks-color-fg-to-bg-2-base: #212121;
+  --ks-color-fg-to-bg-3-base: #3d3d3d;
+  --ks-color-fg-to-bg-4-base: #5e5e5e;
+  --ks-color-fg-to-bg-5-base: grey;
+  --ks-color-fg-to-bg-6-base: #a1a1a1;
+  --ks-color-fg-to-bg-7-base: #c2c2c2;
+  --ks-color-fg-to-bg-8-base: #dedede;
+  --ks-color-fg-to-bg-9-base: #f2f2f2;
   --ks-color-fg-inverted-base: #fff;
   --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
   --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
@@ -273,15 +273,15 @@
   --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
   --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
   --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
-  --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
-  --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
-  --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
-  --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
-  --ks-color-fg-inverted-to-bg-5-base: #87909f;
-  --ks-color-fg-inverted-to-bg-6-base: #687385;
-  --ks-color-fg-inverted-to-bg-7-base: #49566c;
-  --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
-  --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
+  --ks-color-fg-inverted-to-bg-1-base: #f4f4f4;
+  --ks-color-fg-inverted-to-bg-2-base: #e2e2e2;
+  --ks-color-fg-inverted-to-bg-3-base: #c9c9c9;
+  --ks-color-fg-inverted-to-bg-4-base: #acacac;
+  --ks-color-fg-inverted-to-bg-5-base: #909090;
+  --ks-color-fg-inverted-to-bg-6-base: #737373;
+  --ks-color-fg-inverted-to-bg-7-base: #565656;
+  --ks-color-fg-inverted-to-bg-8-base: #3d3d3d;
+  --ks-color-fg-inverted-to-bg-9-base: #2b2b2b;
   --ks-color-bg-base: #fff;
   --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
   --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
@@ -292,147 +292,147 @@
   --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
   --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
   --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
-  --ks-color-bg-to-fg-1-base: #f5f5f5;
-  --ks-color-bg-to-fg-2-base: #e4e4e5;
-  --ks-color-bg-to-fg-3-base: #cdcecf;
-  --ks-color-bg-to-fg-4-base: #b1b4b5;
-  --ks-color-bg-to-fg-5-base: #96999c;
-  --ks-color-bg-to-fg-6-base: #7b7e82;
-  --ks-color-bg-to-fg-7-base: #5f6468;
-  --ks-color-bg-to-fg-8-base: #484e52;
-  --ks-color-bg-to-fg-9-base: #383d42;
-  --ks-color-bg-inverted-base: #0f203e;
-  --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
-  --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
-  --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
-  --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
-  --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
-  --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
-  --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
-  --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
-  --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
-  --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
-  --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
-  --ks-color-bg-inverted-to-fg-3-base: #49566c;
-  --ks-color-bg-inverted-to-fg-4-base: #687385;
-  --ks-color-bg-inverted-to-fg-5-base: #87909f;
-  --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
-  --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
-  --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
-  --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
+  --ks-color-bg-to-fg-1-base: #f2f2f2;
+  --ks-color-bg-to-fg-2-base: #dedede;
+  --ks-color-bg-to-fg-3-base: #c2c2c2;
+  --ks-color-bg-to-fg-4-base: #a1a1a1;
+  --ks-color-bg-to-fg-5-base: grey;
+  --ks-color-bg-to-fg-6-base: #5e5e5e;
+  --ks-color-bg-to-fg-7-base: #3d3d3d;
+  --ks-color-bg-to-fg-8-base: #212121;
+  --ks-color-bg-to-fg-9-base: #0d0d0d;
+  --ks-color-bg-inverted-base: #202020;
+  --ks-color-bg-inverted-alpha-1-base: rgba(32,32,32,.95);
+  --ks-color-bg-inverted-alpha-2-base: rgba(32,32,32,.87);
+  --ks-color-bg-inverted-alpha-3-base: rgba(32,32,32,.76);
+  --ks-color-bg-inverted-alpha-4-base: rgba(32,32,32,.63);
+  --ks-color-bg-inverted-alpha-5-base: rgba(32,32,32,.5);
+  --ks-color-bg-inverted-alpha-6-base: rgba(32,32,32,.37);
+  --ks-color-bg-inverted-alpha-7-base: rgba(32,32,32,.24);
+  --ks-color-bg-inverted-alpha-8-base: rgba(32,32,32,.13);
+  --ks-color-bg-inverted-alpha-9-base: rgba(32,32,32,.05);
+  --ks-color-bg-inverted-to-fg-1-base: #2b2b2b;
+  --ks-color-bg-inverted-to-fg-2-base: #3d3d3d;
+  --ks-color-bg-inverted-to-fg-3-base: #565656;
+  --ks-color-bg-inverted-to-fg-4-base: #737373;
+  --ks-color-bg-inverted-to-fg-5-base: #909090;
+  --ks-color-bg-inverted-to-fg-6-base: #acacac;
+  --ks-color-bg-inverted-to-fg-7-base: #c9c9c9;
+  --ks-color-bg-inverted-to-fg-8-base: #e2e2e2;
+  --ks-color-bg-inverted-to-fg-9-base: #f4f4f4;
   --ks-color-transparent-base: rgba(0,0,0,0);
-  --ks-color-primary-base: #007e6f;
-  --ks-color-primary-alpha-1-base: rgba(0,126,111,.95);
-  --ks-color-primary-alpha-2-base: rgba(0,126,111,.87);
-  --ks-color-primary-alpha-3-base: rgba(0,126,111,.76);
-  --ks-color-primary-alpha-4-base: rgba(0,126,111,.63);
-  --ks-color-primary-alpha-5-base: rgba(0,126,111,.5);
-  --ks-color-primary-alpha-6-base: rgba(0,126,111,.37);
-  --ks-color-primary-alpha-7-base: rgba(0,126,111,.24);
-  --ks-color-primary-alpha-8-base: rgba(0,126,111,.13);
-  --ks-color-primary-alpha-9-base: rgba(0,126,111,.05);
-  --ks-color-primary-to-bg-1-base: #0d8476;
-  --ks-color-primary-to-bg-2-base: #218f82;
-  --ks-color-primary-to-bg-3-base: #3d9d92;
-  --ks-color-primary-to-bg-4-base: #5eaea4;
-  --ks-color-primary-to-bg-5-base: #80bfb7;
-  --ks-color-primary-to-bg-6-base: #a1cfca;
-  --ks-color-primary-to-bg-7-base: #c2e0dc;
-  --ks-color-primary-to-bg-8-base: #deeeec;
-  --ks-color-primary-to-bg-9-base: #f2f9f8;
-  --ks-color-primary-to-fg-1-base: #027a6c;
-  --ks-color-primary-to-fg-2-base: #067468;
-  --ks-color-primary-to-fg-3-base: #0b6c62;
-  --ks-color-primary-to-fg-4-base: #11625b;
-  --ks-color-primary-to-fg-5-base: #175954;
-  --ks-color-primary-to-fg-6-base: #1c4f4c;
-  --ks-color-primary-to-fg-7-base: #224545;
-  --ks-color-primary-to-fg-8-base: #273d3f;
-  --ks-color-primary-to-fg-9-base: #2b373b;
-  --ks-color-primary-inverted-base: #3065c0;
-  --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
-  --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
-  --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
-  --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
-  --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
-  --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
-  --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
-  --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
-  --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
-  --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
-  --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
-  --ks-color-primary-inverted-to-bg-3-base: #2854a1;
-  --ks-color-primary-inverted-to-bg-4-base: #244b90;
-  --ks-color-primary-inverted-to-bg-5-base: #20437f;
-  --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
-  --ks-color-primary-inverted-to-bg-7-base: #17315d;
-  --ks-color-primary-inverted-to-bg-8-base: #13294f;
-  --ks-color-primary-inverted-to-bg-9-base: #112345;
-  --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
-  --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
-  --ks-color-primary-inverted-to-fg-3-base: #628acf;
-  --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
-  --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
-  --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
-  --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
-  --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
-  --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
-  --ks-color-link-base: #3065c0;
-  --ks-color-link-alpha-1-base: rgba(48,101,192,.95);
-  --ks-color-link-alpha-2-base: rgba(48,101,192,.87);
-  --ks-color-link-alpha-3-base: rgba(48,101,192,.76);
-  --ks-color-link-alpha-4-base: rgba(48,101,192,.63);
-  --ks-color-link-alpha-5-base: rgba(48,101,192,.5);
-  --ks-color-link-alpha-6-base: rgba(48,101,192,.37);
-  --ks-color-link-alpha-7-base: rgba(48,101,192,.24);
-  --ks-color-link-alpha-8-base: rgba(48,101,192,.13);
-  --ks-color-link-alpha-9-base: rgba(48,101,192,.05);
-  --ks-color-link-to-bg-1-base: #3a6dc3;
-  --ks-color-link-to-bg-2-base: #4b79c8;
-  --ks-color-link-to-bg-3-base: #628acf;
-  --ks-color-link-to-bg-4-base: #7d9ed7;
-  --ks-color-link-to-bg-5-base: #98b2e0;
-  --ks-color-link-to-bg-6-base: #b2c6e8;
-  --ks-color-link-to-bg-7-base: #cddaf0;
-  --ks-color-link-to-bg-8-base: #e4ebf7;
-  --ks-color-link-to-bg-9-base: #f5f7fc;
-  --ks-color-link-to-fg-1-base: #3063b9;
-  --ks-color-link-to-fg-2-base: #305fae;
-  --ks-color-link-to-fg-3-base: #2f599f;
-  --ks-color-link-to-fg-4-base: #2f538e;
-  --ks-color-link-to-fg-5-base: #2f4c7c;
-  --ks-color-link-to-fg-6-base: #2e466a;
-  --ks-color-link-to-fg-7-base: #2e3f59;
-  --ks-color-link-to-fg-8-base: #2d3a4a;
-  --ks-color-link-to-fg-9-base: #2d363f;
-  --ks-color-link-inverted-base: #98b2e0;
-  --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
-  --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
-  --ks-color-link-inverted-alpha-3-base: rgba(152,178,224,.76);
-  --ks-color-link-inverted-alpha-4-base: rgba(152,178,224,.63);
-  --ks-color-link-inverted-alpha-5-base: rgba(152,178,224,.5);
-  --ks-color-link-inverted-alpha-6-base: rgba(152,178,224,.37);
-  --ks-color-link-inverted-alpha-7-base: rgba(152,178,224,.24);
-  --ks-color-link-inverted-alpha-8-base: rgba(152,178,224,.13);
-  --ks-color-link-inverted-alpha-9-base: rgba(152,178,224,.05);
-  --ks-color-link-inverted-to-bg-1-base: #91abd8;
-  --ks-color-link-inverted-to-bg-2-base: #869fcb;
-  --ks-color-link-inverted-to-bg-3-base: #778fb9;
-  --ks-color-link-inverted-to-bg-4-base: #657ca4;
-  --ks-color-link-inverted-to-bg-5-base: #54698f;
-  --ks-color-link-inverted-to-bg-6-base: #42567a;
-  --ks-color-link-inverted-to-bg-7-base: #304365;
-  --ks-color-link-inverted-to-bg-8-base: #213353;
-  --ks-color-link-inverted-to-bg-9-base: #162746;
-  --ks-color-link-inverted-to-fg-1-base: #9db6e2;
-  --ks-color-link-inverted-to-fg-2-base: #a5bce4;
-  --ks-color-link-inverted-to-fg-3-base: #b1c4e7;
-  --ks-color-link-inverted-to-fg-4-base: #beceeb;
-  --ks-color-link-inverted-to-fg-5-base: #ccd9f0;
-  --ks-color-link-inverted-to-fg-6-base: #d9e3f4;
-  --ks-color-link-inverted-to-fg-7-base: #e6edf8;
-  --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
-  --ks-color-link-inverted-to-fg-9-base: #fafbfd;
+  --ks-color-primary-base: #c3002f;
+  --ks-color-primary-alpha-1-base: rgba(195,0,47,.95);
+  --ks-color-primary-alpha-2-base: rgba(195,0,47,.87);
+  --ks-color-primary-alpha-3-base: rgba(195,0,47,.76);
+  --ks-color-primary-alpha-4-base: rgba(195,0,47,.63);
+  --ks-color-primary-alpha-5-base: rgba(195,0,47,.5);
+  --ks-color-primary-alpha-6-base: rgba(195,0,47,.37);
+  --ks-color-primary-alpha-7-base: rgba(195,0,47,.24);
+  --ks-color-primary-alpha-8-base: rgba(195,0,47,.13);
+  --ks-color-primary-alpha-9-base: rgba(195,0,47,.05);
+  --ks-color-primary-to-bg-1-base: #c60d39;
+  --ks-color-primary-to-bg-2-base: #cb214a;
+  --ks-color-primary-to-bg-3-base: #d13d61;
+  --ks-color-primary-to-bg-4-base: #d95e7c;
+  --ks-color-primary-to-bg-5-base: #e18097;
+  --ks-color-primary-to-bg-6-base: #e9a1b2;
+  --ks-color-primary-to-bg-7-base: #f1c2cd;
+  --ks-color-primary-to-bg-8-base: #f7dee4;
+  --ks-color-primary-to-bg-9-base: #fcf2f5;
+  --ks-color-primary-to-fg-1-base: #b9002d;
+  --ks-color-primary-to-fg-2-base: #aa0029;
+  --ks-color-primary-to-fg-3-base: #940024;
+  --ks-color-primary-to-fg-4-base: #7b001e;
+  --ks-color-primary-to-fg-5-base: #620018;
+  --ks-color-primary-to-fg-6-base: #480011;
+  --ks-color-primary-to-fg-7-base: #2f000b;
+  --ks-color-primary-to-fg-8-base: #190006;
+  --ks-color-primary-to-fg-9-base: #0a0002;
+  --ks-color-primary-inverted-base: #c41631;
+  --ks-color-primary-inverted-alpha-1-base: rgba(196,22,49,.95);
+  --ks-color-primary-inverted-alpha-2-base: rgba(196,22,49,.87);
+  --ks-color-primary-inverted-alpha-3-base: rgba(196,22,49,.76);
+  --ks-color-primary-inverted-alpha-4-base: rgba(196,22,49,.63);
+  --ks-color-primary-inverted-alpha-5-base: rgba(196,22,49,.5);
+  --ks-color-primary-inverted-alpha-6-base: rgba(196,22,49,.37);
+  --ks-color-primary-inverted-alpha-7-base: rgba(196,22,49,.24);
+  --ks-color-primary-inverted-alpha-8-base: rgba(196,22,49,.13);
+  --ks-color-primary-inverted-alpha-9-base: rgba(196,22,49,.05);
+  --ks-color-primary-inverted-to-bg-1-base: #bc1730;
+  --ks-color-primary-inverted-to-bg-2-base: #af172f;
+  --ks-color-primary-inverted-to-bg-3-base: #9d182d;
+  --ks-color-primary-inverted-to-bg-4-base: #871a2b;
+  --ks-color-primary-inverted-to-bg-5-base: #721b29;
+  --ks-color-primary-inverted-to-bg-6-base: #5d1c26;
+  --ks-color-primary-inverted-to-bg-7-base: #471e24;
+  --ks-color-primary-inverted-to-bg-8-base: #351f22;
+  --ks-color-primary-inverted-to-bg-9-base: #282021;
+  --ks-color-primary-inverted-to-fg-1-base: #c7223b;
+  --ks-color-primary-inverted-to-fg-2-base: #cc344c;
+  --ks-color-primary-inverted-to-fg-3-base: #d24e62;
+  --ks-color-primary-inverted-to-fg-4-base: #da6c7d;
+  --ks-color-primary-inverted-to-fg-5-base: #e28b98;
+  --ks-color-primary-inverted-to-fg-6-base: #e9a9b3;
+  --ks-color-primary-inverted-to-fg-7-base: #f1c7ce;
+  --ks-color-primary-inverted-to-fg-8-base: #f7e1e4;
+  --ks-color-primary-inverted-to-fg-9-base: #fcf3f5;
+  --ks-color-link-base: #c3002f;
+  --ks-color-link-alpha-1-base: rgba(195,0,47,.95);
+  --ks-color-link-alpha-2-base: rgba(195,0,47,.87);
+  --ks-color-link-alpha-3-base: rgba(195,0,47,.76);
+  --ks-color-link-alpha-4-base: rgba(195,0,47,.63);
+  --ks-color-link-alpha-5-base: rgba(195,0,47,.5);
+  --ks-color-link-alpha-6-base: rgba(195,0,47,.37);
+  --ks-color-link-alpha-7-base: rgba(195,0,47,.24);
+  --ks-color-link-alpha-8-base: rgba(195,0,47,.13);
+  --ks-color-link-alpha-9-base: rgba(195,0,47,.05);
+  --ks-color-link-to-bg-1-base: #c60d39;
+  --ks-color-link-to-bg-2-base: #cb214a;
+  --ks-color-link-to-bg-3-base: #d13d61;
+  --ks-color-link-to-bg-4-base: #d95e7c;
+  --ks-color-link-to-bg-5-base: #e18097;
+  --ks-color-link-to-bg-6-base: #e9a1b2;
+  --ks-color-link-to-bg-7-base: #f1c2cd;
+  --ks-color-link-to-bg-8-base: #f7dee4;
+  --ks-color-link-to-bg-9-base: #fcf2f5;
+  --ks-color-link-to-fg-1-base: #b9002d;
+  --ks-color-link-to-fg-2-base: #aa0029;
+  --ks-color-link-to-fg-3-base: #940024;
+  --ks-color-link-to-fg-4-base: #7b001e;
+  --ks-color-link-to-fg-5-base: #620018;
+  --ks-color-link-to-fg-6-base: #480011;
+  --ks-color-link-to-fg-7-base: #2f000b;
+  --ks-color-link-to-fg-8-base: #190006;
+  --ks-color-link-to-fg-9-base: #0a0002;
+  --ks-color-link-inverted-base: #c3002f;
+  --ks-color-link-inverted-alpha-1-base: rgba(195,0,47,.95);
+  --ks-color-link-inverted-alpha-2-base: rgba(195,0,47,.87);
+  --ks-color-link-inverted-alpha-3-base: rgba(195,0,47,.76);
+  --ks-color-link-inverted-alpha-4-base: rgba(195,0,47,.63);
+  --ks-color-link-inverted-alpha-5-base: rgba(195,0,47,.5);
+  --ks-color-link-inverted-alpha-6-base: rgba(195,0,47,.37);
+  --ks-color-link-inverted-alpha-7-base: rgba(195,0,47,.24);
+  --ks-color-link-inverted-alpha-8-base: rgba(195,0,47,.13);
+  --ks-color-link-inverted-alpha-9-base: rgba(195,0,47,.05);
+  --ks-color-link-inverted-to-bg-1-base: #bb022e;
+  --ks-color-link-inverted-to-bg-2-base: #ae042d;
+  --ks-color-link-inverted-to-bg-3-base: #9c082b;
+  --ks-color-link-inverted-to-bg-4-base: #870c29;
+  --ks-color-link-inverted-to-bg-5-base: #721028;
+  --ks-color-link-inverted-to-bg-6-base: #5c1426;
+  --ks-color-link-inverted-to-bg-7-base: #471824;
+  --ks-color-link-inverted-to-bg-8-base: #351c22;
+  --ks-color-link-inverted-to-bg-9-base: #281e21;
+  --ks-color-link-inverted-to-fg-1-base: #c60d39;
+  --ks-color-link-inverted-to-fg-2-base: #cb214a;
+  --ks-color-link-inverted-to-fg-3-base: #d13d61;
+  --ks-color-link-inverted-to-fg-4-base: #d95e7c;
+  --ks-color-link-inverted-to-fg-5-base: #e18097;
+  --ks-color-link-inverted-to-fg-6-base: #e9a1b2;
+  --ks-color-link-inverted-to-fg-7-base: #f1c2cd;
+  --ks-color-link-inverted-to-fg-8-base: #f7dee4;
+  --ks-color-link-inverted-to-fg-9-base: #fcf2f5;
   --ks-color-positive-base: #23831b;
   --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
   --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
@@ -452,15 +452,15 @@
   --ks-color-positive-to-bg-7-base: #cae1c8;
   --ks-color-positive-to-bg-8-base: #e2efe1;
   --ks-color-positive-to-bg-9-base: #f4f9f4;
-  --ks-color-positive-to-fg-1-base: #247f1c;
-  --ks-color-positive-to-fg-2-base: #24791f;
-  --ks-color-positive-to-fg-3-base: #257022;
-  --ks-color-positive-to-fg-4-base: #276526;
-  --ks-color-positive-to-fg-5-base: #285b2a;
-  --ks-color-positive-to-fg-6-base: #29512d;
-  --ks-color-positive-to-fg-7-base: #2b4631;
-  --ks-color-positive-to-fg-8-base: #2c3d34;
-  --ks-color-positive-to-fg-9-base: #2d3737;
+  --ks-color-positive-to-fg-1-base: #217c1a;
+  --ks-color-positive-to-fg-2-base: #1e7217;
+  --ks-color-positive-to-fg-3-base: #1b6415;
+  --ks-color-positive-to-fg-4-base: #165311;
+  --ks-color-positive-to-fg-5-base: #12420e;
+  --ks-color-positive-to-fg-6-base: #0d300a;
+  --ks-color-positive-to-fg-7-base: #081f06;
+  --ks-color-positive-to-fg-8-base: #051104;
+  --ks-color-positive-to-fg-9-base: #020701;
   --ks-color-positive-inverted-base: #6edb64;
   --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
   --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
@@ -471,15 +471,15 @@
   --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
   --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
   --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
-  --ks-color-positive-inverted-to-bg-1-base: #69d262;
-  --ks-color-positive-inverted-to-bg-2-base: #62c35f;
-  --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
-  --ks-color-positive-inverted-to-bg-4-base: #4b9656;
-  --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
-  --ks-color-positive-inverted-to-bg-6-base: #32654c;
-  --ks-color-positive-inverted-to-bg-7-base: #264d47;
-  --ks-color-positive-inverted-to-bg-8-base: #1b3843;
-  --ks-color-positive-inverted-to-bg-9-base: #142940;
+  --ks-color-positive-inverted-to-bg-1-base: #6ad261;
+  --ks-color-positive-inverted-to-bg-2-base: #64c35b;
+  --ks-color-positive-inverted-to-bg-3-base: #5bae54;
+  --ks-color-positive-inverted-to-bg-4-base: #51964b;
+  --ks-color-positive-inverted-to-bg-5-base: #477e42;
+  --ks-color-positive-inverted-to-bg-6-base: #3d6539;
+  --ks-color-positive-inverted-to-bg-7-base: #334d30;
+  --ks-color-positive-inverted-to-bg-8-base: #2a3829;
+  --ks-color-positive-inverted-to-bg-9-base: #242923;
   --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
   --ks-color-positive-inverted-to-fg-2-base: #81e078;
   --ks-color-positive-inverted-to-fg-3-base: #91e489;
@@ -508,15 +508,15 @@
   --ks-color-informative-to-bg-7-base: #c2dde4;
   --ks-color-informative-to-bg-8-base: #deedf0;
   --ks-color-informative-to-bg-9-base: #f2f8f9;
-  --ks-color-informative-to-fg-1-base: #026e8b;
-  --ks-color-informative-to-fg-2-base: #066984;
-  --ks-color-informative-to-fg-3-base: #0b627a;
-  --ks-color-informative-to-fg-4-base: #115a6f;
-  --ks-color-informative-to-fg-5-base: #175264;
-  --ks-color-informative-to-fg-6-base: #1c4a58;
-  --ks-color-informative-to-fg-7-base: #22424d;
-  --ks-color-informative-to-fg-8-base: #273b43;
-  --ks-color-informative-to-fg-9-base: #2b363c;
+  --ks-color-informative-to-fg-1-base: #006b88;
+  --ks-color-informative-to-fg-2-base: #00627c;
+  --ks-color-informative-to-fg-3-base: #00566d;
+  --ks-color-informative-to-fg-4-base: #00475a;
+  --ks-color-informative-to-fg-5-base: #003948;
+  --ks-color-informative-to-fg-6-base: #002a35;
+  --ks-color-informative-to-fg-7-base: #001b22;
+  --ks-color-informative-to-fg-8-base: #000f13;
+  --ks-color-informative-to-fg-9-base: #000607;
   --ks-color-informative-inverted-base: #64c2db;
   --ks-color-informative-inverted-alpha-1-base: rgba(100,194,219,.95);
   --ks-color-informative-inverted-alpha-2-base: rgba(100,194,219,.87);
@@ -527,15 +527,15 @@
   --ks-color-informative-inverted-alpha-7-base: rgba(100,194,219,.24);
   --ks-color-informative-inverted-alpha-8-base: rgba(100,194,219,.13);
   --ks-color-informative-inverted-alpha-9-base: rgba(100,194,219,.05);
-  --ks-color-informative-inverted-to-bg-1-base: #60bad3;
-  --ks-color-informative-inverted-to-bg-2-base: #59adc7;
-  --ks-color-informative-inverted-to-bg-3-base: #509bb5;
-  --ks-color-informative-inverted-to-bg-4-base: #4586a1;
-  --ks-color-informative-inverted-to-bg-5-base: #3a718d;
-  --ks-color-informative-inverted-to-bg-6-base: #2e5c78;
-  --ks-color-informative-inverted-to-bg-7-base: #234764;
-  --ks-color-informative-inverted-to-bg-8-base: #1a3552;
-  --ks-color-informative-inverted-to-bg-9-base: #132846;
+  --ks-color-informative-inverted-to-bg-1-base: #61bad2;
+  --ks-color-informative-inverted-to-bg-2-base: #5badc3;
+  --ks-color-informative-inverted-to-bg-3-base: #549bae;
+  --ks-color-informative-inverted-to-bg-4-base: #4b8696;
+  --ks-color-informative-inverted-to-bg-5-base: #42717e;
+  --ks-color-informative-inverted-to-bg-6-base: #395c65;
+  --ks-color-informative-inverted-to-bg-7-base: #30474d;
+  --ks-color-informative-inverted-to-bg-8-base: #293538;
+  --ks-color-informative-inverted-to-bg-9-base: #232829;
   --ks-color-informative-inverted-to-fg-1-base: #6cc5dd;
   --ks-color-informative-inverted-to-fg-2-base: #78cae0;
   --ks-color-informative-inverted-to-fg-3-base: #89d1e4;
@@ -564,15 +564,15 @@
   --ks-color-notice-to-bg-7-base: #ffd8d6;
   --ks-color-notice-to-bg-8-base: #ffeae9;
   --ks-color-notice-to-bg-9-base: #fff7f6;
-  --ks-color-notice-to-fg-1-base: #f55b52;
-  --ks-color-notice-to-fg-2-base: #e4584f;
-  --ks-color-notice-to-fg-3-base: #cd534d;
-  --ks-color-notice-to-fg-4-base: #b14d49;
-  --ks-color-notice-to-fg-5-base: #964846;
-  --ks-color-notice-to-fg-6-base: #7b4342;
-  --ks-color-notice-to-fg-7-base: #5f3d3e;
-  --ks-color-notice-to-fg-8-base: #48383c;
-  --ks-color-notice-to-fg-9-base: #383539;
+  --ks-color-notice-to-fg-1-base: #f2584f;
+  --ks-color-notice-to-fg-2-base: #de5148;
+  --ks-color-notice-to-fg-3-base: #c2473f;
+  --ks-color-notice-to-fg-4-base: #a13b34;
+  --ks-color-notice-to-fg-5-base: #802f2a;
+  --ks-color-notice-to-fg-6-base: #5e221f;
+  --ks-color-notice-to-fg-7-base: #3d1614;
+  --ks-color-notice-to-fg-8-base: #210c0b;
+  --ks-color-notice-to-fg-9-base: #0d0504;
   --ks-color-notice-inverted-base: #f9de55;
   --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
   --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
@@ -583,15 +583,15 @@
   --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
   --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
   --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
-  --ks-color-notice-inverted-to-bg-1-base: #edd554;
-  --ks-color-notice-inverted-to-bg-2-base: #dbc552;
-  --ks-color-notice-inverted-to-bg-3-base: #c1b04f;
-  --ks-color-notice-inverted-to-bg-4-base: #a2984c;
-  --ks-color-notice-inverted-to-bg-5-base: #847f4a;
-  --ks-color-notice-inverted-to-bg-6-base: #666647;
-  --ks-color-notice-inverted-to-bg-7-base: #474e44;
-  --ks-color-notice-inverted-to-bg-8-base: #2d3941;
-  --ks-color-notice-inverted-to-bg-9-base: #1b2a3f;
+  --ks-color-notice-inverted-to-bg-1-base: #eed552;
+  --ks-color-notice-inverted-to-bg-2-base: #ddc54e;
+  --ks-color-notice-inverted-to-bg-3-base: #c5b048;
+  --ks-color-notice-inverted-to-bg-4-base: #a99841;
+  --ks-color-notice-inverted-to-bg-5-base: #8d7f3b;
+  --ks-color-notice-inverted-to-bg-6-base: #706634;
+  --ks-color-notice-inverted-to-bg-7-base: #544e2d;
+  --ks-color-notice-inverted-to-bg-8-base: #3c3927;
+  --ks-color-notice-inverted-to-bg-9-base: #2b2a23;
   --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
   --ks-color-notice-inverted-to-fg-2-base: #fae26b;
   --ks-color-notice-inverted-to-fg-3-base: #fae67e;
@@ -620,15 +620,15 @@
   --ks-color-negative-to-bg-7-base: #f4c9d3;
   --ks-color-negative-to-bg-8-base: #f9e2e7;
   --ks-color-negative-to-bg-9-base: #fdf4f6;
-  --ks-color-negative-to-fg-1-base: #ca1e47;
-  --ks-color-negative-to-fg-2-base: #bd2046;
-  --ks-color-negative-to-fg-3-base: #a24;
-  --ks-color-negative-to-fg-4-base: #952542;
-  --ks-color-negative-to-fg-5-base: #802840;
-  --ks-color-negative-to-fg-6-base: #6a2b3e;
-  --ks-color-negative-to-fg-7-base: #552e3c;
-  --ks-color-negative-to-fg-8-base: #42303a;
-  --ks-color-negative-to-fg-9-base: #353239;
+  --ks-color-negative-to-fg-1-base: #c81c44;
+  --ks-color-negative-to-fg-2-base: #b7193f;
+  --ks-color-negative-to-fg-3-base: #a01637;
+  --ks-color-negative-to-fg-4-base: #84122d;
+  --ks-color-negative-to-fg-5-base: #690f24;
+  --ks-color-negative-to-fg-6-base: #4e0b1b;
+  --ks-color-negative-to-fg-7-base: #320711;
+  --ks-color-negative-to-fg-8-base: #1b0409;
+  --ks-color-negative-to-fg-9-base: #0b0104;
   --ks-color-negative-inverted-base: #ff1a57;
   --ks-color-negative-inverted-alpha-1-base: rgba(255,26,87,.95);
   --ks-color-negative-inverted-alpha-2-base: rgba(255,26,87,.87);
@@ -639,15 +639,15 @@
   --ks-color-negative-inverted-alpha-7-base: rgba(255,26,87,.24);
   --ks-color-negative-inverted-alpha-8-base: rgba(255,26,87,.13);
   --ks-color-negative-inverted-alpha-9-base: rgba(255,26,87,.05);
-  --ks-color-negative-inverted-to-bg-1-base: #f31a56;
-  --ks-color-negative-inverted-to-bg-2-base: #e01b54;
-  --ks-color-negative-inverted-to-bg-3-base: #c51b51;
-  --ks-color-negative-inverted-to-bg-4-base: #a61c4e;
-  --ks-color-negative-inverted-to-bg-5-base: #871d4b;
-  --ks-color-negative-inverted-to-bg-6-base: #681e47;
-  --ks-color-negative-inverted-to-bg-7-base: #491f44;
-  --ks-color-negative-inverted-to-bg-8-base: #2e1f41;
-  --ks-color-negative-inverted-to-bg-9-base: #1b203f;
+  --ks-color-negative-inverted-to-bg-1-base: #f41a54;
+  --ks-color-negative-inverted-to-bg-2-base: #e21b50;
+  --ks-color-negative-inverted-to-bg-3-base: #c91b4a;
+  --ks-color-negative-inverted-to-bg-4-base: #ac1c43;
+  --ks-color-negative-inverted-to-bg-5-base: #901d3c;
+  --ks-color-negative-inverted-to-bg-6-base: #731e34;
+  --ks-color-negative-inverted-to-bg-7-base: #561f2d;
+  --ks-color-negative-inverted-to-bg-8-base: #3d1f27;
+  --ks-color-negative-inverted-to-bg-9-base: #2b2023;
   --ks-color-negative-inverted-to-fg-1-base: #ff255f;
   --ks-color-negative-inverted-to-fg-2-base: #ff386d;
   --ks-color-negative-inverted-to-fg-3-base: #ff517f;
@@ -732,14 +732,14 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
-  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
@@ -747,7 +747,7 @@
   --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
   --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
   --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
-  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
+  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
@@ -762,8 +762,8 @@
   --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
-  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
-  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
+  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
   --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
@@ -787,7 +787,7 @@
   --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
   --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
   --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
-  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
+  --ks-text-color-primary-inverted-base: var(--ks-color-primary-to-bg-5-base);
   --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
   --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
   --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
@@ -841,12 +841,12 @@
   --ks-timing-function-ease-in: ease-in;
   --ks-timing-function-ease-in-out: ease-in-out;
   --ks-timing-function-linear: linear;
-  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
+  --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
-  --ks-font-family-display: "HelveticaNeue LT", Helvetica, Montserrat, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --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;
-  --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;
+  --ks-font-family-display: Montserrat, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --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;
+  --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;
   --ks-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
   --ks-font-weight-light: 300;
   --ks-font-weight-regular: 400;
@@ -855,14 +855,14 @@
   --ks-font-size-display-bp-factor-phone: 1;
   --ks-font-size-display-bp-factor-tablet: 1.125;
   --ks-font-size-display-bp-factor-laptop: 1.25;
-  --ks-font-size-display-bp-factor-desktop: 1.35;
-  --ks-font-size-display-xxs-base: 0.512rem;
-  --ks-font-size-display-xs-base: 0.64rem;
-  --ks-font-size-display-s-base: 0.8rem;
+  --ks-font-size-display-bp-factor-desktop: 1.375;
+  --ks-font-size-display-xxs-base: 0.4064rem;
+  --ks-font-size-display-xs-base: 0.5487rem;
+  --ks-font-size-display-s-base: 0.7407rem;
   --ks-font-size-display-m-base: 1rem;
-  --ks-font-size-display-l-base: 1.25rem;
-  --ks-font-size-display-xl-base: 1.5625rem;
-  --ks-font-size-display-xxl-base: 1.9531rem;
+  --ks-font-size-display-l-base: 1.35rem;
+  --ks-font-size-display-xl-base: 1.8225rem;
+  --ks-font-size-display-xxl-base: 2.4604rem;
   --ks-font-size-copy-bp-factor-tablet: 1.125;
   --ks-font-size-copy-xxs-base: 0.544rem;
   --ks-font-size-copy-xs-base: 0.6664rem;