npm - @salutejs/plasma-tokens - Versions diffs - 1.125.0-canary.2373.19930666491.0 → 1.125.0-canary.2375.19930914653.0 - Mend

@salutejs/plasma-tokens 1.125.0-canary.2373.19930666491.0 → 1.125.0-canary.2375.19930914653.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/brands/sdds_cs/index.d.ts +117 -117
package/brands/sdds_cs/index.js +117 -117
package/brands/sdds_cs/index.js.map +1 -1
package/brands/sdds_dfa/index.d.ts +357 -249
package/brands/sdds_dfa/index.js +375 -266
package/brands/sdds_dfa/index.js.map +1 -1
package/css/sdds_cs.module.css +280 -280
package/css/sdds_cs__dark.css +117 -117
package/css/sdds_cs__light.css +163 -163
package/css/sdds_dfa.module.css +755 -643
package/css/sdds_dfa__dark.css +299 -245
package/css/sdds_dfa__light.css +456 -398
package/es/brands/sdds_cs/index.js +117 -117
package/es/brands/sdds_cs/index.js.map +1 -1
package/es/brands/sdds_dfa/index.js +357 -249
package/es/brands/sdds_dfa/index.js.map +1 -1
package/es/themes/sdds_cs__dark.js +117 -117
package/es/themes/sdds_cs__dark.js.map +1 -1
package/es/themes/sdds_cs__light.js +163 -163
package/es/themes/sdds_cs__light.js.map +1 -1
package/es/themes/sdds_dfa__dark.js +299 -245
package/es/themes/sdds_dfa__dark.js.map +1 -1
package/es/themes/sdds_dfa__light.js +456 -398
package/es/themes/sdds_dfa__light.js.map +1 -1
package/package.json +2 -2
package/themes/sdds_cs__dark.js +117 -117
package/themes/sdds_cs__dark.js.map +1 -1
package/themes/sdds_cs__light.js +163 -163
package/themes/sdds_cs__light.js.map +1 -1
package/themes/sdds_dfa__dark.d.ts +116 -8
package/themes/sdds_dfa__dark.js +299 -245
package/themes/sdds_dfa__dark.js.map +1 -1
package/themes/sdds_dfa__light.d.ts +116 -0
package/themes/sdds_dfa__light.js +456 -398
package/themes/sdds_dfa__light.js.map +1 -1

package/css/sdds_dfa.module.css CHANGED Viewed

@@ -2,37 +2,37 @@
 .dark {
   --text-primary-hover: #F5F5F593;
-  --text-primary-active: #F5F5F562;
+  --text-primary-active: #F5F5F5C4;
   --text-secondary-hover: #F5F5F5FF;
-  --text-secondary-active: #F5F5F547;
-  --text-tertiary-hover: #F5F5F5B3;
-  --text-tertiary-active: #F5F5F52B;
+  --text-secondary-active: #F5F5F5AB;
+  --text-tertiary-hover: #F5F5F5FF;
+  --text-tertiary-active: #F5F5F556;
   --text-paragraph-hover: #F5F5F57A;
-  --text-paragraph-active: #F5F5F552;
-  --text-accent-hover: #58EEC4FF;
+  --text-paragraph-active: #F5F5F5A3;
+  --text-accent-hover: #17E8ADFF;
   --text-accent-active: #11B083FF;
-  --text-accent-gradient-hover: #858585FF;
-  --text-accent-gradient-active: #666666FF;
-  --text-accent-minor-hover: #199F79FF;
-  --text-accent-minor-active: #0B4736FF;
-  --text-positive-hover: #5EDE76FF;
+  --text-accent-gradient-hover: #CCCCCCFF;
+  --text-accent-gradient-active: #E6E6E6FF;
+  --text-accent-minor-hover: #168D6BFF;
+  --text-accent-minor-active: #127357FF;
+  --text-positive-hover: #2ACB47FF;
   --text-positive-active: #1F9835FF;
-  --text-warning-hover: #FFA575FF;
+  --text-warning-hover: #FF8442FF;
   --text-warning-active: #FF5D05FF;
-  --text-negative-hover: #FF8F9AFF;
+  --text-negative-hover: #FF5C6CFF;
   --text-negative-active: #FF1F35FF;
   --text-info-hover: #66BCF5FF;
   --text-info-active: #0E8ADDFF;
   --text-positive-minor-hover: #0F9527FF;
-  --text-positive-minor-active: #074A14FF;
+  --text-positive-minor-active: #0C7920FF;
   --text-warning-minor-hover: #BB4F11FF;
-  --text-warning-minor-active: #70300AFF;
-  --text-negative-minor-hover: #D41C2EFF;
-  --text-negative-minor-active: #8C121EFF;
+  --text-warning-minor-active: #9F440FFF;
+  --text-negative-minor-hover: #B91828FF;
+  --text-negative-minor-active: #83111CFF;
   --text-info-minor-hover: #1277BAFF;
-  --text-info-minor-active: #0B476FFF;
+  --text-info-minor-active: #10659EFF;
   --text-primary: rgba(245,245,245,0.96);
-  --text-primary-brightness: #F5F5F5F5;
+  --text-primary-brightness: #F6F6F6;
   --text-secondary: rgba(245,245,245,0.56);
   --text-tertiary: rgba(245,245,245,0.28);
   --text-paragraph: rgba(245,245,245,0.8);
@@ -48,37 +48,35 @@
   --text-info-minor: #0D5382;
   --text-accent-gradient: linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%);
   --on-dark-text-primary-hover: #F5F5F593;
-  --on-dark-text-primary-active: #F5F5F562;
+  --on-dark-text-primary-active: #F5F5F5C4;
   --on-dark-text-secondary-hover: #F5F5F5FF;
-  --on-dark-text-secondary-active: #F5F5F547;
-  --on-dark-text-tertiary-hover: #F5F5F5B3;
-  --on-dark-text-tertiary-active: #F5F5F52B;
+  --on-dark-text-secondary-active: #F5F5F5AB;
+  --on-dark-text-tertiary-hover: #F5F5F5FF;
+  --on-dark-text-tertiary-active: #F5F5F556;
   --on-dark-text-paragraph-hover: #F5F5F57A;
-  --on-dark-text-paragraph-active: #F5F5F552;
-  --on-dark-text-accent-hover: #58EEC4FF;
+  --on-dark-text-paragraph-active: #F5F5F5A3;
+  --on-dark-text-accent-hover: #17E8ADFF;
   --on-dark-text-accent-active: #11B083FF;
-  --on-dark-text-accent-gradient-hover: #858585FF;
-  --on-dark-text-accent-gradient-active: #666666FF;
-  --on-dark-text-accent-minor-hover: #199F79FF;
-  --on-dark-text-accent-minor-active: #0B4736FF;
-  --on-dark-text-positive-hover: #5EDE76FF;
+  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
+  --on-dark-text-accent-gradient-active: #E6E6E6FF;
+  --on-dark-text-positive-hover: #2ACB47FF;
   --on-dark-text-positive-active: #1F9835FF;
-  --on-dark-text-warning-hover: #FFA575FF;
+  --on-dark-text-warning-hover: #FF8442FF;
   --on-dark-text-warning-active: #FF5D05FF;
-  --on-dark-text-negative-hover: #FF8F9AFF;
+  --on-dark-text-negative-hover: #FF5C6CFF;
   --on-dark-text-negative-active: #FF1F35FF;
   --on-dark-text-info-hover: #66BCF5FF;
   --on-dark-text-info-active: #0E8ADDFF;
   --on-dark-text-positive-minor-hover: #0F9527FF;
-  --on-dark-text-positive-minor-active: #074A14FF;
+  --on-dark-text-positive-minor-active: #0C7920FF;
   --on-dark-text-warning-minor-hover: #BB4F11FF;
-  --on-dark-text-warning-minor-active: #70300AFF;
-  --on-dark-text-negative-minor-hover: #D41C2EFF;
-  --on-dark-text-negative-minor-active: #8C121EFF;
+  --on-dark-text-warning-minor-active: #9F440FFF;
+  --on-dark-text-negative-minor-hover: #B91828FF;
+  --on-dark-text-negative-minor-active: #83111CFF;
   --on-dark-text-info-minor-hover: #1277BAFF;
-  --on-dark-text-info-minor-active: #0B476FFF;
+  --on-dark-text-info-minor-active: #10659EFF;
   --on-dark-text-primary: rgba(245,245,245,0.96);
-  --on-dark-text-primary-brightness: #F5F5F5F5;
+  --on-dark-text-primary-brightness: #F6F6F6;
   --on-dark-text-secondary: rgba(245,245,245,0.56);
   --on-dark-text-tertiary: rgba(245,245,245,0.28);
   --on-dark-text-paragraph: rgba(245,245,245,0.8);
@@ -94,37 +92,37 @@
   --on-dark-text-info-minor: #0D5382;
   --on-dark-text-accent-gradient: linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%);
   --on-light-text-primary-hover: #17171793;
-  --on-light-text-primary-active: #17171762;
+  --on-light-text-primary-active: #171717C4;
   --on-light-text-secondary-hover: #171717FF;
-  --on-light-text-secondary-active: #17171747;
-  --on-light-text-tertiary-hover: #171717B3;
-  --on-light-text-tertiary-active: #1717172B;
+  --on-light-text-secondary-active: #171717AB;
+  --on-light-text-tertiary-hover: #171717FF;
+  --on-light-text-tertiary-active: #17171756;
   --on-light-text-paragraph-hover: #1717177A;
-  --on-light-text-paragraph-active: #17171752;
-  --on-light-text-accent-hover: #07D59AFF;
-  --on-light-text-accent-active: #048661FF;
-  --on-light-text-accent-gradient-hover: #858585FF;
-  --on-light-text-accent-gradient-active: #666666FF;
-  --on-light-text-accent-minor-hover: #58EEC4FF;
+  --on-light-text-paragraph-active: #171717A3;
+  --on-light-text-accent-hover: #06B785FF;
+  --on-light-text-accent-active: #047C5AFF;
+  --on-light-text-accent-gradient-hover: #CCCCCCFF;
+  --on-light-text-accent-gradient-active: #E6E6E6FF;
+  --on-light-text-accent-minor-hover: #17E8ADFF;
   --on-light-text-accent-minor-active: #11B083FF;
-  --on-light-text-positive-hover: #22D343FF;
-  --on-light-text-positive-active: #178C2CFF;
-  --on-light-text-warning-hover: #FC9255FF;
+  --on-light-text-positive-hover: #1EB83AFF;
+  --on-light-text-positive-active: #15842AFF;
+  --on-light-text-warning-hover: #FB7223FF;
   --on-light-text-warning-active: #DC5304FF;
-  --on-light-text-negative-hover: #FF7A88FF;
+  --on-light-text-negative-hover: #FF475AFF;
   --on-light-text-negative-active: #FF0A23FF;
-  --on-light-text-info-hover: #62B9F3FF;
+  --on-light-text-info-hover: #50B1F2FF;
   --on-light-text-info-active: #0F7BC2FF;
-  --on-light-text-positive-minor-hover: #7AE68EFF;
+  --on-light-text-positive-minor-hover: #3EDA5BFF;
   --on-light-text-positive-minor-active: #23B83EFF;
-  --on-light-text-warning-minor-hover: #FED1B9FF;
+  --on-light-text-warning-minor-hover: #FDB086FF;
   --on-light-text-warning-minor-active: #FC884AFF;
-  --on-light-text-negative-minor-hover: #FFE0E3FF;
+  --on-light-text-negative-minor-hover: #FFADB6FF;
   --on-light-text-negative-minor-active: #FF707EFF;
   --on-light-text-info-minor-hover: #A3DAFFFF;
   --on-light-text-info-minor-active: #33ADFFFF;
   --on-light-text-primary: rgba(23,23,23,0.96);
-  --on-light-text-primary-brightness: #171717F5;
+  --on-light-text-primary-brightness: #252525;
   --on-light-text-secondary: rgba(23,23,23,0.56);
   --on-light-text-tertiary: rgba(23,23,23,0.28);
   --on-light-text-paragraph: rgba(23,23,23,0.8);
@@ -140,37 +138,37 @@
   --on-light-text-info-minor: #52BAFF;
   --on-light-text-accent-gradient: linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%);
   --inverse-text-primary-hover: #17171793;
-  --inverse-text-primary-active: #17171762;
+  --inverse-text-primary-active: #171717C4;
   --inverse-text-secondary-hover: #171717FF;
-  --inverse-text-secondary-active: #17171747;
-  --inverse-text-tertiary-hover: #171717B3;
-  --inverse-text-tertiary-active: #1717172B;
+  --inverse-text-secondary-active: #171717AB;
+  --inverse-text-tertiary-hover: #171717FF;
+  --inverse-text-tertiary-active: #17171756;
   --inverse-text-paragraph-hover: #1717177A;
-  --inverse-text-paragraph-active: #17171752;
-  --inverse-text-accent-hover: #07D59AFF;
-  --inverse-text-accent-active: #048661FF;
-  --inverse-text-accent-gradient-hover: #858585FF;
-  --inverse-text-accent-gradient-active: #666666FF;
-  --inverse-text-accent-minor-hover: #58EEC4FF;
+  --inverse-text-paragraph-active: #171717A3;
+  --inverse-text-accent-hover: #06B785FF;
+  --inverse-text-accent-active: #047C5AFF;
+  --inverse-text-accent-gradient-hover: #CCCCCCFF;
+  --inverse-text-accent-gradient-active: #E6E6E6FF;
+  --inverse-text-accent-minor-hover: #17E8ADFF;
   --inverse-text-accent-minor-active: #11B083FF;
-  --inverse-text-positive-hover: #22D343FF;
-  --inverse-text-positive-active: #178C2CFF;
-  --inverse-text-warning-hover: #FC9255FF;
+  --inverse-text-positive-hover: #1EB83AFF;
+  --inverse-text-positive-active: #15842AFF;
+  --inverse-text-warning-hover: #FB7223FF;
   --inverse-text-warning-active: #DC5304FF;
-  --inverse-text-negative-hover: #FF7A88FF;
+  --inverse-text-negative-hover: #FF475AFF;
   --inverse-text-negative-active: #FF0A23FF;
-  --inverse-text-info-hover: #62B9F3FF;
+  --inverse-text-info-hover: #50B1F2FF;
   --inverse-text-info-active: #0F7BC2FF;
-  --inverse-text-positive-minor-hover: #7AE68EFF;
+  --inverse-text-positive-minor-hover: #3EDA5BFF;
   --inverse-text-positive-minor-active: #23B83EFF;
-  --inverse-text-warning-minor-hover: #FED1B9FF;
+  --inverse-text-warning-minor-hover: #FDB086FF;
   --inverse-text-warning-minor-active: #FC884AFF;
-  --inverse-text-negative-minor-hover: #FFE0E3FF;
+  --inverse-text-negative-minor-hover: #FFADB6FF;
   --inverse-text-negative-minor-active: #FF707EFF;
   --inverse-text-info-minor-hover: #A3DAFFFF;
   --inverse-text-info-minor-active: #33ADFFFF;
   --inverse-text-primary: rgba(23,23,23,0.96);
-  --inverse-text-primary-brightness: #171717F5;
+  --inverse-text-primary-brightness: #252525;
   --inverse-text-secondary: rgba(23,23,23,0.56);
   --inverse-text-tertiary: rgba(23,23,23,0.28);
   --inverse-text-paragraph: rgba(23,23,23,0.8);
@@ -205,8 +203,8 @@
   --surface-transparent-deep-active: #FFFFFF94;
   --surface-transparent-card-hover: #FFFFFF3D;
   --surface-transparent-card-active: #FFFFFF0F;
-  --surface-clear-hover: #FFFFFFFF;
-  --surface-clear-active: #FFFFFFFF;
+  --surface-clear-hover: #FFFFFF00;
+  --surface-clear-active: #FFFFFF00;
   --surface-accent-hover: #00C28BFF;
   --surface-accent-active: #00A375FF;
   --surface-accent-gradient-hover: #FFFFFFFF;
@@ -241,9 +239,9 @@
   --surface-transparent-info-active: #199AF024;
   --surface-clear: #FFFFFF00;
   --surface-solid-card: #262626;
-  --surface-solid-card-brightness: #363636FF;
+  --surface-solid-card-brightness: #333333;
   --surface-solid-primary: #171717;
-  --surface-solid-primary-brightness: #262626FF;
+  --surface-solid-primary-brightness: #252525;
   --surface-solid-secondary: #262626;
   --surface-solid-tertiary: #363636;
   --surface-solid-default: #F9F9F9;
@@ -252,7 +250,7 @@
   --surface-warning: #FF7024;
   --surface-negative: #FF3D51;
   --surface-transparent-card: rgba(255,255,255,0.12);
-  --surface-transparent-card-brightness: #FFFFFF1F;
+  --surface-transparent-card-brightness: #FFFFFF;
   --surface-transparent-primary: rgba(255,255,255,0.06);
   --surface-transparent-secondary: rgba(255,255,255,0.12);
   --surface-transparent-tertiary: rgba(255,255,255,0.2);
@@ -289,8 +287,8 @@
   --on-dark-surface-transparent-deep-active: #FFFFFF94;
   --on-dark-surface-transparent-card-hover: #FFFFFF3D;
   --on-dark-surface-transparent-card-active: #FFFFFF0F;
-  --on-dark-surface-clear-hover: #FFFFFFFF;
-  --on-dark-surface-clear-active: #FFFFFFFF;
+  --on-dark-surface-clear-hover: #FFFFFF00;
+  --on-dark-surface-clear-active: #FFFFFF00;
   --on-dark-surface-accent-hover: #00C28BFF;
   --on-dark-surface-accent-active: #00A375FF;
   --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
@@ -325,18 +323,18 @@
   --on-dark-surface-transparent-info-active: #199AF024;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-primary-brightness: #262626FF;
+  --on-dark-surface-solid-primary-brightness: #252525;
   --on-dark-surface-solid-secondary: #262626;
   --on-dark-surface-solid-tertiary: #363636;
   --on-dark-surface-solid-card: #262626;
-  --on-dark-surface-solid-card-brightness: #363636FF;
+  --on-dark-surface-solid-card-brightness: #333333;
   --on-dark-surface-solid-default: #F9F9F9;
   --on-dark-surface-accent: #00AC7B;
   --on-dark-surface-positive: #24B23E;
   --on-dark-surface-warning: #FF7024;
   --on-dark-surface-negative: #FF3D51;
   --on-dark-surface-transparent-card: rgba(255,255,255,0.12);
-  --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
+  --on-dark-surface-transparent-card-brightness: #FFFFFF;
   --on-dark-surface-transparent-primary: rgba(255,255,255,0.06);
   --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12);
   --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2);
@@ -373,14 +371,12 @@
   --on-light-surface-transparent-deep-active: #08080894;
   --on-light-surface-transparent-card-hover: #FFFFFFFF;
   --on-light-surface-transparent-card-active: #FFFFFFFF;
-  --on-light-surface-clear-hover: #FFFFFFFF;
-  --on-light-surface-clear-active: #FFFFFFFF;
+  --on-light-surface-clear-hover: #FFFFFF00;
+  --on-light-surface-clear-active: #FFFFFF00;
   --on-light-surface-accent-hover: #05AD7EFF;
   --on-light-surface-accent-active: #048F68FF;
   --on-light-surface-accent-gradient-hover: #FFFFFFFF;
   --on-light-surface-accent-gradient-active: #FFFFFFFF;
-  --on-light-surface-accent-minor-hover: #A1FCE2FF;
-  --on-light-surface-accent-minor-active: #84FBD9FF;
   --on-light-surface-transparent-accent-hover: #00AD7C3D;
   --on-light-surface-transparent-accent-active: #00AD7C0F;
   --on-light-surface-positive-hover: #1DAF37FF;
@@ -408,11 +404,11 @@
   --on-light-surface-transparent-info-hover: #118CDF3D;
   --on-light-surface-transparent-info-active: #118CDF0F;
   --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
+  --on-light-surface-solid-primary-brightness: #F6F6F6;
   --on-light-surface-solid-secondary: #DDDDDD;
   --on-light-surface-solid-tertiary: #C7C7C7;
   --on-light-surface-solid-card: #FFFFFF;
-  --on-light-surface-solid-card-brightness: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness: #FFFFFF;
   --on-light-surface-solid-default: #080808;
   --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-accent: #05996F;
@@ -420,7 +416,7 @@
   --on-light-surface-warning: #FA5F05;
   --on-light-surface-negative: #FF293E;
   --on-light-surface-transparent-card: rgb(255,255,255);
-  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
+  --on-light-surface-transparent-card-brightness: #FFFFFF;
   --on-light-surface-transparent-secondary: #0808080F;
   --on-light-surface-transparent-tertiary: #0808081F;
   --on-light-surface-transparent-deep: #080808A3;
@@ -457,8 +453,8 @@
   --inverse-surface-transparent-deep-active: #08080894;
   --inverse-surface-transparent-card-hover: #FFFFFFFF;
   --inverse-surface-transparent-card-active: #FFFFFFFF;
-  --inverse-surface-clear-hover: #FFFFFFFF;
-  --inverse-surface-clear-active: #FFFFFFFF;
+  --inverse-surface-clear-hover: #FFFFFF00;
+  --inverse-surface-clear-active: #FFFFFF00;
   --inverse-surface-accent-hover: #05AD7EFF;
   --inverse-surface-accent-active: #048F68FF;
   --inverse-surface-accent-gradient-hover: #FFFFFFFF;
@@ -473,6 +469,8 @@
   --inverse-surface-warning-active: #F05B05FF;
   --inverse-surface-negative-hover: #FF475AFF;
   --inverse-surface-negative-active: #FF1F35FF;
+  --inverse-surface-info-hover: #1798EEFF;
+  --inverse-surface-info-active: #1086D5FF;
   --inverse-surface-positive-minor-hover: #B1FBBFFF;
   --inverse-surface-positive-minor-active: #94F9A7FF;
   --inverse-surface-warning-minor-hover: #FEE9DCFF;
@@ -490,11 +488,11 @@
   --inverse-surface-transparent-info-hover: #118CDF3D;
   --inverse-surface-transparent-info-active: #118CDF0F;
   --inverse-surface-solid-primary: #F5F5F5;
-  --inverse-surface-solid-primary-brightness: #FFFFFFFF;
+  --inverse-surface-solid-primary-brightness: #F6F6F6;
   --inverse-surface-solid-secondary: #DDDDDD;
   --inverse-surface-solid-tertiary: #C7C7C7;
   --inverse-surface-solid-card: #FFFFFF;
-  --inverse-surface-solid-card-brightness: #FFFFFFFF;
+  --inverse-surface-solid-card-brightness: #FFFFFF;
   --inverse-surface-solid-default: #080808;
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-accent: #05996F;
@@ -502,7 +500,7 @@
   --inverse-surface-warning: #FA5F05;
   --inverse-surface-negative: #FF293E;
   --inverse-surface-transparent-card: rgb(255,255,255);
-  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
+  --inverse-surface-transparent-card-brightness: #FFFFFF;
   --inverse-surface-transparent-secondary: #0808080F;
   --inverse-surface-transparent-tertiary: #0808081F;
   --inverse-surface-transparent-deep: #080808A3;
@@ -536,56 +534,70 @@
   --inverse-overlay-soft: #F9F9F98F;
   --inverse-overlay-hard: #F9F9F9F5;
   --inverse-overlay-blur: #F9F9F933;
-  --outline-solid-primary-hover: #545454FF;
-  --outline-solid-primary-active: #171717FF;
-  --outline-solid-secondary-hover: #ABABABFF;
-  --outline-solid-secondary-active: #363636FF;
-  --outline-solid-tertiary-hover: #FFFFFFFF;
-  --outline-solid-tertiary-active: #525252FF;
-  --outline-transparent-primary-hover: #FFFFFF4D;
-  --outline-transparent-primary-active: #FFFFFF12;
-  --outline-transparent-secondary-hover: #FFFFFFB3;
-  --outline-transparent-secondary-active: #FFFFFF2B;
-  --outline-transparent-tertiary-hover: #FFFFFFFF;
-  --outline-transparent-tertiary-active: #FFFFFF47;
-  --outline-clear-hover: #FFFFFFFF;
-  --outline-clear-active: #FFFFFFFF;
-  --outline-accent-hover: #58EEC4FF;
+  --outline-solid-primary-hover: #FFFFFFFF;
+  --outline-solid-primary-active: #ADADADFF;
+  --outline-solid-secondary-hover: #595959FF;
+  --outline-solid-secondary-active: #4A4A4AFF;
+  --outline-solid-tertiary-hover: #8F8F8FFF;
+  --outline-solid-tertiary-active: #808080FF;
+  --outline-transparent-default-hover: #FAFAFA93;
+  --outline-transparent-default-active: #FAFAFAC4;
+  --outline-transparent-primary-hover: #FFFFFF3D;
+  --outline-transparent-primary-active: #FFFFFF0F;
+  --outline-transparent-secondary-hover: #FFFFFF66;
+  --outline-transparent-secondary-active: #FFFFFF38;
+  --outline-transparent-tertiary-hover: #FFFFFFAD;
+  --outline-transparent-tertiary-active: #FFFFFF80;
+  --outline-clear-hover: #FFFFFF00;
+  --outline-clear-active: #FFFFFF00;
+  --outline-accent-hover: #17E8ADFF;
   --outline-accent-active: #11B083FF;
-  --outline-accent-gradient-hover: #858585FF;
-  --outline-accent-gradient-active: #666666FF;
-  --outline-accent-minor-hover: #199F79FF;
-  --outline-accent-minor-active: #0B4736FF;
-  --outline-transparent-accent-hover: #14CC98B3;
-  --outline-transparent-accent-active: #14CC982B;
-  --outline-positive-hover: #5EDE76FF;
+  --outline-accent-gradient-hover: #CCCCCCFF;
+  --outline-accent-gradient-active: #E6E6E6FF;
+  --outline-accent-minor-hover: #168D6BFF;
+  --outline-accent-minor-active: #127357FF;
+  --outline-accent-minor-gradient-hover: #CCCCCCFF;
+  --outline-accent-minor-gradient-active: #E6E6E6FF;
+  --outline-transparent-accent-hover: #14CC98FF;
+  --outline-transparent-accent-active: #14CC9856;
+  --outline-transparent-accent-gradient-hover: #CCCCCCFF;
+  --outline-transparent-accent-gradient-active: #E6E6E6FF;
+  --outline-promo-hover: #CCCCCCFF;
+  --outline-promo-active: #E6E6E6FF;
+  --outline-promo-gradient-hover: #CCCCCCFF;
+  --outline-promo-gradient-active: #E6E6E6FF;
+  --outline-promo-minor-hover: #CCCCCCFF;
+  --outline-promo-minor-active: #E6E6E6FF;
+  --outline-promo-minor-gradient-hover: #CCCCCCFF;
+  --outline-promo-minor-gradient-active: #E6E6E6FF;
+  --outline-positive-hover: #2ACB47FF;
   --outline-positive-active: #1F9835FF;
-  --outline-warning-hover: #FFA575FF;
+  --outline-warning-hover: #FF8442FF;
   --outline-warning-active: #FF5D05FF;
-  --outline-negative-hover: #FF8F9AFF;
+  --outline-negative-hover: #FF5C6CFF;
   --outline-negative-active: #FF1F35FF;
   --outline-info-hover: #66BCF5FF;
   --outline-info-active: #0E8ADDFF;
   --outline-positive-minor-hover: #0F9527FF;
-  --outline-positive-minor-active: #074A14FF;
+  --outline-positive-minor-active: #0C7920FF;
   --outline-warning-minor-hover: #BB4F11FF;
-  --outline-warning-minor-active: #70300AFF;
-  --outline-negative-minor-hover: #D41C2EFF;
-  --outline-negative-minor-active: #8C121EFF;
+  --outline-warning-minor-active: #9F440FFF;
+  --outline-negative-minor-hover: #B91828FF;
+  --outline-negative-minor-active: #83111CFF;
   --outline-info-minor-hover: #1277BAFF;
-  --outline-info-minor-active: #0B476FFF;
+  --outline-info-minor-active: #10659EFF;
   --outline-transparent-positive: #1A9E3247;
-  --outline-transparent-positive-hover: #1A9E32B3;
-  --outline-transparent-positive-active: #1A9E322B;
+  --outline-transparent-positive-hover: #1A9E32FF;
+  --outline-transparent-positive-active: #1A9E3256;
   --outline-transparent-warning: #FA5F0547;
-  --outline-transparent-warning-hover: #FA5F05B3;
-  --outline-transparent-warning-active: #FA5F052B;
+  --outline-transparent-warning-hover: #FA5F05FF;
+  --outline-transparent-warning-active: #FA5F0556;
   --outline-transparent-negative: #FF293E47;
-  --outline-transparent-negative-hover: #FF293EB3;
-  --outline-transparent-negative-active: #FF293E2B;
+  --outline-transparent-negative-hover: #FF293EFF;
+  --outline-transparent-negative-active: #FF293E56;
   --outline-transparent-info: #118CDF47;
-  --outline-transparent-info-hover: #118CDFB3;
-  --outline-transparent-info-active: #118CDF2B;
+  --outline-transparent-info-hover: #118CDFFF;
+  --outline-transparent-info-active: #118CDF56;
   --outline-solid-primary: #262626;
   --outline-clear: #FFFFFF00;
   --outline-accent: #14CC98;
@@ -605,56 +617,70 @@
   --outline-transparent-tertiary: rgba(255,255,255,0.56);
   --outline-solid-secondary: #4E4E4E;
   --outline-solid-tertiary: #858585;
-  --on-dark-outline-solid-primary-hover: #545454FF;
-  --on-dark-outline-solid-primary-active: #171717FF;
-  --on-dark-outline-solid-secondary-hover: #ABABABFF;
-  --on-dark-outline-solid-secondary-active: #363636FF;
-  --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
-  --on-dark-outline-solid-tertiary-active: #525252FF;
-  --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
-  --on-dark-outline-transparent-primary-active: #FFFFFF12;
-  --on-dark-outline-transparent-secondary-hover: #FFFFFFB3;
-  --on-dark-outline-transparent-secondary-active: #FFFFFF2B;
-  --on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
-  --on-dark-outline-transparent-tertiary-active: #FFFFFF47;
-  --on-dark-outline-clear-hover: #FFFFFFFF;
-  --on-dark-outline-clear-active: #FFFFFFFF;
-  --on-dark-outline-accent-hover: #58EEC4FF;
+  --on-dark-outline-solid-primary-hover: #FFFFFFFF;
+  --on-dark-outline-solid-primary-active: #ADADADFF;
+  --on-dark-outline-solid-secondary-hover: #595959FF;
+  --on-dark-outline-solid-secondary-active: #4A4A4AFF;
+  --on-dark-outline-solid-tertiary-hover: #8F8F8FFF;
+  --on-dark-outline-solid-tertiary-active: #808080FF;
+  --on-dark-outline-transparent-default-hover: #FAFAFA93;
+  --on-dark-outline-transparent-default-active: #FAFAFAC4;
+  --on-dark-outline-transparent-primary-hover: #FFFFFF3D;
+  --on-dark-outline-transparent-primary-active: #FFFFFF0F;
+  --on-dark-outline-transparent-secondary-hover: #FFFFFF66;
+  --on-dark-outline-transparent-secondary-active: #FFFFFF38;
+  --on-dark-outline-transparent-tertiary-hover: #FFFFFFAD;
+  --on-dark-outline-transparent-tertiary-active: #FFFFFF80;
+  --on-dark-outline-clear-hover: #FFFFFF00;
+  --on-dark-outline-clear-active: #FFFFFF00;
+  --on-dark-outline-accent-hover: #17E8ADFF;
   --on-dark-outline-accent-active: #11B083FF;
-  --on-dark-outline-accent-gradient-hover: #858585FF;
-  --on-dark-outline-accent-gradient-active: #666666FF;
-  --on-dark-outline-accent-minor-hover: #199F79FF;
-  --on-dark-outline-accent-minor-active: #0B4736FF;
-  --on-dark-outline-transparent-accent-hover: #14CC98B3;
-  --on-dark-outline-transparent-accent-active: #14CC982B;
-  --on-dark-outline-positive-hover: #5EDE76FF;
+  --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
+  --on-dark-outline-accent-gradient-active: #E6E6E6FF;
+  --on-dark-outline-accent-minor-hover: #168D6BFF;
+  --on-dark-outline-accent-minor-active: #127357FF;
+  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
+  --on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
+  --on-dark-outline-transparent-accent-hover: #14CC98FF;
+  --on-dark-outline-transparent-accent-active: #14CC9856;
+  --on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
+  --on-dark-outline-transparent-accent-gradient-active: #E6E6E6FF;
+  --on-dark-outline-promo-hover: #CCCCCCFF;
+  --on-dark-outline-promo-active: #E6E6E6FF;
+  --on-dark-outline-promo-gradient-hover: #CCCCCCFF;
+  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
+  --on-dark-outline-promo-minor-hover: #CCCCCCFF;
+  --on-dark-outline-promo-minor-active: #E6E6E6FF;
+  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
+  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
+  --on-dark-outline-positive-hover: #2ACB47FF;
   --on-dark-outline-positive-active: #1F9835FF;
-  --on-dark-outline-warning-hover: #FFA575FF;
+  --on-dark-outline-warning-hover: #FF8442FF;
   --on-dark-outline-warning-active: #FF5D05FF;
-  --on-dark-outline-negative-hover: #FF8F9AFF;
+  --on-dark-outline-negative-hover: #FF5C6CFF;
   --on-dark-outline-negative-active: #FF1F35FF;
   --on-dark-outline-info-hover: #66BCF5FF;
   --on-dark-outline-info-active: #0E8ADDFF;
   --on-dark-outline-positive-minor-hover: #0F9527FF;
-  --on-dark-outline-positive-minor-active: #074A14FF;
+  --on-dark-outline-positive-minor-active: #0C7920FF;
   --on-dark-outline-warning-minor-hover: #BB4F11FF;
-  --on-dark-outline-warning-minor-active: #70300AFF;
-  --on-dark-outline-negative-minor-hover: #D41C2EFF;
-  --on-dark-outline-negative-minor-active: #8C121EFF;
+  --on-dark-outline-warning-minor-active: #9F440FFF;
+  --on-dark-outline-negative-minor-hover: #B91828FF;
+  --on-dark-outline-negative-minor-active: #83111CFF;
   --on-dark-outline-info-minor-hover: #1277BAFF;
-  --on-dark-outline-info-minor-active: #0B476FFF;
+  --on-dark-outline-info-minor-active: #10659EFF;
   --on-dark-outline-transparent-positive: #1A9E3247;
-  --on-dark-outline-transparent-positive-hover: #1A9E32B3;
-  --on-dark-outline-transparent-positive-active: #1A9E322B;
+  --on-dark-outline-transparent-positive-hover: #1A9E32FF;
+  --on-dark-outline-transparent-positive-active: #1A9E3256;
   --on-dark-outline-transparent-warning: #FA5F0547;
-  --on-dark-outline-transparent-warning-hover: #FA5F05B3;
-  --on-dark-outline-transparent-warning-active: #FA5F052B;
+  --on-dark-outline-transparent-warning-hover: #FA5F05FF;
+  --on-dark-outline-transparent-warning-active: #FA5F0556;
   --on-dark-outline-transparent-negative: #FF293E47;
-  --on-dark-outline-transparent-negative-hover: #FF293EB3;
-  --on-dark-outline-transparent-negative-active: #FF293E2B;
+  --on-dark-outline-transparent-negative-hover: #FF293EFF;
+  --on-dark-outline-transparent-negative-active: #FF293E56;
   --on-dark-outline-transparent-info: #118CDF47;
-  --on-dark-outline-transparent-info-hover: #118CDFB3;
-  --on-dark-outline-transparent-info-active: #118CDF2B;
+  --on-dark-outline-transparent-info-hover: #118CDFFF;
+  --on-dark-outline-transparent-info-active: #118CDF56;
   --on-dark-outline-solid-primary: #262626;
   --on-dark-outline-clear: #FFFFFF00;
   --on-dark-outline-accent: #14CC98;
@@ -674,52 +700,66 @@
   --on-dark-outline-transparent-tertiary: rgba(255,255,255,0.56);
   --on-dark-outline-solid-secondary: #4E4E4E;
   --on-dark-outline-solid-tertiary: #858585;
-  --on-light-outline-solid-primary-hover: #8C8C8CFF;
-  --on-light-outline-solid-primary-active: #636363FF;
-  --on-light-outline-solid-secondary-hover: #FFFFFFFF;
-  --on-light-outline-solid-secondary-active: #808080FF;
-  --on-light-outline-solid-tertiary-hover: #CCCCCCFF;
-  --on-light-outline-solid-tertiary-active: #575757FF;
-  --on-light-outline-transparent-primary-hover: #0808084D;
-  --on-light-outline-transparent-primary-active: #08080812;
-  --on-light-outline-transparent-secondary-hover: #080808B3;
-  --on-light-outline-transparent-secondary-active: #0808082B;
-  --on-light-outline-transparent-tertiary-hover: #080808FF;
-  --on-light-outline-transparent-tertiary-active: #08080847;
-  --on-light-outline-clear-hover: #FFFFFFFF;
-  --on-light-outline-clear-active: #FFFFFFFF;
-  --on-light-outline-accent-hover: #07D59AFF;
-  --on-light-outline-accent-active: #048661FF;
-  --on-light-outline-accent-gradient-hover: #858585FF;
-  --on-light-outline-accent-gradient-active: #666666FF;
-  --on-light-outline-accent-minor-hover: #58EEC4FF;
+  --on-light-outline-solid-primary-hover: #ABABABFF;
+  --on-light-outline-solid-primary-active: #C4C4C4FF;
+  --on-light-outline-solid-secondary-hover: #BDBDBDFF;
+  --on-light-outline-solid-secondary-active: #ADADADFF;
+  --on-light-outline-solid-tertiary-hover: #FFFFFFFF;
+  --on-light-outline-solid-tertiary-active: #737373FF;
+  --on-light-outline-transparent-default-hover: #08080893;
+  --on-light-outline-transparent-default-active: #080808C4;
+  --on-light-outline-transparent-primary-hover: #0808083D;
+  --on-light-outline-transparent-primary-active: #0808080F;
+  --on-light-outline-transparent-secondary-hover: #08080866;
+  --on-light-outline-transparent-secondary-active: #08080838;
+  --on-light-outline-transparent-tertiary-hover: #080808AD;
+  --on-light-outline-transparent-tertiary-active: #08080880;
+  --on-light-outline-clear-hover: #FFFFFF00;
+  --on-light-outline-clear-active: #FFFFFF00;
+  --on-light-outline-accent-hover: #06B785FF;
+  --on-light-outline-accent-active: #047C5AFF;
+  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
+  --on-light-outline-accent-gradient-active: #E6E6E6FF;
+  --on-light-outline-accent-minor-hover: #17E8ADFF;
   --on-light-outline-accent-minor-active: #11B083FF;
-  --on-light-outline-transparent-accent-hover: #05996F80;
-  --on-light-outline-transparent-accent-active: #05996F1F;
-  --on-light-outline-positive-hover: #22D343FF;
-  --on-light-outline-positive-active: #178C2CFF;
-  --on-light-outline-warning-hover: #FC9255FF;
+  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
+  --on-light-outline-accent-minor-gradient-active: #E6E6E6FF;
+  --on-light-outline-transparent-accent-hover: #05996FFF;
+  --on-light-outline-transparent-accent-active: #05996F3D;
+  --on-light-outline-transparent-accent-gradient-hover: #CCCCCCFF;
+  --on-light-outline-transparent-accent-gradient-active: #E6E6E6FF;
+  --on-light-outline-promo-hover: #CCCCCCFF;
+  --on-light-outline-promo-active: #E6E6E6FF;
+  --on-light-outline-promo-gradient-hover: #CCCCCCFF;
+  --on-light-outline-promo-gradient-active: #E6E6E6FF;
+  --on-light-outline-promo-minor-hover: #CCCCCCFF;
+  --on-light-outline-promo-minor-active: #E6E6E6FF;
+  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
+  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
+  --on-light-outline-positive-hover: #1EB83AFF;
+  --on-light-outline-positive-active: #15842AFF;
+  --on-light-outline-warning-hover: #FB7223FF;
   --on-light-outline-warning-active: #DC5304FF;
-  --on-light-outline-negative-hover: #FF7A88FF;
+  --on-light-outline-negative-hover: #FF475AFF;
   --on-light-outline-negative-active: #FF0A23FF;
-  --on-light-outline-info-hover: #62B9F3FF;
+  --on-light-outline-info-hover: #50B1F2FF;
   --on-light-outline-info-active: #0F7BC2FF;
-  --on-light-outline-positive-minor-hover: #7AE68EFF;
+  --on-light-outline-positive-minor-hover: #3EDA5BFF;
   --on-light-outline-positive-minor-active: #23B83EFF;
-  --on-light-outline-warning-minor-hover: #FED1B9FF;
+  --on-light-outline-warning-minor-hover: #FDB086FF;
   --on-light-outline-warning-minor-active: #FC884AFF;
-  --on-light-outline-negative-minor-hover: #FFE0E3FF;
+  --on-light-outline-negative-minor-hover: #FFADB6FF;
   --on-light-outline-negative-minor-active: #FF707EFF;
   --on-light-outline-info-minor-hover: #A3DAFFFF;
   --on-light-outline-info-minor-active: #33ADFFFF;
-  --on-light-outline-transparent-positive-hover: #1A9E3280;
-  --on-light-outline-transparent-positive-active: #1A9E321F;
-  --on-light-outline-transparent-warning-hover: #FA5F0580;
-  --on-light-outline-transparent-warning-active: #FA5F051F;
-  --on-light-outline-transparent-negative-hover: #FF293E80;
-  --on-light-outline-transparent-negative-active: #FF293E1F;
-  --on-light-outline-transparent-info-hover: #118CDF80;
-  --on-light-outline-transparent-info-active: #118CDF1F;
+  --on-light-outline-transparent-positive-hover: #1A9E32FF;
+  --on-light-outline-transparent-positive-active: #1A9E323D;
+  --on-light-outline-transparent-warning-hover: #FA5F05FF;
+  --on-light-outline-transparent-warning-active: #FA5F053D;
+  --on-light-outline-transparent-negative-hover: #FF293EFF;
+  --on-light-outline-transparent-negative-active: #FF293E3D;
+  --on-light-outline-transparent-info-hover: #118CDFFF;
+  --on-light-outline-transparent-info-active: #118CDF3D;
   --on-light-outline-solid-primary: #DDDDDD;
   --on-light-outline-solid-tertiary: #707070;
   --on-light-outline-clear: #FFFFFF00;
@@ -743,55 +783,69 @@
   --on-light-outline-transparent-secondary: rgba(8,8,8,0.28);
   --on-light-outline-transparent-tertiary: rgba(8,8,8,0.56);
   --on-light-outline-solid-secondary: #B3B3B3;
-  --inverse-outline-solid-primary-hover: #8C8C8CFF;
-  --inverse-outline-solid-primary-active: #636363FF;
-  --inverse-outline-solid-secondary-hover: #FFFFFFFF;
-  --inverse-outline-solid-secondary-active: #808080FF;
-  --inverse-outline-solid-tertiary-hover: #CCCCCCFF;
-  --inverse-outline-solid-tertiary-active: #575757FF;
+  --inverse-outline-solid-primary-hover: #ABABABFF;
+  --inverse-outline-solid-primary-active: #C4C4C4FF;
+  --inverse-outline-solid-secondary-hover: #BDBDBDFF;
+  --inverse-outline-solid-secondary-active: #ADADADFF;
+  --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
+  --inverse-outline-solid-tertiary-active: #737373FF;
+  --inverse-outline-transparent-default-hover: #08080893;
+  --inverse-outline-transparent-default-active: #080808C4;
   --inverse-outline-transparent-primary: #0808081F;
-  --inverse-outline-transparent-primary-hover: #0808084D;
-  --inverse-outline-transparent-primary-active: #08080812;
+  --inverse-outline-transparent-primary-hover: #080808FF;
+  --inverse-outline-transparent-primary-active: #08080825;
   --inverse-outline-transparent-secondary: #08080847;
-  --inverse-outline-transparent-secondary-hover: #080808B3;
-  --inverse-outline-transparent-secondary-active: #0808082B;
+  --inverse-outline-transparent-secondary-hover: #080808FF;
+  --inverse-outline-transparent-secondary-active: #08080856;
   --inverse-outline-transparent-tertiary: #0808088F;
   --inverse-outline-transparent-tertiary-hover: #080808FF;
-  --inverse-outline-transparent-tertiary-active: #08080847;
-  --inverse-outline-clear-hover: #FFFFFFFF;
-  --inverse-outline-clear-active: #FFFFFFFF;
-  --inverse-outline-accent-hover: #07D59AFF;
-  --inverse-outline-accent-active: #048661FF;
-  --inverse-outline-accent-gradient-hover: #858585FF;
-  --inverse-outline-accent-gradient-active: #666666FF;
-  --inverse-outline-accent-minor-hover: #58EEC4FF;
+  --inverse-outline-transparent-tertiary-active: #080808AB;
+  --inverse-outline-clear-hover: #FFFFFF00;
+  --inverse-outline-clear-active: #FFFFFF00;
+  --inverse-outline-accent-hover: #06B785FF;
+  --inverse-outline-accent-active: #047C5AFF;
+  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
+  --inverse-outline-accent-gradient-active: #E6E6E6FF;
+  --inverse-outline-accent-minor-hover: #17E8ADFF;
   --inverse-outline-accent-minor-active: #11B083FF;
-  --inverse-outline-transparent-accent-hover: #05996F80;
-  --inverse-outline-transparent-accent-active: #05996F1F;
-  --inverse-outline-positive-hover: #22D343FF;
-  --inverse-outline-positive-active: #178C2CFF;
-  --inverse-outline-warning-hover: #FC9255FF;
+  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
+  --inverse-outline-accent-minor-gradient-active: #E6E6E6FF;
+  --inverse-outline-transparent-accent-hover: #05996FFF;
+  --inverse-outline-transparent-accent-active: #05996F3D;
+  --inverse-outline-transparent-accent-gradient-hover: #CCCCCCFF;
+  --inverse-outline-transparent-accent-gradient-active: #E6E6E6FF;
+  --inverse-outline-promo-hover: #CCCCCCFF;
+  --inverse-outline-promo-active: #E6E6E6FF;
+  --inverse-outline-promo-gradient-hover: #CCCCCCFF;
+  --inverse-outline-promo-gradient-active: #E6E6E6FF;
+  --inverse-outline-promo-minor-hover: #CCCCCCFF;
+  --inverse-outline-promo-minor-active: #E6E6E6FF;
+  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
+  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
+  --inverse-outline-positive-hover: #1EB83AFF;
+  --inverse-outline-positive-active: #15842AFF;
+  --inverse-outline-warning-hover: #FB7223FF;
   --inverse-outline-warning-active: #DC5304FF;
-  --inverse-outline-negative-hover: #FF7A88FF;
+  --inverse-outline-negative-hover: #FF475AFF;
   --inverse-outline-negative-active: #FF0A23FF;
-  --inverse-outline-info-hover: #62B9F3FF;
+  --inverse-outline-info-hover: #50B1F2FF;
   --inverse-outline-info-active: #0F7BC2FF;
-  --inverse-outline-positive-minor-hover: #7AE68EFF;
+  --inverse-outline-positive-minor-hover: #3EDA5BFF;
   --inverse-outline-positive-minor-active: #23B83EFF;
-  --inverse-outline-warning-minor-hover: #FED1B9FF;
+  --inverse-outline-warning-minor-hover: #FDB086FF;
   --inverse-outline-warning-minor-active: #FC884AFF;
-  --inverse-outline-negative-minor-hover: #FFE0E3FF;
+  --inverse-outline-negative-minor-hover: #FFADB6FF;
   --inverse-outline-negative-minor-active: #FF707EFF;
   --inverse-outline-info-minor-hover: #A3DAFFFF;
   --inverse-outline-info-minor-active: #33ADFFFF;
-  --inverse-outline-transparent-positive-hover: #1A9E3280;
-  --inverse-outline-transparent-positive-active: #1A9E321F;
-  --inverse-outline-transparent-warning-hover: #FA5F0580;
-  --inverse-outline-transparent-warning-active: #FA5F051F;
-  --inverse-outline-transparent-negative-hover: #FF293E80;
-  --inverse-outline-transparent-negative-active: #FF293E1F;
-  --inverse-outline-transparent-info-hover: #118CDF80;
-  --inverse-outline-transparent-info-active: #118CDF1F;
+  --inverse-outline-transparent-positive-hover: #1A9E32FF;
+  --inverse-outline-transparent-positive-active: #1A9E323D;
+  --inverse-outline-transparent-warning-hover: #FA5F05FF;
+  --inverse-outline-transparent-warning-active: #FA5F053D;
+  --inverse-outline-transparent-negative-hover: #FF293EFF;
+  --inverse-outline-transparent-negative-active: #FF293E3D;
+  --inverse-outline-transparent-info-hover: #118CDFFF;
+  --inverse-outline-transparent-info-active: #118CDF3D;
   --inverse-outline-transparent-positive: rgba(26,158,50,0.2);
   --inverse-outline-transparent-warning: rgba(250,95,5,0.2);
   --inverse-outline-transparent-negative: rgba(255,41,62,0.2);
@@ -888,38 +942,38 @@
 }
 .light {
-  --text-primary-hover: #1717177A;
-  --text-primary-active: #171717FF;
-  --text-secondary-hover: #17171747;
-  --text-secondary-active: #171717FF;
-  --text-tertiary-hover: #1717172B;
-  --text-tertiary-active: #17171772;
-  --text-paragraph-hover: #17171766;
-  --text-paragraph-active: #171717FF;
-  --text-accent-hover: #06CB93FF;
+  --text-primary-hover: #17171793;
+  --text-primary-active: #171717C4;
+  --text-secondary-hover: #171717FF;
+  --text-secondary-active: #171717AB;
+  --text-tertiary-hover: #171717FF;
+  --text-tertiary-active: #17171756;
+  --text-paragraph-hover: #1717177A;
+  --text-paragraph-active: #171717A3;
+  --text-accent-hover: #06C18CFF;
   --text-accent-active: #047253FF;
-  --text-accent-gradient-hover: #CCCCCCFF;
-  --text-accent-gradient-active: #E6E6E6FF;
-  --text-accent-minor-hover: #58EEC4FF;
-  --text-accent-minor-active: #11B083FF;
-  --text-positive-hover: #24DB45FF;
-  --text-positive-active: #178C2CFF;
-  --text-warning-hover: #FC9F69FF;
-  --text-warning-active: #DC5304FF;
-  --text-negative-hover: #FF7A88FF;
+  --text-accent-gradient-hover: #000000FF;
+  --text-accent-gradient-active: #CCCCCCFF;
+  --text-accent-minor-hover: #20E9B0FF;
+  --text-accent-minor-active: #11A77CFF;
+  --text-positive-hover: #1FC13DFF;
+  --text-positive-active: #147B27FF;
+  --text-warning-hover: #FB782DFF;
+  --text-warning-active: #D25004FF;
+  --text-negative-hover: #FF5263FF;
   --text-negative-active: #FF001AFF;
-  --text-info-hover: #62B9F3FF;
-  --text-info-active: #0F7BC2FF;
-  --text-positive-minor-hover: #7AE68EFF;
-  --text-positive-minor-active: #23B83EFF;
+  --text-info-hover: #2AA0EFFF;
+  --text-info-active: #0E75B9FF;
+  --text-positive-minor-hover: #47DC62FF;
+  --text-positive-minor-active: #21B03CFF;
   --text-warning-minor-hover: #FDB790FF;
   --text-warning-minor-active: #FC8240FF;
   --text-negative-minor-hover: #FFB8BFFF;
   --text-negative-minor-active: #FF6675FF;
-  --text-info-minor-hover: #A3DAFFFF;
+  --text-info-minor-hover: #7ACAFFFF;
   --text-info-minor-active: #29A9FFFF;
   --text-primary: rgba(23,23,23,0.96);
-  --text-primary-brightness: #171717F5;
+  --text-primary-brightness: #252525;
   --text-secondary: rgba(23,23,23,0.56);
   --text-tertiary: rgba(23,23,23,0.28);
   --text-paragraph: rgba(23,23,23,0.8);
@@ -934,38 +988,38 @@
   --text-negative-minor: #FF8F9A;
   --text-info-minor: #52BAFF;
   --text-accent-gradient: linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%);
-  --on-dark-text-primary-hover: #F5F5F57A;
-  --on-dark-text-primary-active: #F5F5F5FF;
-  --on-dark-text-secondary-hover: #F5F5F547;
-  --on-dark-text-secondary-active: #F5F5F5FF;
-  --on-dark-text-tertiary-hover: #F5F5F52B;
-  --on-dark-text-tertiary-active: #F5F5F572;
-  --on-dark-text-paragraph-hover: #F5F5F566;
-  --on-dark-text-paragraph-active: #F5F5F5FF;
-  --on-dark-text-accent-hover: #58EEC4FF;
-  --on-dark-text-accent-active: #11B083FF;
-  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
-  --on-dark-text-accent-gradient-active: #E6E6E6FF;
-  --on-dark-text-accent-minor-hover: #1CB086FF;
-  --on-dark-text-accent-minor-active: #0C4F3CFF;
-  --on-dark-text-positive-hover: #5EDE76FF;
-  --on-dark-text-positive-active: #1F9835FF;
-  --on-dark-text-warning-hover: #FFA575FF;
+  --on-dark-text-primary-hover: #F5F5F593;
+  --on-dark-text-primary-active: #F5F5F5C4;
+  --on-dark-text-secondary-hover: #F5F5F5FF;
+  --on-dark-text-secondary-active: #F5F5F5AB;
+  --on-dark-text-tertiary-hover: #F5F5F5FF;
+  --on-dark-text-tertiary-active: #F5F5F556;
+  --on-dark-text-paragraph-hover: #F5F5F57A;
+  --on-dark-text-paragraph-active: #F5F5F5A3;
+  --on-dark-text-accent-hover: #20E9B0FF;
+  --on-dark-text-accent-active: #11A77CFF;
+  --on-dark-text-accent-gradient-hover: #000000FF;
+  --on-dark-text-accent-gradient-active: #CCCCCCFF;
+  --on-dark-text-accent-minor-hover: #199F79FF;
+  --on-dark-text-accent-minor-active: #137C5EFF;
+  --on-dark-text-positive-hover: #2BD44AFF;
+  --on-dark-text-positive-active: #1D9032FF;
+  --on-dark-text-warning-hover: #FF8B4DFF;
   --on-dark-text-warning-active: #FA5700FF;
-  --on-dark-text-negative-hover: #FF8F9AFF;
+  --on-dark-text-negative-hover: #FF6675FF;
   --on-dark-text-negative-active: #FF142CFF;
-  --on-dark-text-info-hover: #79C4F6FF;
-  --on-dark-text-info-active: #0E8ADDFF;
-  --on-dark-text-positive-minor-hover: #0F9527FF;
-  --on-dark-text-positive-minor-active: #074A14FF;
-  --on-dark-text-warning-minor-hover: #B14B10FF;
-  --on-dark-text-warning-minor-active: #5D2809FF;
-  --on-dark-text-negative-minor-hover: #DD1D30FF;
-  --on-dark-text-negative-minor-active: #8C121EFF;
-  --on-dark-text-info-minor-hover: #137DC3FF;
-  --on-dark-text-info-minor-active: #093B5DFF;
+  --on-dark-text-info-hover: #3FABF3FF;
+  --on-dark-text-info-active: #0D84D3FF;
+  --on-dark-text-positive-minor-hover: #11A72CFF;
+  --on-dark-text-positive-minor-active: #0D8222FF;
+  --on-dark-text-warning-minor-hover: #CD5713FF;
+  --on-dark-text-warning-minor-active: #A84710FF;
+  --on-dark-text-negative-minor-hover: #C2192AFF;
+  --on-dark-text-negative-minor-active: #7A101AFF;
+  --on-dark-text-info-minor-hover: #1483CCFF;
+  --on-dark-text-info-minor-active: #116BA7FF;
   --on-dark-text-primary: rgba(245,245,245,0.96);
-  --on-dark-text-primary-brightness: #F5F5F5F5;
+  --on-dark-text-primary-brightness: #F6F6F6;
   --on-dark-text-secondary: rgba(245,245,245,0.56);
   --on-dark-text-tertiary: rgba(245,245,245,0.28);
   --on-dark-text-paragraph: rgba(245,245,245,0.8);
@@ -980,44 +1034,44 @@
   --on-dark-text-negative-minor: #9C1422;
   --on-dark-text-info-minor: #0D5382;
   --on-dark-text-accent-gradient: linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%);
-  --on-light-text-primary-hover: #1717177A;
-  --on-light-text-primary-active: #171717FF;
-  --on-light-text-secondary-hover: #17171747;
-  --on-light-text-secondary-active: #171717FF;
-  --on-light-text-tertiary-hover: #1717172B;
-  --on-light-text-tertiary-active: #17171772;
-  --on-light-text-paragraph-hover: #17171766;
-  --on-light-text-paragraph-active: #171717FF;
-  --on-light-text-accent-hover: #06CB93FF;
+  --on-light-text-primary-hover: #17171793;
+  --on-light-text-primary-active: #171717C4;
+  --on-light-text-secondary-hover: #171717FF;
+  --on-light-text-secondary-active: #171717AB;
+  --on-light-text-tertiary-hover: #171717FF;
+  --on-light-text-tertiary-active: #17171756;
+  --on-light-text-paragraph-hover: #1717177A;
+  --on-light-text-paragraph-active: #171717A3;
+  --on-light-text-accent-hover: #06C18CFF;
   --on-light-text-accent-active: #047253FF;
-  --on-light-text-accent-gradient-hover: #CCCCCCFF;
-  --on-light-text-accent-gradient-active: #E6E6E6FF;
+  --on-light-text-accent-gradient-hover: #000000FF;
+  --on-light-text-accent-gradient-active: #CCCCCCFF;
   --on-light-text-accent-minor: #072B21;
-  --on-light-text-accent-minor-hover: #158464FF;
-  --on-light-text-accent-minor-active: #06231BFF;
-  --on-light-text-positive-hover: #24DB45FF;
-  --on-light-text-positive-active: #178C2CFF;
-  --on-light-text-warning-hover: #FC9F69FF;
-  --on-light-text-warning-active: #DC5304FF;
-  --on-light-text-negative-hover: #FF7A88FF;
+  --on-light-text-accent-minor-hover: #137257FF;
+  --on-light-text-accent-minor-active: #0D4F3CFF;
+  --on-light-text-positive-hover: #1FC13DFF;
+  --on-light-text-positive-active: #147B27FF;
+  --on-light-text-warning-hover: #FB782DFF;
+  --on-light-text-warning-active: #D25004FF;
+  --on-light-text-negative-hover: #FF5263FF;
   --on-light-text-negative-active: #FF001AFF;
   --on-light-text-info: #0B7ECB;
-  --on-light-text-info-hover: #47B0F5FF;
-  --on-light-text-info-active: #096CAEFF;
+  --on-light-text-info-hover: #0D96F2FF;
+  --on-light-text-info-active: #0966A5FF;
   --on-light-text-positive-minor: #0A2B10;
-  --on-light-text-positive-minor-hover: #1D7C2EFF;
-  --on-light-text-positive-minor-active: #08210CFF;
+  --on-light-text-positive-minor-hover: #196B28FF;
+  --on-light-text-positive-minor-active: #114A1CFF;
   --on-light-text-warning-minor: #3D1D0A;
-  --on-light-text-warning-minor-hover: #954618FF;
-  --on-light-text-warning-minor-active: #351909FF;
+  --on-light-text-warning-minor-hover: #843E15FF;
+  --on-light-text-warning-minor-active: #602D10FF;
   --on-light-text-negative-minor: #4A0D13;
-  --on-light-text-negative-minor-hover: #A01C2AFF;
-  --on-light-text-negative-minor-active: #410B11FF;
+  --on-light-text-negative-minor-hover: #8F1925FF;
+  --on-light-text-negative-minor-active: #6C131CFF;
   --on-light-text-info-minor: #0C283B;
-  --on-light-text-info-minor-hover: #1D6290FF;
-  --on-light-text-info-minor-active: #0A2333FF;
+  --on-light-text-info-minor-hover: #1A577FFF;
+  --on-light-text-info-minor-active: #13405DFF;
   --on-light-text-primary: rgba(23,23,23,0.96);
-  --on-light-text-primary-brightness: #171717F5;
+  --on-light-text-primary-brightness: #252525;
   --on-light-text-secondary: rgba(23,23,23,0.56);
   --on-light-text-tertiary: rgba(23,23,23,0.28);
   --on-light-text-paragraph: rgba(23,23,23,0.8);
@@ -1026,38 +1080,38 @@
   --on-light-text-warning: #FA5F05;
   --on-light-text-negative: #FF293E;
   --on-light-text-accent-gradient: linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%);
-  --inverse-text-primary-hover: #F5F5F57A;
-  --inverse-text-primary-active: #F5F5F5FF;
-  --inverse-text-secondary-hover: #F5F5F547;
-  --inverse-text-secondary-active: #F5F5F5FF;
-  --inverse-text-tertiary-hover: #F5F5F52B;
-  --inverse-text-tertiary-active: #F5F5F572;
-  --inverse-text-paragraph-hover: #F5F5F566;
-  --inverse-text-paragraph-active: #F5F5F5FF;
-  --inverse-text-accent-hover: #58EEC4FF;
-  --inverse-text-accent-active: #11B083FF;
-  --inverse-text-accent-gradient-hover: #CCCCCCFF;
-  --inverse-text-accent-gradient-active: #E6E6E6FF;
-  --inverse-text-accent-minor-hover: #58EEC4FF;
-  --inverse-text-accent-minor-active: #11B083FF;
-  --inverse-text-positive-hover: #5EDE76FF;
-  --inverse-text-positive-active: #1F9835FF;
-  --inverse-text-warning-hover: #FFA575FF;
+  --inverse-text-primary-hover: #F5F5F593;
+  --inverse-text-primary-active: #F5F5F5C4;
+  --inverse-text-secondary-hover: #F5F5F5FF;
+  --inverse-text-secondary-active: #F5F5F5AB;
+  --inverse-text-tertiary-hover: #F5F5F5FF;
+  --inverse-text-tertiary-active: #F5F5F556;
+  --inverse-text-paragraph-hover: #F5F5F57A;
+  --inverse-text-paragraph-active: #F5F5F5A3;
+  --inverse-text-accent-hover: #20E9B0FF;
+  --inverse-text-accent-active: #11A77CFF;
+  --inverse-text-accent-gradient-hover: #000000FF;
+  --inverse-text-accent-gradient-active: #CCCCCCFF;
+  --inverse-text-accent-minor-hover: #20E9B0FF;
+  --inverse-text-accent-minor-active: #11A77CFF;
+  --inverse-text-positive-hover: #2BD44AFF;
+  --inverse-text-positive-active: #1D9032FF;
+  --inverse-text-warning-hover: #FF8B4DFF;
   --inverse-text-warning-active: #FA5700FF;
-  --inverse-text-negative-hover: #FF8F9AFF;
+  --inverse-text-negative-hover: #FF6675FF;
   --inverse-text-negative-active: #FF142CFF;
-  --inverse-text-info-hover: #62B9F3FF;
-  --inverse-text-info-active: #0F7BC2FF;
-  --inverse-text-positive-minor-hover: #7AE68EFF;
-  --inverse-text-positive-minor-active: #23B83EFF;
+  --inverse-text-info-hover: #2AA0EFFF;
+  --inverse-text-info-active: #0E75B9FF;
+  --inverse-text-positive-minor-hover: #47DC62FF;
+  --inverse-text-positive-minor-active: #21B03CFF;
   --inverse-text-warning-minor-hover: #FDB790FF;
   --inverse-text-warning-minor-active: #FC8240FF;
   --inverse-text-negative-minor-hover: #FFB8BFFF;
   --inverse-text-negative-minor-active: #FF6675FF;
-  --inverse-text-info-minor-hover: #A3DAFFFF;
+  --inverse-text-info-minor-hover: #7ACAFFFF;
   --inverse-text-info-minor-active: #29A9FFFF;
   --inverse-text-primary: rgba(245,245,245,0.96);
-  --inverse-text-primary-brightness: #F5F5F5F5;
+  --inverse-text-primary-brightness: #F6F6F6;
   --inverse-text-secondary: rgba(245,245,245,0.56);
   --inverse-text-tertiary: rgba(245,245,245,0.28);
   --inverse-text-paragraph: rgba(245,245,245,0.8);
@@ -1072,72 +1126,72 @@
   --inverse-text-negative-minor: #FF8F9A;
   --inverse-text-info-minor: #52BAFF;
   --inverse-text-accent-gradient: linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%);
-  --surface-solid-primary-hover: #F2F2F2FF;
+  --surface-solid-primary-hover: #FAFAFAFF;
   --surface-solid-primary-active: #F0F0F0FF;
-  --surface-solid-secondary-hover: #D9D9D9FF;
+  --surface-solid-secondary-hover: #EDEDEDFF;
   --surface-solid-secondary-active: #D4D4D4FF;
-  --surface-solid-tertiary-hover: #C2C2C2FF;
+  --surface-solid-tertiary-hover: #D6D6D6FF;
   --surface-solid-tertiary-active: #BDBDBDFF;
   --surface-solid-card-hover: #FFFFFFFF;
   --surface-solid-card-active: #FFFFFFFF;
   --surface-solid-default-hover: #262626FF;
   --surface-solid-default-active: #030303FF;
-  --surface-transparent-primary-hover: #0808080A;
+  --surface-transparent-primary-hover: #08080803;
   --surface-transparent-primary-active: #0808080D;
-  --surface-transparent-secondary-hover: #08080814;
+  --surface-transparent-secondary-hover: #08080805;
   --surface-transparent-secondary-active: #0808081A;
-  --surface-transparent-tertiary-hover: #0808082E;
-  --surface-transparent-tertiary-active: #08080833;
-  --surface-transparent-deep-hover: #080808B3;
-  --surface-transparent-deep-active: #080808B8;
+  --surface-transparent-tertiary-hover: #0808080A;
+  --surface-transparent-tertiary-active: #08080829;
+  --surface-transparent-deep-hover: #0808088F;
+  --surface-transparent-deep-active: #080808AD;
   --surface-transparent-card-hover: #FFFFFFFF;
   --surface-transparent-card-active: #FFFFFFFF;
-  --surface-clear-hover: #FFFFFFFF;
-  --surface-clear-active: #FFFFFFFF;
+  --surface-clear-hover: #FFFFFF00;
+  --surface-clear-active: #FFFFFF00;
   --surface-accent-hover: #00C28BFF;
   --surface-accent-active: #00996EFF;
   --surface-accent-gradient-hover: #FFFFFFFF;
   --surface-accent-gradient-active: #FFFFFFFF;
-  --surface-accent-minor-hover: #84FBD9FF;
+  --surface-accent-minor-hover: #A1FCE2FF;
   --surface-accent-minor-active: #7AFAD6FF;
-  --surface-transparent-accent-hover: #00AD7C2E;
-  --surface-transparent-accent-active: #00AD7C33;
+  --surface-transparent-accent-hover: #00AD7C0A;
+  --surface-transparent-accent-active: #00AD7C29;
   --surface-positive-hover: #1EB83AFF;
   --surface-positive-active: #178C2CFF;
   --surface-warning-hover: #FB782DFF;
   --surface-warning-active: #E65705FF;
   --surface-negative-hover: #FF5263FF;
   --surface-negative-active: #FF142CFF;
-  --surface-info-hover: #209CEEFF;
+  --surface-info-hover: #1798EEFF;
   --surface-info-active: #0F81CCFF;
-  --surface-positive-minor-hover: #94F9A7FF;
+  --surface-positive-minor-hover: #B1FBBFFF;
   --surface-positive-minor-active: #8BF99FFF;
-  --surface-warning-minor-hover: #FEDCC8FF;
-  --surface-warning-minor-active: #FED9C3FF;
-  --surface-negative-minor-hover: #FFD6DAFF;
-  --surface-negative-minor-active: #FFD1D6FF;
-  --surface-info-minor-hover: #C7E9FFFF;
-  --surface-info-minor-active: #C2E7FFFF;
-  --surface-transparent-positive-hover: #1A9E322E;
-  --surface-transparent-positive-active: #1A9E3233;
-  --surface-transparent-warning-hover: #FA5F052E;
-  --surface-transparent-warning-active: #FA5F0533;
-  --surface-transparent-negative-hover: #FF293E2E;
-  --surface-transparent-negative-active: #FF293E33;
-  --surface-transparent-info-hover: #118CDF2E;
-  --surface-transparent-info-active: #118CDF33;
+  --surface-warning-minor-hover: #FEEFE6FF;
+  --surface-warning-minor-active: #FEDCC8FF;
+  --surface-negative-minor-hover: #FFF5F6FF;
+  --surface-negative-minor-active: #FFD6DAFF;
+  --surface-info-minor-hover: #E5F5FFFF;
+  --surface-info-minor-active: #C7E9FFFF;
+  --surface-transparent-positive-hover: #1A9E320A;
+  --surface-transparent-positive-active: #1A9E3229;
+  --surface-transparent-warning-hover: #FA5F050A;
+  --surface-transparent-warning-active: #FA5F0529;
+  --surface-transparent-negative-hover: #FF293E0A;
+  --surface-transparent-negative-active: #FF293E29;
+  --surface-transparent-info-hover: #118CDF0A;
+  --surface-transparent-info-active: #118CDF29;
   --surface-solid-primary: #F5F5F5;
-  --surface-solid-primary-brightness: #FFFFFFFF;
+  --surface-solid-primary-brightness: #F6F6F6;
   --surface-solid-secondary: #DDDDDD;
   --surface-solid-tertiary: #C7C7C7;
   --surface-solid-card: #FFFFFF;
-  --surface-solid-card-brightness: #FFFFFFFF;
+  --surface-solid-card-brightness: #FFFFFF;
   --surface-solid-default: #080808;
   --surface-transparent-secondary: rgba(8,8,8,0.06);
   --surface-transparent-tertiary: rgba(8,8,8,0.12);
   --surface-transparent-deep: rgba(8,8,8,0.64);
   --surface-transparent-card: rgb(255,255,255);
-  --surface-transparent-card-brightness: #FFFFFFFF;
+  --surface-transparent-card-brightness: #FFFFFF;
   --surface-clear: #FFFFFF00;
   --surface-accent: #00AC7B;
   --surface-negative: #FF293E;
@@ -1164,28 +1218,28 @@
   --on-dark-surface-solid-tertiary-active: #2B2B2BFF;
   --on-dark-surface-solid-card-hover: #3B3B3BFF;
   --on-dark-surface-solid-card-active: #1C1C1CFF;
-  --on-dark-surface-solid-default-hover: #F7F7F7FF;
+  --on-dark-surface-solid-default-hover: #FFFFFFFF;
   --on-dark-surface-solid-default-active: #F5F5F5FF;
-  --on-dark-surface-transparent-primary-hover: #FFFFFF14;
+  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
   --on-dark-surface-transparent-primary-active: #FFFFFF1A;
-  --on-dark-surface-transparent-secondary-hover: #FFFFFF2E;
-  --on-dark-surface-transparent-secondary-active: #FFFFFF33;
-  --on-dark-surface-transparent-tertiary-hover: #FFFFFF42;
-  --on-dark-surface-transparent-tertiary-active: #FFFFFF47;
-  --on-dark-surface-transparent-deep-hover: #FFFFFFB3;
-  --on-dark-surface-transparent-deep-active: #FFFFFFB8;
-  --on-dark-surface-transparent-card-hover: #FFFFFF2E;
-  --on-dark-surface-transparent-card-active: #FFFFFF33;
-  --on-dark-surface-clear-hover: #FFFFFFFF;
-  --on-dark-surface-clear-active: #FFFFFFFF;
+  --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
+  --on-dark-surface-transparent-secondary-active: #FFFFFF29;
+  --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
+  --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
+  --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
+  --on-dark-surface-transparent-deep-active: #FFFFFFAD;
+  --on-dark-surface-transparent-card-hover: #FFFFFF0A;
+  --on-dark-surface-transparent-card-active: #FFFFFF29;
+  --on-dark-surface-clear-hover: #FFFFFF00;
+  --on-dark-surface-clear-active: #FFFFFF00;
   --on-dark-surface-accent-hover: #00C28BFF;
   --on-dark-surface-accent-active: #00996EFF;
   --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
   --on-dark-surface-accent-gradient-active: #FFFFFFFF;
   --on-dark-surface-accent-minor-hover: #0B4636FF;
   --on-dark-surface-accent-minor-active: #041A14FF;
-  --on-dark-surface-transparent-accent-hover: #00AD7C42;
-  --on-dark-surface-transparent-accent-active: #00AD7C47;
+  --on-dark-surface-transparent-accent-hover: #00AD7C1F;
+  --on-dark-surface-transparent-accent-active: #00AD7C3D;
   --on-dark-surface-positive-hover: #28C344FF;
   --on-dark-surface-positive-active: #21A138FF;
   --on-dark-surface-warning-hover: #FF8B4DFF;
@@ -1202,18 +1256,18 @@
   --on-dark-surface-negative-minor-active: #380A0FFF;
   --on-dark-surface-info-minor-hover: #10344CFF;
   --on-dark-surface-info-minor-active: #091D2AFF;
-  --on-dark-surface-transparent-positive-hover: #24B23E42;
-  --on-dark-surface-transparent-positive-active: #24B23E47;
-  --on-dark-surface-transparent-warning-hover: #FF702442;
-  --on-dark-surface-transparent-warning-active: #FF702447;
-  --on-dark-surface-transparent-negative-hover: #FF3D5142;
-  --on-dark-surface-transparent-negative-active: #FF3D5147;
-  --on-dark-surface-transparent-info-hover: #199AF042;
-  --on-dark-surface-transparent-info-active: #199AF047;
+  --on-dark-surface-transparent-positive-hover: #24B23E1F;
+  --on-dark-surface-transparent-positive-active: #24B23E3D;
+  --on-dark-surface-transparent-warning-hover: #FF70241F;
+  --on-dark-surface-transparent-warning-active: #FF70243D;
+  --on-dark-surface-transparent-negative-hover: #FF3D511F;
+  --on-dark-surface-transparent-negative-active: #FF3D513D;
+  --on-dark-surface-transparent-info-hover: #199AF01F;
+  --on-dark-surface-transparent-info-active: #199AF03D;
   --on-dark-surface-solid-card: #262626;
-  --on-dark-surface-solid-card-brightness: #363636FF;
+  --on-dark-surface-solid-card-brightness: #333333;
   --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-primary-brightness: #262626FF;
+  --on-dark-surface-solid-primary-brightness: #252525;
   --on-dark-surface-solid-secondary: #262626;
   --on-dark-surface-solid-tertiary: #363636;
   --on-dark-surface-solid-default: #F9F9F9;
@@ -1222,7 +1276,7 @@
   --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2);
   --on-dark-surface-transparent-deep: rgba(255,255,255,0.64);
   --on-dark-surface-transparent-card: rgba(255,255,255,0.12);
-  --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
+  --on-dark-surface-transparent-card-brightness: #FFFFFF;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-accent: #00AC7B;
   --on-dark-surface-positive: #24B23E;
@@ -1240,70 +1294,70 @@
   --on-dark-surface-info-minor: #0C283B;
   --on-dark-surface-transparent-info: rgba(25,154,240,0.2);
   --on-dark-surface-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%, rgb(39, 198, 229) 100%);
-  --on-light-surface-solid-primary-hover: #F2F2F2FF;
+  --on-light-surface-solid-primary-hover: #FAFAFAFF;
   --on-light-surface-solid-primary-active: #F0F0F0FF;
-  --on-light-surface-solid-secondary-hover: #D9D9D9FF;
+  --on-light-surface-solid-secondary-hover: #EDEDEDFF;
   --on-light-surface-solid-secondary-active: #D4D4D4FF;
-  --on-light-surface-solid-tertiary-hover: #C2C2C2FF;
+  --on-light-surface-solid-tertiary-hover: #D6D6D6FF;
   --on-light-surface-solid-tertiary-active: #BDBDBDFF;
   --on-light-surface-solid-card-hover: #FFFFFFFF;
   --on-light-surface-solid-card-active: #FFFFFFFF;
   --on-light-surface-solid-default-hover: #262626FF;
   --on-light-surface-solid-default-active: #030303FF;
-  --on-light-surface-transparent-primary-hover: #0808080A;
+  --on-light-surface-transparent-primary-hover: #08080803;
   --on-light-surface-transparent-primary-active: #0808080D;
-  --on-light-surface-transparent-secondary-hover: #08080814;
+  --on-light-surface-transparent-secondary-hover: #08080805;
   --on-light-surface-transparent-secondary-active: #0808081A;
-  --on-light-surface-transparent-tertiary-hover: #0808082E;
-  --on-light-surface-transparent-tertiary-active: #08080833;
-  --on-light-surface-transparent-deep-hover: #080808B3;
-  --on-light-surface-transparent-deep-active: #080808B8;
+  --on-light-surface-transparent-tertiary-hover: #0808080A;
+  --on-light-surface-transparent-tertiary-active: #08080829;
+  --on-light-surface-transparent-deep-hover: #0808088F;
+  --on-light-surface-transparent-deep-active: #080808AD;
   --on-light-surface-transparent-card-hover: #FFFFFFFF;
   --on-light-surface-transparent-card-active: #FFFFFFFF;
-  --on-light-surface-clear-hover: #FFFFFFFF;
-  --on-light-surface-clear-active: #FFFFFFFF;
+  --on-light-surface-clear-hover: #FFFFFF00;
+  --on-light-surface-clear-active: #FFFFFF00;
   --on-light-surface-accent-hover: #00C28BFF;
   --on-light-surface-accent-active: #00996EFF;
   --on-light-surface-accent-gradient-hover: #FFFFFFFF;
   --on-light-surface-accent-gradient-active: #FFFFFFFF;
-  --on-light-surface-accent-minor-hover: #84FBD9FF;
+  --on-light-surface-accent-minor-hover: #A1FCE2FF;
   --on-light-surface-accent-minor-active: #7AFAD6FF;
-  --on-light-surface-transparent-accent-hover: #00AD7C2E;
-  --on-light-surface-transparent-accent-active: #00AD7C33;
+  --on-light-surface-transparent-accent-hover: #00AD7C0A;
+  --on-light-surface-transparent-accent-active: #00AD7C29;
   --on-light-surface-positive-hover: #1EB83AFF;
   --on-light-surface-positive-active: #178C2CFF;
   --on-light-surface-warning-hover: #FB782DFF;
   --on-light-surface-warning-active: #E65705FF;
   --on-light-surface-negative-hover: #FF5263FF;
   --on-light-surface-negative-active: #FF142CFF;
-  --on-light-surface-info-hover: #209CEEFF;
+  --on-light-surface-info-hover: #1798EEFF;
   --on-light-surface-info-active: #0F81CCFF;
-  --on-light-surface-positive-minor-hover: #94F9A7FF;
+  --on-light-surface-positive-minor-hover: #B1FBBFFF;
   --on-light-surface-positive-minor-active: #8BF99FFF;
-  --on-light-surface-warning-minor-hover: #FEDCC8FF;
-  --on-light-surface-warning-minor-active: #FED9C3FF;
-  --on-light-surface-negative-minor-hover: #FFD6DAFF;
-  --on-light-surface-negative-minor-active: #FFD1D6FF;
-  --on-light-surface-info-minor-hover: #C7E9FFFF;
-  --on-light-surface-info-minor-active: #C2E7FFFF;
-  --on-light-surface-transparent-positive-hover: #1A9E322E;
-  --on-light-surface-transparent-positive-active: #1A9E3233;
-  --on-light-surface-transparent-warning-hover: #FA5F052E;
-  --on-light-surface-transparent-warning-active: #FA5F0533;
-  --on-light-surface-transparent-negative-hover: #FF293E2E;
-  --on-light-surface-transparent-negative-active: #FF293E33;
-  --on-light-surface-transparent-info-hover: #118CDF2E;
-  --on-light-surface-transparent-info-active: #118CDF33;
+  --on-light-surface-warning-minor-hover: #FEEFE6FF;
+  --on-light-surface-warning-minor-active: #FEDCC8FF;
+  --on-light-surface-negative-minor-hover: #FFF5F6FF;
+  --on-light-surface-negative-minor-active: #FFD6DAFF;
+  --on-light-surface-info-minor-hover: #E5F5FFFF;
+  --on-light-surface-info-minor-active: #C7E9FFFF;
+  --on-light-surface-transparent-positive-hover: #1A9E320A;
+  --on-light-surface-transparent-positive-active: #1A9E3229;
+  --on-light-surface-transparent-warning-hover: #FA5F050A;
+  --on-light-surface-transparent-warning-active: #FA5F0529;
+  --on-light-surface-transparent-negative-hover: #FF293E0A;
+  --on-light-surface-transparent-negative-active: #FF293E29;
+  --on-light-surface-transparent-info-hover: #118CDF0A;
+  --on-light-surface-transparent-info-active: #118CDF29;
   --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
+  --on-light-surface-solid-primary-brightness: #F6F6F6;
   --on-light-surface-solid-secondary: #DDDDDD;
   --on-light-surface-solid-tertiary: #C7C7C7;
   --on-light-surface-solid-card: #FFFFFF;
-  --on-light-surface-solid-card-brightness: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness: #FFFFFF;
   --on-light-surface-solid-default: #080808;
   --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-transparent-card: rgb(255,255,255);
-  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
+  --on-light-surface-transparent-card-brightness: #FFFFFF;
   --on-light-surface-transparent-secondary: rgba(8,8,8,0.06);
   --on-light-surface-transparent-tertiary: rgba(8,8,8,0.12);
   --on-light-surface-transparent-deep: rgba(8,8,8,0.64);
@@ -1332,34 +1386,36 @@
   --inverse-surface-solid-tertiary-active: #2B2B2BFF;
   --inverse-surface-solid-card-hover: #3B3B3BFF;
   --inverse-surface-solid-card-active: #1C1C1CFF;
-  --inverse-surface-solid-default-hover: #F7F7F7FF;
+  --inverse-surface-solid-default-hover: #FFFFFFFF;
   --inverse-surface-solid-default-active: #F5F5F5FF;
-  --inverse-surface-transparent-primary-hover: #FFFFFF14;
+  --inverse-surface-transparent-primary-hover: #FFFFFF05;
   --inverse-surface-transparent-primary-active: #FFFFFF1A;
-  --inverse-surface-transparent-secondary-hover: #FFFFFF2E;
-  --inverse-surface-transparent-secondary-active: #FFFFFF33;
-  --inverse-surface-transparent-tertiary-hover: #FFFFFF42;
-  --inverse-surface-transparent-tertiary-active: #FFFFFF47;
-  --inverse-surface-transparent-deep-hover: #FFFFFFB3;
-  --inverse-surface-transparent-deep-active: #FFFFFFB8;
-  --inverse-surface-transparent-card-hover: #FFFFFF2E;
-  --inverse-surface-transparent-card-active: #FFFFFF33;
-  --inverse-surface-clear-hover: #FFFFFFFF;
-  --inverse-surface-clear-active: #FFFFFFFF;
+  --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
+  --inverse-surface-transparent-secondary-active: #FFFFFF29;
+  --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
+  --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
+  --inverse-surface-transparent-deep-hover: #FFFFFF8F;
+  --inverse-surface-transparent-deep-active: #FFFFFFAD;
+  --inverse-surface-transparent-card-hover: #FFFFFF0A;
+  --inverse-surface-transparent-card-active: #FFFFFF29;
+  --inverse-surface-clear-hover: #FFFFFF00;
+  --inverse-surface-clear-active: #FFFFFF00;
   --inverse-surface-accent-hover: #00C28BFF;
   --inverse-surface-accent-active: #00996EFF;
   --inverse-surface-accent-gradient-hover: #FFFFFFFF;
   --inverse-surface-accent-gradient-active: #FFFFFFFF;
   --inverse-surface-accent-minor-hover: #0B4636FF;
   --inverse-surface-accent-minor-active: #041A14FF;
-  --inverse-surface-transparent-accent-hover: #00AD7C42;
-  --inverse-surface-transparent-accent-active: #00AD7C47;
+  --inverse-surface-transparent-accent-hover: #00AD7C1F;
+  --inverse-surface-transparent-accent-active: #00AD7C3D;
   --inverse-surface-positive-hover: #28C344FF;
   --inverse-surface-positive-active: #21A138FF;
   --inverse-surface-warning-hover: #FF8B4DFF;
   --inverse-surface-warning-active: #FF630FFF;
   --inverse-surface-negative-hover: #FF6675FF;
   --inverse-surface-negative-active: #FF293EFF;
+  --inverse-surface-info-hover: #1798EEFF;
+  --inverse-surface-info-active: #0F81CCFF;
   --inverse-surface-positive-minor-hover: #0E3A16FF;
   --inverse-surface-positive-minor-active: #061909FF;
   --inverse-surface-warning-minor-hover: #58290EFF;
@@ -1368,24 +1424,24 @@
   --inverse-surface-negative-minor-active: #380A0FFF;
   --inverse-surface-info-minor-hover: #10344CFF;
   --inverse-surface-info-minor-active: #091D2AFF;
-  --inverse-surface-transparent-positive-hover: #24B23E42;
-  --inverse-surface-transparent-positive-active: #24B23E47;
-  --inverse-surface-transparent-warning-hover: #FF702442;
-  --inverse-surface-transparent-warning-active: #FF702447;
-  --inverse-surface-transparent-negative-hover: #FF3D5142;
-  --inverse-surface-transparent-negative-active: #FF3D5147;
-  --inverse-surface-transparent-info-hover: #199AF042;
-  --inverse-surface-transparent-info-active: #199AF047;
+  --inverse-surface-transparent-positive-hover: #24B23E1F;
+  --inverse-surface-transparent-positive-active: #24B23E3D;
+  --inverse-surface-transparent-warning-hover: #FF70241F;
+  --inverse-surface-transparent-warning-active: #FF70243D;
+  --inverse-surface-transparent-negative-hover: #FF3D511F;
+  --inverse-surface-transparent-negative-active: #FF3D513D;
+  --inverse-surface-transparent-info-hover: #199AF01F;
+  --inverse-surface-transparent-info-active: #199AF03D;
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-solid-card: #262626;
-  --inverse-surface-solid-card-brightness: #363636FF;
+  --inverse-surface-solid-card-brightness: #333333;
   --inverse-surface-solid-primary: #171717;
-  --inverse-surface-solid-primary-brightness: #262626FF;
+  --inverse-surface-solid-primary-brightness: #252525;
   --inverse-surface-solid-secondary: #262626;
   --inverse-surface-solid-tertiary: #363636;
   --inverse-surface-solid-default: #F9F9F9;
   --inverse-surface-transparent-card: rgba(255,255,255,0.12);
-  --inverse-surface-transparent-card-brightness: #FFFFFF1F;
+  --inverse-surface-transparent-card-brightness: #FFFFFF;
   --inverse-surface-transparent-primary: rgba(255,255,255,0.06);
   --inverse-surface-transparent-secondary: rgba(255,255,255,0.12);
   --inverse-surface-transparent-tertiary: rgba(255,255,255,0.2);
@@ -1423,55 +1479,69 @@
   --inverse-overlay-soft: #0808088F;
   --inverse-overlay-hard: #080808F5;
   --inverse-overlay-blur: #08080833;
-  --outline-solid-primary-hover: #ABABABFF;
-  --outline-solid-primary-active: #C4C4C4FF;
-  --outline-solid-secondary-hover: #DBDBDBFF;
-  --outline-solid-secondary-active: #8F8F8FFF;
-  --outline-solid-tertiary-hover: #A3A3A3FF;
-  --outline-solid-tertiary-active: #5C5C5CFF;
+  --outline-solid-primary-hover: #000000FF;
+  --outline-solid-primary-active: #B3B3B3FF;
+  --outline-solid-secondary-hover: #C2C2C2FF;
+  --outline-solid-secondary-active: #A8A8A8FF;
+  --outline-solid-tertiary-hover: #000000FF;
+  --outline-solid-tertiary-active: #595959FF;
+  --outline-transparent-default-hover: #08080893;
+  --outline-transparent-default-active: #080808C4;
   --outline-transparent-primary: #0808081F;
-  --outline-transparent-primary-hover: #08080852;
-  --outline-transparent-primary-active: #08080838;
+  --outline-transparent-primary-hover: #080808FF;
+  --outline-transparent-primary-active: #08080825;
   --outline-transparent-secondary: #08080847;
-  --outline-transparent-secondary-hover: #0808082B;
-  --outline-transparent-secondary-active: #08080872;
+  --outline-transparent-secondary-hover: #080808FF;
+  --outline-transparent-secondary-active: #08080856;
   --outline-transparent-tertiary: #0808088F;
-  --outline-transparent-tertiary-hover: #08080847;
-  --outline-transparent-tertiary-active: #080808FF;
-  --outline-clear-hover: #FFFFFFFF;
-  --outline-clear-active: #FFFFFFFF;
-  --outline-accent-hover: #06CB93FF;
+  --outline-transparent-tertiary-hover: #080808FF;
+  --outline-transparent-tertiary-active: #080808AB;
+  --outline-clear-hover: #FFFFFF00;
+  --outline-clear-active: #FFFFFF00;
+  --outline-accent-hover: #06C18CFF;
   --outline-accent-active: #047253FF;
-  --outline-accent-gradient-hover: #CCCCCCFF;
-  --outline-accent-gradient-active: #E6E6E6FF;
-  --outline-accent-minor-hover: #58EEC4FF;
-  --outline-accent-minor-active: #11B083FF;
-  --outline-transparent-accent-hover: #05996F1F;
-  --outline-transparent-accent-active: #05996F52;
-  --outline-positive-hover: #24DB45FF;
-  --outline-positive-active: #178C2CFF;
-  --outline-warning-hover: #FC9F69FF;
-  --outline-warning-active: #DC5304FF;
-  --outline-negative-hover: #FF7A88FF;
+  --outline-accent-gradient-hover: #000000FF;
+  --outline-accent-gradient-active: #CCCCCCFF;
+  --outline-accent-minor-hover: #20E9B0FF;
+  --outline-accent-minor-active: #11A77CFF;
+  --outline-accent-minor-gradient-hover: #000000FF;
+  --outline-accent-minor-gradient-active: #CCCCCCFF;
+  --outline-transparent-accent-hover: #05996FFF;
+  --outline-transparent-accent-active: #05996F3D;
+  --outline-transparent-accent-gradient-hover: #000000FF;
+  --outline-transparent-accent-gradient-active: #CCCCCCFF;
+  --outline-promo-hover: #000000FF;
+  --outline-promo-active: #CCCCCCFF;
+  --outline-promo-gradient-hover: #000000FF;
+  --outline-promo-gradient-active: #CCCCCCFF;
+  --outline-promo-minor-hover: #000000FF;
+  --outline-promo-minor-active: #CCCCCCFF;
+  --outline-promo-minor-gradient-hover: #000000FF;
+  --outline-promo-minor-gradient-active: #CCCCCCFF;
+  --outline-positive-hover: #1FC13DFF;
+  --outline-positive-active: #147B27FF;
+  --outline-warning-hover: #FB782DFF;
+  --outline-warning-active: #D25004FF;
+  --outline-negative-hover: #FF5263FF;
   --outline-negative-active: #FF001AFF;
-  --outline-info-hover: #62B9F3FF;
-  --outline-info-active: #0F7BC2FF;
-  --outline-positive-minor-hover: #7AE68EFF;
-  --outline-positive-minor-active: #23B83EFF;
+  --outline-info-hover: #2AA0EFFF;
+  --outline-info-active: #0E75B9FF;
+  --outline-positive-minor-hover: #47DC62FF;
+  --outline-positive-minor-active: #21B03CFF;
   --outline-warning-minor-hover: #FDB790FF;
   --outline-warning-minor-active: #FC8240FF;
   --outline-negative-minor-hover: #FFB8BFFF;
   --outline-negative-minor-active: #FF6675FF;
-  --outline-info-minor-hover: #A3DAFFFF;
+  --outline-info-minor-hover: #7ACAFFFF;
   --outline-info-minor-active: #29A9FFFF;
-  --outline-transparent-positive-hover: #1A9E321F;
-  --outline-transparent-positive-active: #1A9E3252;
-  --outline-transparent-warning-hover: #FA5F051F;
-  --outline-transparent-warning-active: #FA5F0552;
-  --outline-transparent-negative-hover: #FF293E1F;
-  --outline-transparent-negative-active: #FF293E52;
-  --outline-transparent-info-hover: #118CDF1F;
-  --outline-transparent-info-active: #118CDF52;
+  --outline-transparent-positive-hover: #1A9E32FF;
+  --outline-transparent-positive-active: #1A9E323D;
+  --outline-transparent-warning-hover: #FA5F05FF;
+  --outline-transparent-warning-active: #FA5F053D;
+  --outline-transparent-negative-hover: #FF293EFF;
+  --outline-transparent-negative-active: #FF293E3D;
+  --outline-transparent-info-hover: #118CDFFF;
+  --outline-transparent-info-active: #118CDF3D;
   --outline-solid-primary: #DDDDDD;
   --outline-solid-tertiary: #707070;
   --outline-clear: #FFFFFF00;
@@ -1492,52 +1562,66 @@
   --outline-transparent-info: rgba(17,140,223,0.2);
   --outline-accent-gradient: linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%);
   --outline-solid-secondary: #B3B3B3;
-  --on-dark-outline-solid-primary-hover: #A1A1A1FF;
-  --on-dark-outline-solid-primary-active: #595959FF;
-  --on-dark-outline-solid-secondary-hover: #A1A1A1FF;
-  --on-dark-outline-solid-secondary-active: #4A4A4AFF;
-  --on-dark-outline-solid-tertiary-hover: #B8B8B8FF;
-  --on-dark-outline-solid-tertiary-active: #707070FF;
-  --on-dark-outline-transparent-primary-hover: #FFFFFF52;
-  --on-dark-outline-transparent-primary-active: #FFFFFF38;
-  --on-dark-outline-transparent-secondary-hover: #FFFFFF2B;
-  --on-dark-outline-transparent-secondary-active: #FFFFFF72;
-  --on-dark-outline-transparent-tertiary-hover: #FFFFFF47;
-  --on-dark-outline-transparent-tertiary-active: #FFFFFFFF;
-  --on-dark-outline-clear-hover: #FFFFFFFF;
-  --on-dark-outline-clear-active: #FFFFFFFF;
-  --on-dark-outline-accent-hover: #58EEC4FF;
-  --on-dark-outline-accent-active: #11B083FF;
-  --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
-  --on-dark-outline-accent-gradient-active: #E6E6E6FF;
-  --on-dark-outline-accent-minor-hover: #1CB086FF;
-  --on-dark-outline-accent-minor-active: #0C4F3CFF;
-  --on-dark-outline-transparent-accent-hover: #14CC982B;
-  --on-dark-outline-transparent-accent-active: #14CC9872;
-  --on-dark-outline-positive-hover: #5EDE76FF;
-  --on-dark-outline-positive-active: #1F9835FF;
-  --on-dark-outline-warning-hover: #FFA575FF;
+  --on-dark-outline-solid-primary-hover: #787878FF;
+  --on-dark-outline-solid-primary-active: #4F4F4FFF;
+  --on-dark-outline-solid-secondary-hover: #636363FF;
+  --on-dark-outline-solid-secondary-active: #454545FF;
+  --on-dark-outline-solid-tertiary-hover: #949494FF;
+  --on-dark-outline-solid-tertiary-active: #7A7A7AFF;
+  --on-dark-outline-transparent-default-hover: #FAFAFA93;
+  --on-dark-outline-transparent-default-active: #FAFAFAC4;
+  --on-dark-outline-transparent-primary-hover: #FFFFFF0A;
+  --on-dark-outline-transparent-primary-active: #FFFFFF29;
+  --on-dark-outline-transparent-secondary-hover: #FFFFFF33;
+  --on-dark-outline-transparent-secondary-active: #FFFFFF52;
+  --on-dark-outline-transparent-tertiary-hover: #FFFFFF7A;
+  --on-dark-outline-transparent-tertiary-active: #FFFFFF99;
+  --on-dark-outline-clear-hover: #FFFFFF00;
+  --on-dark-outline-clear-active: #FFFFFF00;
+  --on-dark-outline-accent-hover: #20E9B0FF;
+  --on-dark-outline-accent-active: #11A77CFF;
+  --on-dark-outline-accent-gradient-hover: #000000FF;
+  --on-dark-outline-accent-gradient-active: #CCCCCCFF;
+  --on-dark-outline-accent-minor-hover: #199F79FF;
+  --on-dark-outline-accent-minor-active: #137C5EFF;
+  --on-dark-outline-accent-minor-gradient-hover: #000000FF;
+  --on-dark-outline-accent-minor-gradient-active: #CCCCCCFF;
+  --on-dark-outline-transparent-accent-hover: #14CC98FF;
+  --on-dark-outline-transparent-accent-active: #14CC9856;
+  --on-dark-outline-transparent-accent-gradient-hover: #000000FF;
+  --on-dark-outline-transparent-accent-gradient-active: #CCCCCCFF;
+  --on-dark-outline-promo-hover: #000000FF;
+  --on-dark-outline-promo-active: #CCCCCCFF;
+  --on-dark-outline-promo-gradient-hover: #000000FF;
+  --on-dark-outline-promo-gradient-active: #CCCCCCFF;
+  --on-dark-outline-promo-minor-hover: #000000FF;
+  --on-dark-outline-promo-minor-active: #CCCCCCFF;
+  --on-dark-outline-promo-minor-gradient-hover: #000000FF;
+  --on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
+  --on-dark-outline-positive-hover: #2BD44AFF;
+  --on-dark-outline-positive-active: #1D9032FF;
+  --on-dark-outline-warning-hover: #FF8B4DFF;
   --on-dark-outline-warning-active: #FA5700FF;
-  --on-dark-outline-negative-hover: #FF8F9AFF;
+  --on-dark-outline-negative-hover: #FF6675FF;
   --on-dark-outline-negative-active: #FF142CFF;
-  --on-dark-outline-info-hover: #79C4F6FF;
-  --on-dark-outline-info-active: #0E8ADDFF;
-  --on-dark-outline-positive-minor-hover: #0F9527FF;
-  --on-dark-outline-positive-minor-active: #074A14FF;
-  --on-dark-outline-warning-minor-hover: #B14B10FF;
-  --on-dark-outline-warning-minor-active: #5D2809FF;
-  --on-dark-outline-negative-minor-hover: #DD1D30FF;
-  --on-dark-outline-negative-minor-active: #8C121EFF;
-  --on-dark-outline-info-minor-hover: #137DC3FF;
-  --on-dark-outline-info-minor-active: #093B5DFF;
-  --on-dark-outline-transparent-positive-hover: #24B23E2B;
-  --on-dark-outline-transparent-positive-active: #24B23E72;
-  --on-dark-outline-transparent-warning-hover: #FF70242B;
-  --on-dark-outline-transparent-warning-active: #FF702472;
-  --on-dark-outline-transparent-negative-hover: #FF3D512B;
-  --on-dark-outline-transparent-negative-active: #FF3D5172;
-  --on-dark-outline-transparent-info-hover: #199AF02B;
-  --on-dark-outline-transparent-info-active: #199AF072;
+  --on-dark-outline-info-hover: #3FABF3FF;
+  --on-dark-outline-info-active: #0D84D3FF;
+  --on-dark-outline-positive-minor-hover: #11A72CFF;
+  --on-dark-outline-positive-minor-active: #0D8222FF;
+  --on-dark-outline-warning-minor-hover: #CD5713FF;
+  --on-dark-outline-warning-minor-active: #A84710FF;
+  --on-dark-outline-negative-minor-hover: #C2192AFF;
+  --on-dark-outline-negative-minor-active: #7A101AFF;
+  --on-dark-outline-info-minor-hover: #1483CCFF;
+  --on-dark-outline-info-minor-active: #116BA7FF;
+  --on-dark-outline-transparent-positive-hover: #24B23EFF;
+  --on-dark-outline-transparent-positive-active: #24B23E56;
+  --on-dark-outline-transparent-warning-hover: #FF7024FF;
+  --on-dark-outline-transparent-warning-active: #FF702456;
+  --on-dark-outline-transparent-negative-hover: #FF3D51FF;
+  --on-dark-outline-transparent-negative-active: #FF3D5156;
+  --on-dark-outline-transparent-info-hover: #199AF0FF;
+  --on-dark-outline-transparent-info-active: #199AF056;
   --on-dark-outline-solid-primary: #262626;
   --on-dark-outline-clear: #FFFFFF00;
   --on-dark-outline-accent: #14CC98;
@@ -1561,55 +1645,69 @@
   --on-dark-outline-transparent-tertiary: rgba(255,255,255,0.56);
   --on-dark-outline-solid-secondary: #4E4E4E;
   --on-dark-outline-solid-tertiary: #858585;
-  --on-light-outline-solid-primary-hover: #ABABABFF;
-  --on-light-outline-solid-primary-active: #C4C4C4FF;
-  --on-light-outline-solid-secondary-hover: #DBDBDBFF;
-  --on-light-outline-solid-secondary-active: #8F8F8FFF;
-  --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
-  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
+  --on-light-outline-solid-primary-hover: #000000FF;
+  --on-light-outline-solid-primary-active: #B3B3B3FF;
+  --on-light-outline-solid-secondary-hover: #C2C2C2FF;
+  --on-light-outline-solid-secondary-active: #A8A8A8FF;
+  --on-light-outline-solid-tertiary-hover: #000000FF;
+  --on-light-outline-solid-tertiary-active: #595959FF;
+  --on-light-outline-transparent-default-hover: #08080893;
+  --on-light-outline-transparent-default-active: #080808C4;
   --on-light-outline-transparent-primary: #0808081F;
-  --on-light-outline-transparent-primary-hover: #08080852;
-  --on-light-outline-transparent-primary-active: #08080838;
+  --on-light-outline-transparent-primary-hover: #080808FF;
+  --on-light-outline-transparent-primary-active: #08080825;
   --on-light-outline-transparent-secondary: #08080847;
-  --on-light-outline-transparent-secondary-hover: #0808082B;
-  --on-light-outline-transparent-secondary-active: #08080872;
+  --on-light-outline-transparent-secondary-hover: #080808FF;
+  --on-light-outline-transparent-secondary-active: #08080856;
   --on-light-outline-transparent-tertiary: #0808088F;
-  --on-light-outline-transparent-tertiary-hover: #08080847;
-  --on-light-outline-transparent-tertiary-active: #080808FF;
-  --on-light-outline-clear-hover: #FFFFFFFF;
-  --on-light-outline-clear-active: #FFFFFFFF;
-  --on-light-outline-accent-hover: #06CB93FF;
+  --on-light-outline-transparent-tertiary-hover: #080808FF;
+  --on-light-outline-transparent-tertiary-active: #080808AB;
+  --on-light-outline-clear-hover: #FFFFFF00;
+  --on-light-outline-clear-active: #FFFFFF00;
+  --on-light-outline-accent-hover: #06C18CFF;
   --on-light-outline-accent-active: #047253FF;
-  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
-  --on-light-outline-accent-gradient-active: #E6E6E6FF;
-  --on-light-outline-accent-minor-hover: #58EEC4FF;
-  --on-light-outline-accent-minor-active: #11B083FF;
-  --on-light-outline-transparent-accent-hover: #05996F1F;
-  --on-light-outline-transparent-accent-active: #05996F52;
-  --on-light-outline-positive-hover: #24DB45FF;
-  --on-light-outline-positive-active: #178C2CFF;
-  --on-light-outline-warning-hover: #FC9F69FF;
-  --on-light-outline-warning-active: #DC5304FF;
-  --on-light-outline-negative-hover: #FF7A88FF;
+  --on-light-outline-accent-gradient-hover: #000000FF;
+  --on-light-outline-accent-gradient-active: #CCCCCCFF;
+  --on-light-outline-accent-minor-hover: #20E9B0FF;
+  --on-light-outline-accent-minor-active: #11A77CFF;
+  --on-light-outline-accent-minor-gradient-hover: #000000FF;
+  --on-light-outline-accent-minor-gradient-active: #CCCCCCFF;
+  --on-light-outline-transparent-accent-hover: #05996FFF;
+  --on-light-outline-transparent-accent-active: #05996F3D;
+  --on-light-outline-transparent-accent-gradient-hover: #000000FF;
+  --on-light-outline-transparent-accent-gradient-active: #CCCCCCFF;
+  --on-light-outline-promo-hover: #000000FF;
+  --on-light-outline-promo-active: #CCCCCCFF;
+  --on-light-outline-promo-gradient-hover: #000000FF;
+  --on-light-outline-promo-gradient-active: #CCCCCCFF;
+  --on-light-outline-promo-minor-hover: #000000FF;
+  --on-light-outline-promo-minor-active: #CCCCCCFF;
+  --on-light-outline-promo-minor-gradient-hover: #000000FF;
+  --on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
+  --on-light-outline-positive-hover: #1FC13DFF;
+  --on-light-outline-positive-active: #147B27FF;
+  --on-light-outline-warning-hover: #FB782DFF;
+  --on-light-outline-warning-active: #D25004FF;
+  --on-light-outline-negative-hover: #FF5263FF;
   --on-light-outline-negative-active: #FF001AFF;
-  --on-light-outline-info-hover: #62B9F3FF;
-  --on-light-outline-info-active: #0F7BC2FF;
-  --on-light-outline-positive-minor-hover: #7AE68EFF;
-  --on-light-outline-positive-minor-active: #23B83EFF;
+  --on-light-outline-info-hover: #2AA0EFFF;
+  --on-light-outline-info-active: #0E75B9FF;
+  --on-light-outline-positive-minor-hover: #47DC62FF;
+  --on-light-outline-positive-minor-active: #21B03CFF;
   --on-light-outline-warning-minor-hover: #FDB790FF;
   --on-light-outline-warning-minor-active: #FC8240FF;
   --on-light-outline-negative-minor-hover: #FFB8BFFF;
   --on-light-outline-negative-minor-active: #FF6675FF;
-  --on-light-outline-info-minor-hover: #A3DAFFFF;
+  --on-light-outline-info-minor-hover: #7ACAFFFF;
   --on-light-outline-info-minor-active: #29A9FFFF;
-  --on-light-outline-transparent-positive-hover: #1A9E321F;
-  --on-light-outline-transparent-positive-active: #1A9E3252;
-  --on-light-outline-transparent-warning-hover: #FA5F051F;
-  --on-light-outline-transparent-warning-active: #FA5F0552;
-  --on-light-outline-transparent-negative-hover: #FF293E1F;
-  --on-light-outline-transparent-negative-active: #FF293E52;
-  --on-light-outline-transparent-info-hover: #118CDF1F;
-  --on-light-outline-transparent-info-active: #118CDF52;
+  --on-light-outline-transparent-positive-hover: #1A9E32FF;
+  --on-light-outline-transparent-positive-active: #1A9E323D;
+  --on-light-outline-transparent-warning-hover: #FA5F05FF;
+  --on-light-outline-transparent-warning-active: #FA5F053D;
+  --on-light-outline-transparent-negative-hover: #FF293EFF;
+  --on-light-outline-transparent-negative-active: #FF293E3D;
+  --on-light-outline-transparent-info-hover: #118CDFFF;
+  --on-light-outline-transparent-info-active: #118CDF3D;
   --on-light-outline-transparent-accent: rgba(5,153,111,0.2);
   --on-light-outline-transparent-positive: rgba(26,158,50,0.2);
   --on-light-outline-transparent-warning: rgba(250,95,5,0.2);
@@ -1630,52 +1728,66 @@
   --on-light-outline-info-minor: #52BAFF;
   --on-light-outline-accent-gradient: linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%);
   --on-light-outline-solid-secondary: #B3B3B3;
-  --inverse-outline-solid-primary-hover: #A1A1A1FF;
-  --inverse-outline-solid-primary-active: #595959FF;
-  --inverse-outline-solid-secondary-hover: #A1A1A1FF;
-  --inverse-outline-solid-secondary-active: #4A4A4AFF;
-  --inverse-outline-solid-tertiary-hover: #B8B8B8FF;
-  --inverse-outline-solid-tertiary-active: #707070FF;
-  --inverse-outline-transparent-primary-hover: #FFFFFF52;
-  --inverse-outline-transparent-primary-active: #FFFFFF38;
-  --inverse-outline-transparent-secondary-hover: #FFFFFF2B;
-  --inverse-outline-transparent-secondary-active: #FFFFFF72;
-  --inverse-outline-transparent-tertiary-hover: #FFFFFF47;
-  --inverse-outline-transparent-tertiary-active: #FFFFFFFF;
-  --inverse-outline-clear-hover: #FFFFFFFF;
-  --inverse-outline-clear-active: #FFFFFFFF;
-  --inverse-outline-accent-hover: #58EEC4FF;
-  --inverse-outline-accent-active: #11B083FF;
-  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
-  --inverse-outline-accent-gradient-active: #E6E6E6FF;
-  --inverse-outline-accent-minor-hover: #1CB086FF;
-  --inverse-outline-accent-minor-active: #0C4F3CFF;
-  --inverse-outline-transparent-accent-hover: #14CC982B;
-  --inverse-outline-transparent-accent-active: #14CC9872;
-  --inverse-outline-positive-hover: #5EDE76FF;
-  --inverse-outline-positive-active: #1F9835FF;
-  --inverse-outline-warning-hover: #FFA575FF;
+  --inverse-outline-solid-primary-hover: #787878FF;
+  --inverse-outline-solid-primary-active: #4F4F4FFF;
+  --inverse-outline-solid-secondary-hover: #636363FF;
+  --inverse-outline-solid-secondary-active: #454545FF;
+  --inverse-outline-solid-tertiary-hover: #949494FF;
+  --inverse-outline-solid-tertiary-active: #7A7A7AFF;
+  --inverse-outline-transparent-default-hover: #FAFAFA93;
+  --inverse-outline-transparent-default-active: #FAFAFAC4;
+  --inverse-outline-transparent-primary-hover: #FFFFFF0A;
+  --inverse-outline-transparent-primary-active: #FFFFFF29;
+  --inverse-outline-transparent-secondary-hover: #FFFFFF33;
+  --inverse-outline-transparent-secondary-active: #FFFFFF52;
+  --inverse-outline-transparent-tertiary-hover: #FFFFFF7A;
+  --inverse-outline-transparent-tertiary-active: #FFFFFF99;
+  --inverse-outline-clear-hover: #FFFFFF00;
+  --inverse-outline-clear-active: #FFFFFF00;
+  --inverse-outline-accent-hover: #20E9B0FF;
+  --inverse-outline-accent-active: #11A77CFF;
+  --inverse-outline-accent-gradient-hover: #000000FF;
+  --inverse-outline-accent-gradient-active: #CCCCCCFF;
+  --inverse-outline-accent-minor-hover: #199F79FF;
+  --inverse-outline-accent-minor-active: #137C5EFF;
+  --inverse-outline-accent-minor-gradient-hover: #000000FF;
+  --inverse-outline-accent-minor-gradient-active: #CCCCCCFF;
+  --inverse-outline-transparent-accent-hover: #14CC98FF;
+  --inverse-outline-transparent-accent-active: #14CC9856;
+  --inverse-outline-transparent-accent-gradient-hover: #000000FF;
+  --inverse-outline-transparent-accent-gradient-active: #CCCCCCFF;
+  --inverse-outline-promo-hover: #000000FF;
+  --inverse-outline-promo-active: #CCCCCCFF;
+  --inverse-outline-promo-gradient-hover: #000000FF;
+  --inverse-outline-promo-gradient-active: #CCCCCCFF;
+  --inverse-outline-promo-minor-hover: #000000FF;
+  --inverse-outline-promo-minor-active: #CCCCCCFF;
+  --inverse-outline-promo-minor-gradient-hover: #000000FF;
+  --inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
+  --inverse-outline-positive-hover: #2BD44AFF;
+  --inverse-outline-positive-active: #1D9032FF;
+  --inverse-outline-warning-hover: #FF8B4DFF;
   --inverse-outline-warning-active: #FA5700FF;
-  --inverse-outline-negative-hover: #FF8F9AFF;
+  --inverse-outline-negative-hover: #FF6675FF;
   --inverse-outline-negative-active: #FF142CFF;
-  --inverse-outline-info-hover: #79C4F6FF;
-  --inverse-outline-info-active: #0E8ADDFF;
-  --inverse-outline-positive-minor-hover: #0F9527FF;
-  --inverse-outline-positive-minor-active: #074A14FF;
-  --inverse-outline-warning-minor-hover: #B14B10FF;
-  --inverse-outline-warning-minor-active: #5D2809FF;
-  --inverse-outline-negative-minor-hover: #DD1D30FF;
-  --inverse-outline-negative-minor-active: #8C121EFF;
-  --inverse-outline-info-minor-hover: #137DC3FF;
-  --inverse-outline-info-minor-active: #093B5DFF;
-  --inverse-outline-transparent-positive-hover: #24B23E2B;
-  --inverse-outline-transparent-positive-active: #24B23E72;
-  --inverse-outline-transparent-warning-hover: #FF70242B;
-  --inverse-outline-transparent-warning-active: #FF702472;
-  --inverse-outline-transparent-negative-hover: #FF3D512B;
-  --inverse-outline-transparent-negative-active: #FF3D5172;
-  --inverse-outline-transparent-info-hover: #199AF02B;
-  --inverse-outline-transparent-info-active: #199AF072;
+  --inverse-outline-info-hover: #3FABF3FF;
+  --inverse-outline-info-active: #0D84D3FF;
+  --inverse-outline-positive-minor-hover: #11A72CFF;
+  --inverse-outline-positive-minor-active: #0D8222FF;
+  --inverse-outline-warning-minor-hover: #CD5713FF;
+  --inverse-outline-warning-minor-active: #A84710FF;
+  --inverse-outline-negative-minor-hover: #C2192AFF;
+  --inverse-outline-negative-minor-active: #7A101AFF;
+  --inverse-outline-info-minor-hover: #1483CCFF;
+  --inverse-outline-info-minor-active: #116BA7FF;
+  --inverse-outline-transparent-positive-hover: #24B23EFF;
+  --inverse-outline-transparent-positive-active: #24B23E56;
+  --inverse-outline-transparent-warning-hover: #FF7024FF;
+  --inverse-outline-transparent-warning-active: #FF702456;
+  --inverse-outline-transparent-negative-hover: #FF3D51FF;
+  --inverse-outline-transparent-negative-active: #FF3D5156;
+  --inverse-outline-transparent-info-hover: #199AF0FF;
+  --inverse-outline-transparent-info-active: #199AF056;
   --inverse-outline-transparent-accent: rgba(20,204,152,0.28);
   --inverse-outline-transparent-positive: rgba(36,178,62,0.28);
   --inverse-outline-transparent-warning: rgba(255,112,36,0.28);
@@ -1703,11 +1815,11 @@
   --data-default-data-yellow-hover: #F5B638FF;
   --data-default-data-yellow-active: #E49C0CFF;
   --data-default-data-yellow-minor: #FFD37A;
-  --data-default-data-yellow-minor-hover: #FFCF70FF;
+  --data-default-data-yellow-minor-hover: #FFDA8FFF;
   --data-default-data-yellow-minor-active: #FFCC66FF;
   --data-default-data-yellow-transparent: #F3A9128F;
-  --data-default-data-yellow-transparent-hover: #F3A8129E;
-  --data-default-data-yellow-transparent-active: #F3A812A3;
+  --data-default-data-yellow-transparent-hover: #F3A8127A;
+  --data-default-data-yellow-transparent-active: #F3A81299;
   --data-on-dark-data-yellow: #F3A912;
   --data-on-dark-data-yellow-hover: #F5B638FF;
   --data-on-dark-data-yellow-active: #E49C0CFF;
@@ -1715,17 +1827,17 @@
   --data-on-dark-data-yellow-minor-hover: #B87A00FF;
   --data-on-dark-data-yellow-minor-active: #8F5F00FF;
   --data-on-dark-data-yellow-transparent: #F3A9128F;
-  --data-on-dark-data-yellow-transparent-hover: #F3A8129E;
-  --data-on-dark-data-yellow-transparent-active: #F3A812A3;
+  --data-on-dark-data-yellow-transparent-hover: #F3A8127A;
+  --data-on-dark-data-yellow-transparent-active: #F3A81299;
   --data-on-light-data-yellow: #F3A912;
   --data-on-light-data-yellow-hover: #F5B638FF;
   --data-on-light-data-yellow-active: #E49C0CFF;
   --data-on-light-data-yellow-minor: #FFD37A;
-  --data-on-light-data-yellow-minor-hover: #FFCF70FF;
+  --data-on-light-data-yellow-minor-hover: #FFDA8FFF;
   --data-on-light-data-yellow-minor-active: #FFCC66FF;
   --data-on-light-data-yellow-transparent: #F3A9128F;
-  --data-on-light-data-yellow-transparent-hover: #F3A8129E;
-  --data-on-light-data-yellow-transparent-active: #F3A812A3;
+  --data-on-light-data-yellow-transparent-hover: #F3A8127A;
+  --data-on-light-data-yellow-transparent-active: #F3A81299;
   --data-inverse-data-yellow: #F3A912;
   --data-inverse-data-yellow-hover: #F5B638FF;
   --data-inverse-data-yellow-active: #E49C0CFF;
@@ -1733,8 +1845,8 @@
   --data-inverse-data-yellow-minor-hover: #B87A00FF;
   --data-inverse-data-yellow-minor-active: #8F5F00FF;
   --data-inverse-data-yellow-transparent: #F3A9128F;
-  --data-inverse-data-yellow-transparent-hover: #F3A8129E;
-  --data-inverse-data-yellow-transparent-active: #F3A812A3;
+  --data-inverse-data-yellow-transparent-hover: #F3A8127A;
+  --data-inverse-data-yellow-transparent-active: #F3A81299;
   --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
   --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
   --plasma-colors-white-primary: var(--on-dark-text-primary);