scu-web-components 0.0.99 → 0.0.101

package/dist/themes/themes.css

@@ -1,21 +1,18 @@
 
 .scw-theme-primary,
 [scw-theme-primary] {
-  --scw-theme-color: var( --scw-color-primary-05 );
+  --scw-theme-color: var( --scw-color-primary-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-primary-04 );
+  --scw-theme-color-hover: var( --scw-color-primary-02 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-primary-095 );
-  --scw-theme-color-dark: var( --scw-color-primary-05 );
+  --scw-theme-color-light: var( --scw-color-primary-092 );
+  --scw-theme-color-dark: var( --scw-color-primary-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-primary-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-primary-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-primary-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-primary-00 );
   --scw-theme-color-01: var( --scw-color-primary-01 );
@@ -31,6 +28,26 @@
   --scw-theme-color-092: var( --scw-color-primary-095 );
   --scw-theme-color-10: var( --scw-color-primary-10 );
 }
+.scw-theme-primary-light,
+[scw-theme-primary-light],
+.scw-theme-primary .scw-theme-inherit-light,
+.scw-theme-primary [scw-theme-inherit-light],
+[scw-theme-primary] .scw-theme-inherit-light,
+[scw-theme-primary] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-primary-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-primary-01 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-primary-092 );
+  --scw-theme-color-dark: var( --scw-color-primary-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-primary-06 ); 
+  
+}
+
 .scw-theme-primary-dark,
 [scw-theme-primary-dark],
 .scw-theme-primary .scw-theme-inherit-dark,
@@ -38,90 +55,52 @@
 [scw-theme-primary] .scw-theme-inherit-dark,
 [scw-theme-primary] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-primary-05 );
+  --scw-theme-color-inv: var( --scw-color-primary-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-primary-04 );
-  --scw-theme-color-light: var( --scw-color-primary-05 );
-  --scw-theme-color-dark: var( --scw-color-primary-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-primary-02 );
+  --scw-theme-color-light: var( --scw-color-primary-03 );
+  --scw-theme-color-dark: var( --scw-color-primary-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-primary-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-primary-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-primary-10 );
-  --scw-theme-color-01: var( --scw-color-primary-09 );
-  --scw-theme-color-02: var( --scw-color-primary-08 );
-  --scw-theme-color-03: var( --scw-color-primary-07 );
-  --scw-theme-color-04: var( --scw-color-primary-06 );
-  --scw-theme-color-05: var( --scw-color-primary-05 );
-  --scw-theme-color-06: var( --scw-color-primary-04 );
-  --scw-theme-color-07: var( --scw-color-primary-03 );
-  --scw-theme-color-08: var( --scw-color-primary-02 );
-  --scw-theme-color-09: var( --scw-color-primary-01 );
-  --scw-theme-color-095: var( --scw-color-primary-01 );
-  --scw-theme-color-092: var( --scw-color-primary-01 );
-  --scw-theme-color-10: var( --scw-color-primary-00 );
-  */
 }
 .scw-theme-primary .scw-theme-inherit,
 [scw-theme-primary] [scw-theme-inherit],
 [scw-theme-primary] .scw-theme-inherit,
 .scw-theme-primary [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-primary-05 );
+  --scw-theme-color: var( --scw-color-primary-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-primary-04 );
+  --scw-theme-color-hover: var( --scw-color-primary-02 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-primary-095 );
-  --scw-theme-color-dark: var( --scw-color-primary-05 );
+  --scw-theme-color-light: var( --scw-color-primary-092 );
+  --scw-theme-color-dark: var( --scw-color-primary-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-primary-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-primary-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-primary-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-primary-00 );
-  --scw-theme-color-01: var( --scw-color-primary-01 );
-  --scw-theme-color-02: var( --scw-color-primary-02 );
-  --scw-theme-color-03: var( --scw-color-primary-03 );
-  --scw-theme-color-04: var( --scw-color-primary-04 );
-  --scw-theme-color-05: var( --scw-color-primary-05 );
-  --scw-theme-color-06: var( --scw-color-primary-06 );
-  --scw-theme-color-07: var( --scw-color-primary-07 );
-  --scw-theme-color-08: var( --scw-color-primary-08 );
-  --scw-theme-color-09: var( --scw-color-primary-09 );
-  --scw-theme-color-095: var( --scw-color-primary-092 );
-  --scw-theme-color-092: var( --scw-color-primary-095 );
-  --scw-theme-color-10: var( --scw-color-primary-10 );
 }
 
 
 .scw-theme-grey,
 [scw-theme-grey] {
-  --scw-theme-color: var( --scw-color-grey-02 );
+  --scw-theme-color: var( --scw-color-primary-02 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-grey-01 );
+  --scw-theme-color-hover: var( --scw-color-primary-01 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-color-light: var( --scw-color-grey-092 );
   --scw-theme-color-dark: var( --scw-color-grey-02 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-grey-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-grey-02 );
-  --scw-theme-icon-color-secondary: var( --scw-color-grey-03 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
-  */
 
   --scw-theme-color-00: var( --scw-color-primary-00 );
   --scw-theme-color-01: var( --scw-color-primary-01 );
@@ -137,6 +116,26 @@
   --scw-theme-color-092: var( --scw-color-primary-095 );
   --scw-theme-color-10: var( --scw-color-primary-10 );
 }
+.scw-theme-grey-light,
+[scw-theme-grey-light],
+.scw-theme-grey .scw-theme-inherit-light,
+.scw-theme-grey [scw-theme-inherit-light],
+[scw-theme-grey] .scw-theme-inherit-light,
+[scw-theme-grey] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-primary-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-primary-01 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-092 );
+  --scw-theme-color-dark: var( --scw-color-grey-02 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-06 ); 
+  
+}
+
 .scw-theme-grey-dark,
 [scw-theme-grey-dark],
 .scw-theme-grey .scw-theme-inherit-dark,
@@ -146,7 +145,9 @@
   --scw-theme-color: var( --scw-color-grey-10 );
   --scw-theme-color-inv: var( --scw-color-grey-02 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-grey-01 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-primary-01 );
   --scw-theme-color-light: var( --scw-color-grey-02 );
   --scw-theme-color-dark: var( --scw-color-grey-02 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
@@ -154,80 +155,40 @@
   --scw-theme-border-color: var( --scw-color-grey-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-grey-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-grey-10 );
-  --scw-theme-color-01: var( --scw-color-grey-09 );
-  --scw-theme-color-02: var( --scw-color-grey-08 );
-  --scw-theme-color-03: var( --scw-color-grey-07 );
-  --scw-theme-color-04: var( --scw-color-grey-06 );
-  --scw-theme-color-05: var( --scw-color-grey-05 );
-  --scw-theme-color-06: var( --scw-color-grey-04 );
-  --scw-theme-color-07: var( --scw-color-grey-03 );
-  --scw-theme-color-08: var( --scw-color-grey-02 );
-  --scw-theme-color-09: var( --scw-color-grey-01 );
-  --scw-theme-color-095: var( --scw-color-grey-01 );
-  --scw-theme-color-092: var( --scw-color-grey-01 );
-  --scw-theme-color-10: var( --scw-color-grey-00 );
-  */
 }
 .scw-theme-grey .scw-theme-inherit,
 [scw-theme-grey] [scw-theme-inherit],
 [scw-theme-grey] .scw-theme-inherit,
 .scw-theme-grey [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-grey-02 );
+  --scw-theme-color: var( --scw-color-primary-02 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-grey-01 );
+  --scw-theme-color-hover: var( --scw-color-primary-01 );
+  --scw-theme-color-btn: var( --scw-color-primary-07 );
+  --scw-theme-color-btn-text: var( --scw-color-primary-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-color-light: var( --scw-color-grey-092 );
   --scw-theme-color-dark: var( --scw-color-grey-02 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-grey-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-grey-02 );
-  --scw-theme-icon-color-secondary: var( --scw-color-grey-03 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-primary-00 );
-  --scw-theme-color-01: var( --scw-color-primary-01 );
-  --scw-theme-color-02: var( --scw-color-primary-02 );
-  --scw-theme-color-03: var( --scw-color-primary-03 );
-  --scw-theme-color-04: var( --scw-color-primary-04 );
-  --scw-theme-color-05: var( --scw-color-primary-05 );
-  --scw-theme-color-06: var( --scw-color-primary-06 );
-  --scw-theme-color-07: var( --scw-color-primary-07 );
-  --scw-theme-color-08: var( --scw-color-primary-08 );
-  --scw-theme-color-09: var( --scw-color-primary-09 );
-  --scw-theme-color-095: var( --scw-color-primary-092 );
-  --scw-theme-color-092: var( --scw-color-primary-095 );
-  --scw-theme-color-10: var( --scw-color-primary-10 );
 }
 
 
 .scw-theme-mortgage,
 [scw-theme-mortgage] {
-  --scw-theme-color: var( --scw-color-mortgage-05 );
+  --scw-theme-color: var( --scw-color-mortgage-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-mortgage-04 );
+  --scw-theme-color-hover: var( --scw-color-mortgage-02 );
+  --scw-theme-color-btn: var( --scw-color-mortgage-07 );
+  --scw-theme-color-btn-text: var( --scw-color-mortgage-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-mortgage-095 );
-  --scw-theme-color-dark: var( --scw-color-mortgage-05 );
+  --scw-theme-color-light: var( --scw-color-mortgage-092 );
+  --scw-theme-color-dark: var( --scw-color-mortgage-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-mortgage-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-mortgage-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-mortgage-00 );
   --scw-theme-color-01: var( --scw-color-mortgage-01 );
@@ -243,6 +204,26 @@
   --scw-theme-color-092: var( --scw-color-mortgage-095 );
   --scw-theme-color-10: var( --scw-color-mortgage-10 );
 }
+.scw-theme-mortgage-light,
+[scw-theme-mortgage-light],
+.scw-theme-mortgage .scw-theme-inherit-light,
+.scw-theme-mortgage [scw-theme-inherit-light],
+[scw-theme-mortgage] .scw-theme-inherit-light,
+[scw-theme-mortgage] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-mortgage-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-mortgage-01 );
+  --scw-theme-color-btn: var( --scw-color-mortgage-07 );
+  --scw-theme-color-btn-text: var( --scw-color-mortgage-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-mortgage-092 );
+  --scw-theme-color-dark: var( --scw-color-mortgage-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-mortgage-06 ); 
+  
+}
+
 .scw-theme-mortgage-dark,
 [scw-theme-mortgage-dark],
 .scw-theme-mortgage .scw-theme-inherit-dark,
@@ -250,90 +231,52 @@
 [scw-theme-mortgage] .scw-theme-inherit-dark,
 [scw-theme-mortgage] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-mortgage-05 );
+  --scw-theme-color-inv: var( --scw-color-mortgage-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-mortgage-04 );
-  --scw-theme-color-light: var( --scw-color-mortgage-05 );
-  --scw-theme-color-dark: var( --scw-color-mortgage-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-mortgage-02 );
+  --scw-theme-color-light: var( --scw-color-mortgage-03 );
+  --scw-theme-color-dark: var( --scw-color-mortgage-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-mortgage-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-mortgage-10 );
-  --scw-theme-color-01: var( --scw-color-mortgage-09 );
-  --scw-theme-color-02: var( --scw-color-mortgage-08 );
-  --scw-theme-color-03: var( --scw-color-mortgage-07 );
-  --scw-theme-color-04: var( --scw-color-mortgage-06 );
-  --scw-theme-color-05: var( --scw-color-mortgage-05 );
-  --scw-theme-color-06: var( --scw-color-mortgage-04 );
-  --scw-theme-color-07: var( --scw-color-mortgage-03 );
-  --scw-theme-color-08: var( --scw-color-mortgage-02 );
-  --scw-theme-color-09: var( --scw-color-mortgage-01 );
-  --scw-theme-color-095: var( --scw-color-mortgage-01 );
-  --scw-theme-color-092: var( --scw-color-mortgage-01 );
-  --scw-theme-color-10: var( --scw-color-mortgage-00 );
-  */
 }
 .scw-theme-mortgage .scw-theme-inherit,
 [scw-theme-mortgage] [scw-theme-inherit],
 [scw-theme-mortgage] .scw-theme-inherit,
 .scw-theme-mortgage [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-mortgage-05 );
+  --scw-theme-color: var( --scw-color-mortgage-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-mortgage-04 );
+  --scw-theme-color-hover: var( --scw-color-mortgage-02 );
+  --scw-theme-color-btn: var( --scw-color-mortgage-07 );
+  --scw-theme-color-btn-text: var( --scw-color-mortgage-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-mortgage-095 );
-  --scw-theme-color-dark: var( --scw-color-mortgage-05 );
+  --scw-theme-color-light: var( --scw-color-mortgage-092 );
+  --scw-theme-color-dark: var( --scw-color-mortgage-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-mortgage-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-mortgage-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-mortgage-00 );
-  --scw-theme-color-01: var( --scw-color-mortgage-01 );
-  --scw-theme-color-02: var( --scw-color-mortgage-02 );
-  --scw-theme-color-03: var( --scw-color-mortgage-03 );
-  --scw-theme-color-04: var( --scw-color-mortgage-04 );
-  --scw-theme-color-05: var( --scw-color-mortgage-05 );
-  --scw-theme-color-06: var( --scw-color-mortgage-06 );
-  --scw-theme-color-07: var( --scw-color-mortgage-07 );
-  --scw-theme-color-08: var( --scw-color-mortgage-08 );
-  --scw-theme-color-09: var( --scw-color-mortgage-09 );
-  --scw-theme-color-095: var( --scw-color-mortgage-092 );
-  --scw-theme-color-092: var( --scw-color-mortgage-095 );
-  --scw-theme-color-10: var( --scw-color-mortgage-10 );
 }
 
 
 .scw-theme-investments,
 [scw-theme-investments] {
-  --scw-theme-color: var( --scw-color-investments-05 );
+  --scw-theme-color: var( --scw-color-investments-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-investments-04 );
+  --scw-theme-color-hover: var( --scw-color-investments-02 );
+  --scw-theme-color-btn: var( --scw-color-investments-07 );
+  --scw-theme-color-btn-text: var( --scw-color-investments-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-investments-095 );
-  --scw-theme-color-dark: var( --scw-color-investments-05 );
+  --scw-theme-color-light: var( --scw-color-investments-092 );
+  --scw-theme-color-dark: var( --scw-color-investments-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-investments-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-investments-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-investments-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-investments-00 );
   --scw-theme-color-01: var( --scw-color-investments-01 );
@@ -349,6 +292,26 @@
   --scw-theme-color-092: var( --scw-color-investments-095 );
   --scw-theme-color-10: var( --scw-color-investments-10 );
 }
+.scw-theme-investments-light,
+[scw-theme-investments-light],
+.scw-theme-investments .scw-theme-inherit-light,
+.scw-theme-investments [scw-theme-inherit-light],
+[scw-theme-investments] .scw-theme-inherit-light,
+[scw-theme-investments] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-investments-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-investments-01 );
+  --scw-theme-color-btn: var( --scw-color-investments-07 );
+  --scw-theme-color-btn-text: var( --scw-color-investments-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-investments-092 );
+  --scw-theme-color-dark: var( --scw-color-investments-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-investments-06 ); 
+  
+}
+
 .scw-theme-investments-dark,
 [scw-theme-investments-dark],
 .scw-theme-investments .scw-theme-inherit-dark,
@@ -356,90 +319,52 @@
 [scw-theme-investments] .scw-theme-inherit-dark,
 [scw-theme-investments] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-investments-05 );
+  --scw-theme-color-inv: var( --scw-color-investments-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-investments-04 );
-  --scw-theme-color-light: var( --scw-color-investments-05 );
-  --scw-theme-color-dark: var( --scw-color-investments-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-investments-02 );
+  --scw-theme-color-light: var( --scw-color-investments-03 );
+  --scw-theme-color-dark: var( --scw-color-investments-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-investments-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-investments-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-investments-10 );
-  --scw-theme-color-01: var( --scw-color-investments-09 );
-  --scw-theme-color-02: var( --scw-color-investments-08 );
-  --scw-theme-color-03: var( --scw-color-investments-07 );
-  --scw-theme-color-04: var( --scw-color-investments-06 );
-  --scw-theme-color-05: var( --scw-color-investments-05 );
-  --scw-theme-color-06: var( --scw-color-investments-04 );
-  --scw-theme-color-07: var( --scw-color-investments-03 );
-  --scw-theme-color-08: var( --scw-color-investments-02 );
-  --scw-theme-color-09: var( --scw-color-investments-01 );
-  --scw-theme-color-095: var( --scw-color-investments-01 );
-  --scw-theme-color-092: var( --scw-color-investments-01 );
-  --scw-theme-color-10: var( --scw-color-investments-00 );
-  */
 }
 .scw-theme-investments .scw-theme-inherit,
 [scw-theme-investments] [scw-theme-inherit],
 [scw-theme-investments] .scw-theme-inherit,
 .scw-theme-investments [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-investments-05 );
+  --scw-theme-color: var( --scw-color-investments-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-investments-04 );
+  --scw-theme-color-hover: var( --scw-color-investments-02 );
+  --scw-theme-color-btn: var( --scw-color-investments-07 );
+  --scw-theme-color-btn-text: var( --scw-color-investments-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-investments-095 );
-  --scw-theme-color-dark: var( --scw-color-investments-05 );
+  --scw-theme-color-light: var( --scw-color-investments-092 );
+  --scw-theme-color-dark: var( --scw-color-investments-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-investments-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-investments-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-investments-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-investments-00 );
-  --scw-theme-color-01: var( --scw-color-investments-01 );
-  --scw-theme-color-02: var( --scw-color-investments-02 );
-  --scw-theme-color-03: var( --scw-color-investments-03 );
-  --scw-theme-color-04: var( --scw-color-investments-04 );
-  --scw-theme-color-05: var( --scw-color-investments-05 );
-  --scw-theme-color-06: var( --scw-color-investments-06 );
-  --scw-theme-color-07: var( --scw-color-investments-07 );
-  --scw-theme-color-08: var( --scw-color-investments-08 );
-  --scw-theme-color-09: var( --scw-color-investments-09 );
-  --scw-theme-color-095: var( --scw-color-investments-092 );
-  --scw-theme-color-092: var( --scw-color-investments-095 );
-  --scw-theme-color-10: var( --scw-color-investments-10 );
 }
 
 
 .scw-theme-credit-cards,
 [scw-theme-credit-cards] {
-  --scw-theme-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-color: var( --scw-color-credit-cards-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-hover: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-btn: var( --scw-color-credit-cards-07 );
+  --scw-theme-color-btn-text: var( --scw-color-credit-cards-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-credit-cards-095 );
-  --scw-theme-color-dark: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-092 );
+  --scw-theme-color-dark: var( --scw-color-credit-cards-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-credit-cards-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-credit-cards-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-credit-cards-00 );
   --scw-theme-color-01: var( --scw-color-credit-cards-01 );
@@ -455,6 +380,26 @@
   --scw-theme-color-092: var( --scw-color-credit-cards-095 );
   --scw-theme-color-10: var( --scw-color-credit-cards-10 );
 }
+.scw-theme-credit-cards-light,
+[scw-theme-credit-cards-light],
+.scw-theme-credit-cards .scw-theme-inherit-light,
+.scw-theme-credit-cards [scw-theme-inherit-light],
+[scw-theme-credit-cards] .scw-theme-inherit-light,
+[scw-theme-credit-cards] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-btn: var( --scw-color-credit-cards-07 );
+  --scw-theme-color-btn-text: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-092 );
+  --scw-theme-color-dark: var( --scw-color-credit-cards-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-credit-cards-06 ); 
+  
+}
+
 .scw-theme-credit-cards-dark,
 [scw-theme-credit-cards-dark],
 .scw-theme-credit-cards .scw-theme-inherit-dark,
@@ -462,90 +407,52 @@
 [scw-theme-credit-cards] .scw-theme-inherit-dark,
 [scw-theme-credit-cards] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-inv: var( --scw-color-credit-cards-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-credit-cards-04 );
-  --scw-theme-color-light: var( --scw-color-credit-cards-05 );
-  --scw-theme-color-dark: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-03 );
+  --scw-theme-color-dark: var( --scw-color-credit-cards-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-credit-cards-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-credit-cards-10 );
-  --scw-theme-color-01: var( --scw-color-credit-cards-09 );
-  --scw-theme-color-02: var( --scw-color-credit-cards-08 );
-  --scw-theme-color-03: var( --scw-color-credit-cards-07 );
-  --scw-theme-color-04: var( --scw-color-credit-cards-06 );
-  --scw-theme-color-05: var( --scw-color-credit-cards-05 );
-  --scw-theme-color-06: var( --scw-color-credit-cards-04 );
-  --scw-theme-color-07: var( --scw-color-credit-cards-03 );
-  --scw-theme-color-08: var( --scw-color-credit-cards-02 );
-  --scw-theme-color-09: var( --scw-color-credit-cards-01 );
-  --scw-theme-color-095: var( --scw-color-credit-cards-01 );
-  --scw-theme-color-092: var( --scw-color-credit-cards-01 );
-  --scw-theme-color-10: var( --scw-color-credit-cards-00 );
-  */
 }
 .scw-theme-credit-cards .scw-theme-inherit,
 [scw-theme-credit-cards] [scw-theme-inherit],
 [scw-theme-credit-cards] .scw-theme-inherit,
 .scw-theme-credit-cards [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-color: var( --scw-color-credit-cards-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-hover: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-btn: var( --scw-color-credit-cards-07 );
+  --scw-theme-color-btn-text: var( --scw-color-credit-cards-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-credit-cards-095 );
-  --scw-theme-color-dark: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-092 );
+  --scw-theme-color-dark: var( --scw-color-credit-cards-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-credit-cards-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-credit-cards-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-credit-cards-00 );
-  --scw-theme-color-01: var( --scw-color-credit-cards-01 );
-  --scw-theme-color-02: var( --scw-color-credit-cards-02 );
-  --scw-theme-color-03: var( --scw-color-credit-cards-03 );
-  --scw-theme-color-04: var( --scw-color-credit-cards-04 );
-  --scw-theme-color-05: var( --scw-color-credit-cards-05 );
-  --scw-theme-color-06: var( --scw-color-credit-cards-06 );
-  --scw-theme-color-07: var( --scw-color-credit-cards-07 );
-  --scw-theme-color-08: var( --scw-color-credit-cards-08 );
-  --scw-theme-color-09: var( --scw-color-credit-cards-09 );
-  --scw-theme-color-095: var( --scw-color-credit-cards-092 );
-  --scw-theme-color-092: var( --scw-color-credit-cards-095 );
-  --scw-theme-color-10: var( --scw-color-credit-cards-10 );
 }
 
 
 .scw-theme-student,
 [scw-theme-student] {
-  --scw-theme-color: var( --scw-color-student-05 );
+  --scw-theme-color: var( --scw-color-student-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-student-04 );
+  --scw-theme-color-hover: var( --scw-color-student-02 );
+  --scw-theme-color-btn: var( --scw-color-student-07 );
+  --scw-theme-color-btn-text: var( --scw-color-student-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-student-095 );
-  --scw-theme-color-dark: var( --scw-color-student-05 );
+  --scw-theme-color-light: var( --scw-color-student-092 );
+  --scw-theme-color-dark: var( --scw-color-student-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-student-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-student-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-student-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-student-00 );
   --scw-theme-color-01: var( --scw-color-student-01 );
@@ -561,6 +468,26 @@
   --scw-theme-color-092: var( --scw-color-student-095 );
   --scw-theme-color-10: var( --scw-color-student-10 );
 }
+.scw-theme-student-light,
+[scw-theme-student-light],
+.scw-theme-student .scw-theme-inherit-light,
+.scw-theme-student [scw-theme-inherit-light],
+[scw-theme-student] .scw-theme-inherit-light,
+[scw-theme-student] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-student-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-student-01 );
+  --scw-theme-color-btn: var( --scw-color-student-07 );
+  --scw-theme-color-btn-text: var( --scw-color-student-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-student-092 );
+  --scw-theme-color-dark: var( --scw-color-student-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-student-06 ); 
+  
+}
+
 .scw-theme-student-dark,
 [scw-theme-student-dark],
 .scw-theme-student .scw-theme-inherit-dark,
@@ -568,90 +495,52 @@
 [scw-theme-student] .scw-theme-inherit-dark,
 [scw-theme-student] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-student-05 );
+  --scw-theme-color-inv: var( --scw-color-student-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-student-04 );
-  --scw-theme-color-light: var( --scw-color-student-05 );
-  --scw-theme-color-dark: var( --scw-color-student-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-student-02 );
+  --scw-theme-color-light: var( --scw-color-student-03 );
+  --scw-theme-color-dark: var( --scw-color-student-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-student-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-student-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-student-10 );
-  --scw-theme-color-01: var( --scw-color-student-09 );
-  --scw-theme-color-02: var( --scw-color-student-08 );
-  --scw-theme-color-03: var( --scw-color-student-07 );
-  --scw-theme-color-04: var( --scw-color-student-06 );
-  --scw-theme-color-05: var( --scw-color-student-05 );
-  --scw-theme-color-06: var( --scw-color-student-04 );
-  --scw-theme-color-07: var( --scw-color-student-03 );
-  --scw-theme-color-08: var( --scw-color-student-02 );
-  --scw-theme-color-09: var( --scw-color-student-01 );
-  --scw-theme-color-095: var( --scw-color-student-01 );
-  --scw-theme-color-092: var( --scw-color-student-01 );
-  --scw-theme-color-10: var( --scw-color-student-00 );
-  */
 }
 .scw-theme-student .scw-theme-inherit,
 [scw-theme-student] [scw-theme-inherit],
 [scw-theme-student] .scw-theme-inherit,
 .scw-theme-student [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-student-05 );
+  --scw-theme-color: var( --scw-color-student-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-student-04 );
+  --scw-theme-color-hover: var( --scw-color-student-02 );
+  --scw-theme-color-btn: var( --scw-color-student-07 );
+  --scw-theme-color-btn-text: var( --scw-color-student-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-student-095 );
-  --scw-theme-color-dark: var( --scw-color-student-05 );
+  --scw-theme-color-light: var( --scw-color-student-092 );
+  --scw-theme-color-dark: var( --scw-color-student-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-student-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-student-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-student-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-student-00 );
-  --scw-theme-color-01: var( --scw-color-student-01 );
-  --scw-theme-color-02: var( --scw-color-student-02 );
-  --scw-theme-color-03: var( --scw-color-student-03 );
-  --scw-theme-color-04: var( --scw-color-student-04 );
-  --scw-theme-color-05: var( --scw-color-student-05 );
-  --scw-theme-color-06: var( --scw-color-student-06 );
-  --scw-theme-color-07: var( --scw-color-student-07 );
-  --scw-theme-color-08: var( --scw-color-student-08 );
-  --scw-theme-color-09: var( --scw-color-student-09 );
-  --scw-theme-color-095: var( --scw-color-student-092 );
-  --scw-theme-color-092: var( --scw-color-student-095 );
-  --scw-theme-color-10: var( --scw-color-student-10 );
 }
 
 
 .scw-theme-savings,
 [scw-theme-savings] {
-  --scw-theme-color: var( --scw-color-savings-05 );
+  --scw-theme-color: var( --scw-color-savings-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-savings-04 );
+  --scw-theme-color-hover: var( --scw-color-savings-02 );
+  --scw-theme-color-btn: var( --scw-color-savings-07 );
+  --scw-theme-color-btn-text: var( --scw-color-savings-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-savings-095 );
-  --scw-theme-color-dark: var( --scw-color-savings-05 );
+  --scw-theme-color-light: var( --scw-color-savings-092 );
+  --scw-theme-color-dark: var( --scw-color-savings-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-savings-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-savings-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-savings-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-savings-00 );
   --scw-theme-color-01: var( --scw-color-savings-01 );
@@ -667,6 +556,26 @@
   --scw-theme-color-092: var( --scw-color-savings-095 );
   --scw-theme-color-10: var( --scw-color-savings-10 );
 }
+.scw-theme-savings-light,
+[scw-theme-savings-light],
+.scw-theme-savings .scw-theme-inherit-light,
+.scw-theme-savings [scw-theme-inherit-light],
+[scw-theme-savings] .scw-theme-inherit-light,
+[scw-theme-savings] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-savings-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-savings-01 );
+  --scw-theme-color-btn: var( --scw-color-savings-07 );
+  --scw-theme-color-btn-text: var( --scw-color-savings-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-savings-092 );
+  --scw-theme-color-dark: var( --scw-color-savings-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-savings-06 ); 
+  
+}
+
 .scw-theme-savings-dark,
 [scw-theme-savings-dark],
 .scw-theme-savings .scw-theme-inherit-dark,
@@ -674,90 +583,52 @@
 [scw-theme-savings] .scw-theme-inherit-dark,
 [scw-theme-savings] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-savings-05 );
+  --scw-theme-color-inv: var( --scw-color-savings-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-savings-04 );
-  --scw-theme-color-light: var( --scw-color-savings-05 );
-  --scw-theme-color-dark: var( --scw-color-savings-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-savings-02 );
+  --scw-theme-color-light: var( --scw-color-savings-03 );
+  --scw-theme-color-dark: var( --scw-color-savings-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-savings-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-savings-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-savings-10 );
-  --scw-theme-color-01: var( --scw-color-savings-09 );
-  --scw-theme-color-02: var( --scw-color-savings-08 );
-  --scw-theme-color-03: var( --scw-color-savings-07 );
-  --scw-theme-color-04: var( --scw-color-savings-06 );
-  --scw-theme-color-05: var( --scw-color-savings-05 );
-  --scw-theme-color-06: var( --scw-color-savings-04 );
-  --scw-theme-color-07: var( --scw-color-savings-03 );
-  --scw-theme-color-08: var( --scw-color-savings-02 );
-  --scw-theme-color-09: var( --scw-color-savings-01 );
-  --scw-theme-color-095: var( --scw-color-savings-01 );
-  --scw-theme-color-092: var( --scw-color-savings-01 );
-  --scw-theme-color-10: var( --scw-color-savings-00 );
-  */
 }
 .scw-theme-savings .scw-theme-inherit,
 [scw-theme-savings] [scw-theme-inherit],
 [scw-theme-savings] .scw-theme-inherit,
 .scw-theme-savings [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-savings-05 );
+  --scw-theme-color: var( --scw-color-savings-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-savings-04 );
+  --scw-theme-color-hover: var( --scw-color-savings-02 );
+  --scw-theme-color-btn: var( --scw-color-savings-07 );
+  --scw-theme-color-btn-text: var( --scw-color-savings-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-savings-095 );
-  --scw-theme-color-dark: var( --scw-color-savings-05 );
+  --scw-theme-color-light: var( --scw-color-savings-092 );
+  --scw-theme-color-dark: var( --scw-color-savings-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-savings-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-savings-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-savings-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-savings-00 );
-  --scw-theme-color-01: var( --scw-color-savings-01 );
-  --scw-theme-color-02: var( --scw-color-savings-02 );
-  --scw-theme-color-03: var( --scw-color-savings-03 );
-  --scw-theme-color-04: var( --scw-color-savings-04 );
-  --scw-theme-color-05: var( --scw-color-savings-05 );
-  --scw-theme-color-06: var( --scw-color-savings-06 );
-  --scw-theme-color-07: var( --scw-color-savings-07 );
-  --scw-theme-color-08: var( --scw-color-savings-08 );
-  --scw-theme-color-09: var( --scw-color-savings-09 );
-  --scw-theme-color-095: var( --scw-color-savings-092 );
-  --scw-theme-color-092: var( --scw-color-savings-095 );
-  --scw-theme-color-10: var( --scw-color-savings-10 );
 }
 
 
 .scw-theme-checking,
 [scw-theme-checking] {
-  --scw-theme-color: var( --scw-color-checking-05 );
+  --scw-theme-color: var( --scw-color-checking-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-checking-04 );
+  --scw-theme-color-hover: var( --scw-color-checking-02 );
+  --scw-theme-color-btn: var( --scw-color-checking-07 );
+  --scw-theme-color-btn-text: var( --scw-color-checking-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-checking-095 );
-  --scw-theme-color-dark: var( --scw-color-checking-05 );
+  --scw-theme-color-light: var( --scw-color-checking-092 );
+  --scw-theme-color-dark: var( --scw-color-checking-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-checking-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-checking-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-checking-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-checking-00 );
   --scw-theme-color-01: var( --scw-color-checking-01 );
@@ -773,6 +644,26 @@
   --scw-theme-color-092: var( --scw-color-checking-095 );
   --scw-theme-color-10: var( --scw-color-checking-10 );
 }
+.scw-theme-checking-light,
+[scw-theme-checking-light],
+.scw-theme-checking .scw-theme-inherit-light,
+.scw-theme-checking [scw-theme-inherit-light],
+[scw-theme-checking] .scw-theme-inherit-light,
+[scw-theme-checking] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-checking-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-checking-01 );
+  --scw-theme-color-btn: var( --scw-color-checking-07 );
+  --scw-theme-color-btn-text: var( --scw-color-checking-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-checking-092 );
+  --scw-theme-color-dark: var( --scw-color-checking-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-checking-06 ); 
+  
+}
+
 .scw-theme-checking-dark,
 [scw-theme-checking-dark],
 .scw-theme-checking .scw-theme-inherit-dark,
@@ -780,90 +671,52 @@
 [scw-theme-checking] .scw-theme-inherit-dark,
 [scw-theme-checking] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-checking-05 );
+  --scw-theme-color-inv: var( --scw-color-checking-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-checking-04 );
-  --scw-theme-color-light: var( --scw-color-checking-05 );
-  --scw-theme-color-dark: var( --scw-color-checking-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-checking-02 );
+  --scw-theme-color-light: var( --scw-color-checking-03 );
+  --scw-theme-color-dark: var( --scw-color-checking-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-checking-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-checking-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-checking-10 );
-  --scw-theme-color-01: var( --scw-color-checking-09 );
-  --scw-theme-color-02: var( --scw-color-checking-08 );
-  --scw-theme-color-03: var( --scw-color-checking-07 );
-  --scw-theme-color-04: var( --scw-color-checking-06 );
-  --scw-theme-color-05: var( --scw-color-checking-05 );
-  --scw-theme-color-06: var( --scw-color-checking-04 );
-  --scw-theme-color-07: var( --scw-color-checking-03 );
-  --scw-theme-color-08: var( --scw-color-checking-02 );
-  --scw-theme-color-09: var( --scw-color-checking-01 );
-  --scw-theme-color-095: var( --scw-color-checking-01 );
-  --scw-theme-color-092: var( --scw-color-checking-01 );
-  --scw-theme-color-10: var( --scw-color-checking-00 );
-  */
 }
 .scw-theme-checking .scw-theme-inherit,
 [scw-theme-checking] [scw-theme-inherit],
 [scw-theme-checking] .scw-theme-inherit,
 .scw-theme-checking [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-checking-05 );
+  --scw-theme-color: var( --scw-color-checking-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-checking-04 );
+  --scw-theme-color-hover: var( --scw-color-checking-02 );
+  --scw-theme-color-btn: var( --scw-color-checking-07 );
+  --scw-theme-color-btn-text: var( --scw-color-checking-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-checking-095 );
-  --scw-theme-color-dark: var( --scw-color-checking-05 );
+  --scw-theme-color-light: var( --scw-color-checking-092 );
+  --scw-theme-color-dark: var( --scw-color-checking-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-checking-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-checking-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-checking-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-checking-00 );
-  --scw-theme-color-01: var( --scw-color-checking-01 );
-  --scw-theme-color-02: var( --scw-color-checking-02 );
-  --scw-theme-color-03: var( --scw-color-checking-03 );
-  --scw-theme-color-04: var( --scw-color-checking-04 );
-  --scw-theme-color-05: var( --scw-color-checking-05 );
-  --scw-theme-color-06: var( --scw-color-checking-06 );
-  --scw-theme-color-07: var( --scw-color-checking-07 );
-  --scw-theme-color-08: var( --scw-color-checking-08 );
-  --scw-theme-color-09: var( --scw-color-checking-09 );
-  --scw-theme-color-095: var( --scw-color-checking-092 );
-  --scw-theme-color-092: var( --scw-color-checking-095 );
-  --scw-theme-color-10: var( --scw-color-checking-10 );
 }
 
 
 .scw-theme-red-shoes,
 [scw-theme-red-shoes] {
-  --scw-theme-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-color: var( --scw-color-red-shoes-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-hover: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-btn: var( --scw-color-red-shoes-07 );
+  --scw-theme-color-btn-text: var( --scw-color-red-shoes-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-red-shoes-095 );
-  --scw-theme-color-dark: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-092 );
+  --scw-theme-color-dark: var( --scw-color-red-shoes-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-red-shoes-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-red-shoes-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-red-shoes-00 );
   --scw-theme-color-01: var( --scw-color-red-shoes-01 );
@@ -879,6 +732,26 @@
   --scw-theme-color-092: var( --scw-color-red-shoes-095 );
   --scw-theme-color-10: var( --scw-color-red-shoes-10 );
 }
+.scw-theme-red-shoes-light,
+[scw-theme-red-shoes-light],
+.scw-theme-red-shoes .scw-theme-inherit-light,
+.scw-theme-red-shoes [scw-theme-inherit-light],
+[scw-theme-red-shoes] .scw-theme-inherit-light,
+[scw-theme-red-shoes] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-btn: var( --scw-color-red-shoes-07 );
+  --scw-theme-color-btn-text: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-092 );
+  --scw-theme-color-dark: var( --scw-color-red-shoes-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-red-shoes-06 ); 
+  
+}
+
 .scw-theme-red-shoes-dark,
 [scw-theme-red-shoes-dark],
 .scw-theme-red-shoes .scw-theme-inherit-dark,
@@ -886,90 +759,52 @@
 [scw-theme-red-shoes] .scw-theme-inherit-dark,
 [scw-theme-red-shoes] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-inv: var( --scw-color-red-shoes-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-red-shoes-04 );
-  --scw-theme-color-light: var( --scw-color-red-shoes-05 );
-  --scw-theme-color-dark: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-03 );
+  --scw-theme-color-dark: var( --scw-color-red-shoes-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-red-shoes-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-red-shoes-10 );
-  --scw-theme-color-01: var( --scw-color-red-shoes-09 );
-  --scw-theme-color-02: var( --scw-color-red-shoes-08 );
-  --scw-theme-color-03: var( --scw-color-red-shoes-07 );
-  --scw-theme-color-04: var( --scw-color-red-shoes-06 );
-  --scw-theme-color-05: var( --scw-color-red-shoes-05 );
-  --scw-theme-color-06: var( --scw-color-red-shoes-04 );
-  --scw-theme-color-07: var( --scw-color-red-shoes-03 );
-  --scw-theme-color-08: var( --scw-color-red-shoes-02 );
-  --scw-theme-color-09: var( --scw-color-red-shoes-01 );
-  --scw-theme-color-095: var( --scw-color-red-shoes-01 );
-  --scw-theme-color-092: var( --scw-color-red-shoes-01 );
-  --scw-theme-color-10: var( --scw-color-red-shoes-00 );
-  */
 }
 .scw-theme-red-shoes .scw-theme-inherit,
 [scw-theme-red-shoes] [scw-theme-inherit],
 [scw-theme-red-shoes] .scw-theme-inherit,
 .scw-theme-red-shoes [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-color: var( --scw-color-red-shoes-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-hover: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-btn: var( --scw-color-red-shoes-07 );
+  --scw-theme-color-btn-text: var( --scw-color-red-shoes-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-red-shoes-095 );
-  --scw-theme-color-dark: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-092 );
+  --scw-theme-color-dark: var( --scw-color-red-shoes-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-red-shoes-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-red-shoes-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-red-shoes-00 );
-  --scw-theme-color-01: var( --scw-color-red-shoes-01 );
-  --scw-theme-color-02: var( --scw-color-red-shoes-02 );
-  --scw-theme-color-03: var( --scw-color-red-shoes-03 );
-  --scw-theme-color-04: var( --scw-color-red-shoes-04 );
-  --scw-theme-color-05: var( --scw-color-red-shoes-05 );
-  --scw-theme-color-06: var( --scw-color-red-shoes-06 );
-  --scw-theme-color-07: var( --scw-color-red-shoes-07 );
-  --scw-theme-color-08: var( --scw-color-red-shoes-08 );
-  --scw-theme-color-09: var( --scw-color-red-shoes-09 );
-  --scw-theme-color-095: var( --scw-color-red-shoes-092 );
-  --scw-theme-color-092: var( --scw-color-red-shoes-095 );
-  --scw-theme-color-10: var( --scw-color-red-shoes-10 );
 }
 
 
 .scw-theme-business,
 [scw-theme-business] {
-  --scw-theme-color: var( --scw-color-business-05 );
+  --scw-theme-color: var( --scw-color-business-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-business-04 );
+  --scw-theme-color-hover: var( --scw-color-business-02 );
+  --scw-theme-color-btn: var( --scw-color-business-07 );
+  --scw-theme-color-btn-text: var( --scw-color-business-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-business-095 );
-  --scw-theme-color-dark: var( --scw-color-business-05 );
+  --scw-theme-color-light: var( --scw-color-business-092 );
+  --scw-theme-color-dark: var( --scw-color-business-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-business-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-business-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-business-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-business-00 );
   --scw-theme-color-01: var( --scw-color-business-01 );
@@ -985,6 +820,26 @@
   --scw-theme-color-092: var( --scw-color-business-095 );
   --scw-theme-color-10: var( --scw-color-business-10 );
 }
+.scw-theme-business-light,
+[scw-theme-business-light],
+.scw-theme-business .scw-theme-inherit-light,
+.scw-theme-business [scw-theme-inherit-light],
+[scw-theme-business] .scw-theme-inherit-light,
+[scw-theme-business] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-business-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-business-01 );
+  --scw-theme-color-btn: var( --scw-color-business-07 );
+  --scw-theme-color-btn-text: var( --scw-color-business-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-business-092 );
+  --scw-theme-color-dark: var( --scw-color-business-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-business-06 ); 
+  
+}
+
 .scw-theme-business-dark,
 [scw-theme-business-dark],
 .scw-theme-business .scw-theme-inherit-dark,
@@ -992,90 +847,52 @@
 [scw-theme-business] .scw-theme-inherit-dark,
 [scw-theme-business] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-business-05 );
+  --scw-theme-color-inv: var( --scw-color-business-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-business-04 );
-  --scw-theme-color-light: var( --scw-color-business-05 );
-  --scw-theme-color-dark: var( --scw-color-business-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-business-02 );
+  --scw-theme-color-light: var( --scw-color-business-03 );
+  --scw-theme-color-dark: var( --scw-color-business-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-business-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-business-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-business-10 );
-  --scw-theme-color-01: var( --scw-color-business-09 );
-  --scw-theme-color-02: var( --scw-color-business-08 );
-  --scw-theme-color-03: var( --scw-color-business-07 );
-  --scw-theme-color-04: var( --scw-color-business-06 );
-  --scw-theme-color-05: var( --scw-color-business-05 );
-  --scw-theme-color-06: var( --scw-color-business-04 );
-  --scw-theme-color-07: var( --scw-color-business-03 );
-  --scw-theme-color-08: var( --scw-color-business-02 );
-  --scw-theme-color-09: var( --scw-color-business-01 );
-  --scw-theme-color-095: var( --scw-color-business-01 );
-  --scw-theme-color-092: var( --scw-color-business-01 );
-  --scw-theme-color-10: var( --scw-color-business-00 );
-  */
 }
 .scw-theme-business .scw-theme-inherit,
 [scw-theme-business] [scw-theme-inherit],
 [scw-theme-business] .scw-theme-inherit,
 .scw-theme-business [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-business-05 );
+  --scw-theme-color: var( --scw-color-business-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-business-04 );
+  --scw-theme-color-hover: var( --scw-color-business-02 );
+  --scw-theme-color-btn: var( --scw-color-business-07 );
+  --scw-theme-color-btn-text: var( --scw-color-business-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-business-095 );
-  --scw-theme-color-dark: var( --scw-color-business-05 );
+  --scw-theme-color-light: var( --scw-color-business-092 );
+  --scw-theme-color-dark: var( --scw-color-business-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-business-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-business-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-business-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-business-00 );
-  --scw-theme-color-01: var( --scw-color-business-01 );
-  --scw-theme-color-02: var( --scw-color-business-02 );
-  --scw-theme-color-03: var( --scw-color-business-03 );
-  --scw-theme-color-04: var( --scw-color-business-04 );
-  --scw-theme-color-05: var( --scw-color-business-05 );
-  --scw-theme-color-06: var( --scw-color-business-06 );
-  --scw-theme-color-07: var( --scw-color-business-07 );
-  --scw-theme-color-08: var( --scw-color-business-08 );
-  --scw-theme-color-09: var( --scw-color-business-09 );
-  --scw-theme-color-095: var( --scw-color-business-092 );
-  --scw-theme-color-092: var( --scw-color-business-095 );
-  --scw-theme-color-10: var( --scw-color-business-10 );
 }
 
 
 .scw-theme-personal,
 [scw-theme-personal] {
-  --scw-theme-color: var( --scw-color-personal-05 );
+  --scw-theme-color: var( --scw-color-personal-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-personal-04 );
+  --scw-theme-color-hover: var( --scw-color-personal-02 );
+  --scw-theme-color-btn: var( --scw-color-personal-07 );
+  --scw-theme-color-btn-text: var( --scw-color-personal-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-personal-095 );
-  --scw-theme-color-dark: var( --scw-color-personal-05 );
+  --scw-theme-color-light: var( --scw-color-personal-092 );
+  --scw-theme-color-dark: var( --scw-color-personal-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-personal-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-personal-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-personal-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-personal-00 );
   --scw-theme-color-01: var( --scw-color-personal-01 );
@@ -1091,6 +908,26 @@
   --scw-theme-color-092: var( --scw-color-personal-095 );
   --scw-theme-color-10: var( --scw-color-personal-10 );
 }
+.scw-theme-personal-light,
+[scw-theme-personal-light],
+.scw-theme-personal .scw-theme-inherit-light,
+.scw-theme-personal [scw-theme-inherit-light],
+[scw-theme-personal] .scw-theme-inherit-light,
+[scw-theme-personal] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-personal-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-personal-01 );
+  --scw-theme-color-btn: var( --scw-color-personal-07 );
+  --scw-theme-color-btn-text: var( --scw-color-personal-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-personal-092 );
+  --scw-theme-color-dark: var( --scw-color-personal-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-personal-06 ); 
+  
+}
+
 .scw-theme-personal-dark,
 [scw-theme-personal-dark],
 .scw-theme-personal .scw-theme-inherit-dark,
@@ -1098,90 +935,52 @@
 [scw-theme-personal] .scw-theme-inherit-dark,
 [scw-theme-personal] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-personal-05 );
+  --scw-theme-color-inv: var( --scw-color-personal-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-personal-04 );
-  --scw-theme-color-light: var( --scw-color-personal-05 );
-  --scw-theme-color-dark: var( --scw-color-personal-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-personal-02 );
+  --scw-theme-color-light: var( --scw-color-personal-03 );
+  --scw-theme-color-dark: var( --scw-color-personal-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-personal-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-personal-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-personal-10 );
-  --scw-theme-color-01: var( --scw-color-personal-09 );
-  --scw-theme-color-02: var( --scw-color-personal-08 );
-  --scw-theme-color-03: var( --scw-color-personal-07 );
-  --scw-theme-color-04: var( --scw-color-personal-06 );
-  --scw-theme-color-05: var( --scw-color-personal-05 );
-  --scw-theme-color-06: var( --scw-color-personal-04 );
-  --scw-theme-color-07: var( --scw-color-personal-03 );
-  --scw-theme-color-08: var( --scw-color-personal-02 );
-  --scw-theme-color-09: var( --scw-color-personal-01 );
-  --scw-theme-color-095: var( --scw-color-personal-01 );
-  --scw-theme-color-092: var( --scw-color-personal-01 );
-  --scw-theme-color-10: var( --scw-color-personal-00 );
-  */
 }
 .scw-theme-personal .scw-theme-inherit,
 [scw-theme-personal] [scw-theme-inherit],
 [scw-theme-personal] .scw-theme-inherit,
 .scw-theme-personal [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-personal-05 );
+  --scw-theme-color: var( --scw-color-personal-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-personal-04 );
+  --scw-theme-color-hover: var( --scw-color-personal-02 );
+  --scw-theme-color-btn: var( --scw-color-personal-07 );
+  --scw-theme-color-btn-text: var( --scw-color-personal-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-personal-095 );
-  --scw-theme-color-dark: var( --scw-color-personal-05 );
+  --scw-theme-color-light: var( --scw-color-personal-092 );
+  --scw-theme-color-dark: var( --scw-color-personal-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-personal-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-personal-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-personal-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-personal-00 );
-  --scw-theme-color-01: var( --scw-color-personal-01 );
-  --scw-theme-color-02: var( --scw-color-personal-02 );
-  --scw-theme-color-03: var( --scw-color-personal-03 );
-  --scw-theme-color-04: var( --scw-color-personal-04 );
-  --scw-theme-color-05: var( --scw-color-personal-05 );
-  --scw-theme-color-06: var( --scw-color-personal-06 );
-  --scw-theme-color-07: var( --scw-color-personal-07 );
-  --scw-theme-color-08: var( --scw-color-personal-08 );
-  --scw-theme-color-09: var( --scw-color-personal-09 );
-  --scw-theme-color-095: var( --scw-color-personal-092 );
-  --scw-theme-color-092: var( --scw-color-personal-095 );
-  --scw-theme-color-10: var( --scw-color-personal-10 );
 }
 
 
 .scw-theme-heloc,
 [scw-theme-heloc] {
-  --scw-theme-color: var( --scw-color-heloc-05 );
+  --scw-theme-color: var( --scw-color-heloc-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-heloc-04 );
+  --scw-theme-color-hover: var( --scw-color-heloc-02 );
+  --scw-theme-color-btn: var( --scw-color-heloc-07 );
+  --scw-theme-color-btn-text: var( --scw-color-heloc-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-heloc-095 );
-  --scw-theme-color-dark: var( --scw-color-heloc-05 );
+  --scw-theme-color-light: var( --scw-color-heloc-092 );
+  --scw-theme-color-dark: var( --scw-color-heloc-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-heloc-06 ); 
   
-  /*
-  --scw-theme-color: var( --scw-color-heloc-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-heloc-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
-  */
 
   --scw-theme-color-00: var( --scw-color-heloc-00 );
   --scw-theme-color-01: var( --scw-color-heloc-01 );
@@ -1197,6 +996,26 @@
   --scw-theme-color-092: var( --scw-color-heloc-095 );
   --scw-theme-color-10: var( --scw-color-heloc-10 );
 }
+.scw-theme-heloc-light,
+[scw-theme-heloc-light],
+.scw-theme-heloc .scw-theme-inherit-light,
+.scw-theme-heloc [scw-theme-inherit-light],
+[scw-theme-heloc] .scw-theme-inherit-light,
+[scw-theme-heloc] [scw-theme-inherit-light] {
+  --scw-theme-color: var( --scw-color-heloc-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-heloc-01 );
+  --scw-theme-color-btn: var( --scw-color-heloc-07 );
+  --scw-theme-color-btn-text: var( --scw-color-heloc-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-heloc-092 );
+  --scw-theme-color-dark: var( --scw-color-heloc-03 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-body-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-heloc-06 ); 
+  
+}
+
 .scw-theme-heloc-dark,
 [scw-theme-heloc-dark],
 .scw-theme-heloc .scw-theme-inherit-dark,
@@ -1204,68 +1023,33 @@
 [scw-theme-heloc] .scw-theme-inherit-dark,
 [scw-theme-heloc] [scw-theme-inherit-dark] {
   --scw-theme-color: var( --scw-color-grey-10 );
-  --scw-theme-color-inv: var( --scw-color-heloc-05 );
+  --scw-theme-color-inv: var( --scw-color-heloc-03 );
   --scw-theme-color-hover: var( --scw-color-grey-10 );
-  --scw-theme-color-hover-inv: var( --scw-color-heloc-04 );
-  --scw-theme-color-light: var( --scw-color-heloc-05 );
-  --scw-theme-color-dark: var( --scw-color-heloc-05 );
+  --scw-theme-color-btn: var( --scw-color-grey-10 );
+  --scw-theme-color-btn-text: var( --scw-color-grey-02 );
+  --scw-theme-color-hover-inv: var( --scw-color-heloc-02 );
+  --scw-theme-color-light: var( --scw-color-heloc-03 );
+  --scw-theme-color-dark: var( --scw-color-heloc-03 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-body-color-inv: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-heloc-06 );
 
 
-  /*
-  --scw-theme-icon-color: var( --scw-color-grey-10 );
-  --scw-theme-icon-color-secondary: var( --scw-color-heloc-09 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
-
-
-  --scw-theme-color-00: var( --scw-color-heloc-10 );
-  --scw-theme-color-01: var( --scw-color-heloc-09 );
-  --scw-theme-color-02: var( --scw-color-heloc-08 );
-  --scw-theme-color-03: var( --scw-color-heloc-07 );
-  --scw-theme-color-04: var( --scw-color-heloc-06 );
-  --scw-theme-color-05: var( --scw-color-heloc-05 );
-  --scw-theme-color-06: var( --scw-color-heloc-04 );
-  --scw-theme-color-07: var( --scw-color-heloc-03 );
-  --scw-theme-color-08: var( --scw-color-heloc-02 );
-  --scw-theme-color-09: var( --scw-color-heloc-01 );
-  --scw-theme-color-095: var( --scw-color-heloc-01 );
-  --scw-theme-color-092: var( --scw-color-heloc-01 );
-  --scw-theme-color-10: var( --scw-color-heloc-00 );
-  */
 }
 .scw-theme-heloc .scw-theme-inherit,
 [scw-theme-heloc] [scw-theme-inherit],
 [scw-theme-heloc] .scw-theme-inherit,
 .scw-theme-heloc [scw-theme-inherit] {
-  --scw-theme-color: var( --scw-color-heloc-05 );
+  --scw-theme-color: var( --scw-color-heloc-03 );
   --scw-theme-color-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-hover: var( --scw-color-heloc-04 );
+  --scw-theme-color-hover: var( --scw-color-heloc-02 );
+  --scw-theme-color-btn: var( --scw-color-heloc-07 );
+  --scw-theme-color-btn-text: var( --scw-color-heloc-01 );
   --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
-  --scw-theme-color-light: var( --scw-color-heloc-095 );
-  --scw-theme-color-dark: var( --scw-color-heloc-05 );
+  --scw-theme-color-light: var( --scw-color-heloc-092 );
+  --scw-theme-color-dark: var( --scw-color-heloc-03 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-body-color-inv: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-heloc-06 );
   
-  /*
-  --scw-theme-color: var( --scw-color-heloc-05 );
-  --scw-theme-icon-color-secondary: var( --scw-color-heloc-06 );
-  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
-  */
-
-  --scw-theme-color-00: var( --scw-color-heloc-00 );
-  --scw-theme-color-01: var( --scw-color-heloc-01 );
-  --scw-theme-color-02: var( --scw-color-heloc-02 );
-  --scw-theme-color-03: var( --scw-color-heloc-03 );
-  --scw-theme-color-04: var( --scw-color-heloc-04 );
-  --scw-theme-color-05: var( --scw-color-heloc-05 );
-  --scw-theme-color-06: var( --scw-color-heloc-06 );
-  --scw-theme-color-07: var( --scw-color-heloc-07 );
-  --scw-theme-color-08: var( --scw-color-heloc-08 );
-  --scw-theme-color-09: var( --scw-color-heloc-09 );
-  --scw-theme-color-095: var( --scw-color-heloc-092 );
-  --scw-theme-color-092: var( --scw-color-heloc-095 );
-  --scw-theme-color-10: var( --scw-color-heloc-10 );
 }