npm - @salutejs-ds/sdds_sbcom - Versions diffs - 0.1.8 → 0.1.9 - Mend

@salutejs-ds/sdds_sbcom 0.1.8 → 0.1.9

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 (100) hide show

package/components/Button/Button.config.d.ts +3 -3
package/components/Button/Button.config.js +10 -10
package/components/Button/Button.config.js.map +1 -1
package/components/Button/Button.config_1wue0f1.css +10 -0
package/components/Button/Button.css +9 -9
package/components/Button/Button.d.ts +3 -3
package/components/Checkbox/Checkbox.config.js +1 -1
package/components/Checkbox/Checkbox.config.js.map +1 -1
package/components/Checkbox/Checkbox.config_limvsr.css +6 -0
package/components/Checkbox/Checkbox.css +6 -6
package/components/Counter/Counter.config.d.ts +4 -4
package/components/Counter/Counter.config.js +9 -9
package/components/Counter/Counter.config.js.map +1 -1
package/components/Counter/Counter.config_u14r3s.css +11 -0
package/components/Counter/Counter.css +10 -10
package/components/Counter/Counter.d.ts +4 -4
package/components/IconButton/IconButton.config.js +1 -1
package/components/IconButton/IconButton.config.js.map +1 -1
package/components/IconButton/IconButton.config_yxpssw.css +9 -0
package/components/IconButton/IconButton.css +8 -8
package/components/Link/Link.config.d.ts +5 -5
package/components/Link/Link.config.js +7 -7
package/components/Link/Link.config.js.map +1 -1
package/components/Link/{Link.config_uq3jfz.css → Link.config_1adojdx.css} +6 -6
package/components/Link/Link.css +8 -8
package/components/Link/Link.d.ts +5 -5
package/components/Radiobox/Radiobox.config.d.ts +2 -2
package/components/Radiobox/Radiobox.config.js +5 -5
package/components/Radiobox/Radiobox.config.js.map +1 -1
package/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
package/components/Radiobox/Radiobox.css +6 -6
package/components/Radiobox/Radiobox.d.ts +2 -2
package/css/sdds_sbcom.module.css +1231 -958
package/css/sdds_sbcom__dark.css +645 -508
package/css/sdds_sbcom__light.css +653 -517
package/es/components/Button/Button.config.js +10 -10
package/es/components/Button/Button.config.js.map +1 -1
package/es/components/Button/Button.config_1wue0f1.css +10 -0
package/es/components/Button/Button.css +9 -9
package/es/components/Checkbox/Checkbox.config.js +1 -1
package/es/components/Checkbox/Checkbox.config.js.map +1 -1
package/es/components/Checkbox/Checkbox.config_limvsr.css +6 -0
package/es/components/Checkbox/Checkbox.css +6 -6
package/es/components/Counter/Counter.config.js +9 -9
package/es/components/Counter/Counter.config.js.map +1 -1
package/es/components/Counter/Counter.config_u14r3s.css +11 -0
package/es/components/Counter/Counter.css +10 -10
package/es/components/IconButton/IconButton.config.js +1 -1
package/es/components/IconButton/IconButton.config.js.map +1 -1
package/es/components/IconButton/IconButton.config_yxpssw.css +9 -0
package/es/components/IconButton/IconButton.css +8 -8
package/es/components/Link/Link.config.js +7 -7
package/es/components/Link/Link.config.js.map +1 -1
package/es/components/Link/{Link.config_uq3jfz.css → Link.config_1adojdx.css} +6 -6
package/es/components/Link/Link.css +8 -8
package/es/components/Radiobox/Radiobox.config.js +5 -5
package/es/components/Radiobox/Radiobox.config.js.map +1 -1
package/es/components/Radiobox/Radiobox.config_wzkn6m.css +6 -0
package/es/components/Radiobox/Radiobox.css +6 -6
package/es/index.css +55 -55
package/es/index.js +1 -1
package/es/theme/themes/sdds_sbcom__dark.js +1 -1
package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
package/es/theme/themes/sdds_sbcom__light.js +1 -1
package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
package/es/theme/tokens/index.js +1114 -703
package/es/theme/tokens/index.js.map +1 -1
package/index.css +55 -55
package/index.js +137 -0
package/index.js.map +1 -1
package/package.json +1 -1
package/styled-components/cjs/Button/Button.config.js +9 -9
package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
package/styled-components/cjs/Counter/Counter.config.js +10 -10
package/styled-components/cjs/IconButton/IconButton.config.js +7 -7
package/styled-components/cjs/Link/Link.config.js +6 -6
package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
package/styled-components/es/Button/Button.config.js +9 -9
package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
package/styled-components/es/Counter/Counter.config.js +10 -10
package/styled-components/es/IconButton/IconButton.config.js +7 -7
package/styled-components/es/Link/Link.config.js +6 -6
package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
package/theme/themes/sdds_sbcom__dark.js +1 -1
package/theme/themes/sdds_sbcom__dark.js.map +1 -1
package/theme/themes/sdds_sbcom__light.js +1 -1
package/theme/themes/sdds_sbcom__light.js.map +1 -1
package/theme/tokens/index.d.ts +907 -633
package/theme/tokens/index.js +1250 -702
package/theme/tokens/index.js.map +1 -1
package/components/Button/Button.config_ncdo62.css +0 -10
package/components/Checkbox/Checkbox.config_ufkiou.css +0 -6
package/components/Counter/Counter.config_8qholw.css +0 -11
package/components/IconButton/IconButton.config_10yvwxd.css +0 -9
package/components/Radiobox/Radiobox.config_16u8jc7.css +0 -6
package/es/components/Button/Button.config_ncdo62.css +0 -10
package/es/components/Checkbox/Checkbox.config_ufkiou.css +0 -6
package/es/components/Counter/Counter.config_8qholw.css +0 -11
package/es/components/IconButton/IconButton.config_10yvwxd.css +0 -9
package/es/components/Radiobox/Radiobox.config_16u8jc7.css +0 -6

package/css/sdds_sbcom.module.css CHANGED Viewed

@@ -1,62 +1,192 @@
 /* Generated by robots, do not change this manually! */
 .dark {
+  --on-dark-personas-green-text-accent: #6CD5BB;
+  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
+  --on-dark-personas-green-text-accent-active: #54CFB0FF;
+  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
+  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
+  --surface-transparent-accent-minor-hover: #0BA88866;
+  --surface-transparent-accent-minor-active: #0BA88838;
+  --on-light-outline-primary-hover: #ADA39FFF;
+  --on-light-outline-primary-active: #C4BEBAFF;
+  --inverse-outline-default-hover: #CCCCCCFF;
+  --inverse-outline-default-active: #E6E6E6FF;
+  --inverse-personas-sea-blue-text-accent-hover: #000000FF;
+  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
+  --inverse-personas-blue-text-accent-hover: #1477E1FF;
+  --inverse-personas-blue-text-accent-active: #0D4F96FF;
+  --inverse-personas-violet-text-accent-hover: #B740C9FF;
+  --inverse-personas-violet-text-accent-active: #81288FFF;
+  --inverse-surface-transparent-accent-minor-hover: #0BA88857;
+  --inverse-surface-transparent-accent-minor-active: #0BA8885C;
+  --on-light-personas-blue-text-accent-hover: #1477E1FF;
+  --on-light-personas-blue-text-accent-active: #0D4F96FF;
+  --on-dark-surface-transparent-navi-hover: #242424B8;
+  --on-dark-surface-transparent-navi-active: #2424248A;
+  --inverse-outline-primary-hover: #ADA39FFF;
+  --inverse-outline-primary-active: #C4BEBAFF;
+  --on-light-outline-default-hover: #CCCCCCFF;
+  --on-light-outline-default-active: #E6E6E6FF;
+  --on-dark-outline-default-hover: #666666FF;
+  --on-dark-outline-default-active: #292929FF;
+  --personas-green-text-accent-hover: #04C396FF;
+  --personas-green-text-accent-active: #03A57FFF;
+  --personas-sea-blue-text-accent-hover: #00C5CCFF;
+  --personas-sea-blue-text-accent-active: #00A8ADFF;
+  --inverse-surface-accent-secondary-hover: #50C3A8FF;
+  --inverse-surface-accent-secondary-active: #3CAF94FF;
+  --on-light-surface-accent-secondary-hover: #50C3A8FF;
+  --on-light-surface-accent-secondary-active: #3CAF94FF;
+  --surface-transparent-navi-hover: #FFFFFFB8;
+  --surface-transparent-navi-active: #FFFFFF8A;
+  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
+  --on-light-surface-transparent-accent-minor-active: #0BA88852;
+  --on-light-personas-green-text-accent-hover: #04D7A6FF;
+  --on-light-personas-green-text-accent-active: #04AF87FF;
+  --outline-default-hover: #858585FF;
+  --outline-default-active: #666666FF;
+  --on-dark-outline-primary-hover: #6B6461FF;
   --on-dark-outline-positive-minor-active: #074A14FF;
-  --on-light-outline-read-only-hover: #FAFAFA36;
+  --on-dark-outline-primary-active: #2B2827FF;
+  --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
+  --on-dark-personas-pink-text-accent-active: #F58A8AFF;
+  --outline-primary-hover: #91847EFF;
+  --outline-primary-active: #665C57FF;
+  --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
+  --inverse-personas-indigo-text-accent-active: #A46AF1FF;
+  --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
+  --inverse-personas-pink-text-accent-active: #F48080FF;
+  --personas-olive-text-accent-hover: #A6D4A5FF;
+  --personas-olive-text-accent-active: #7DC07CFF;
+  --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
+  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
+  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
+  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
+  --inverse-surface-transparent-navi-hover: #FFFFFFFF;
+  --inverse-surface-transparent-navi-active: #FFFFFFFF;
+  --on-light-personas-olive-text-accent-hover: #1DB71AFF;
+  --on-light-personas-olive-text-accent-active: #179315FF;
+  --on-light-personas-violet-text-accent-hover: #B740C9FF;
+  --on-light-personas-violet-text-accent-active: #81288FFF;
+  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
+  --on-light-outline-read-only-hover: #C7C7C7FF;
+  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
+  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
+  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
+  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
+  --on-dark-surface-accent-secondary-active: #59C5ACFF;
+  --inverse-personas-green-text-accent-hover: #8CDECAFF;
+  --inverse-personas-green-text-accent-active: #4CCDACFF;
+  --on-light-personas-pink-text-accent-hover: #E47777FF;
+  --on-light-personas-pink-text-accent-active: #D73333FF;
   --on-dark-personas-ochre-text-accent: #F4B49B;
+  --surface-accent-secondary-hover: #70CDB7FF;
+  --surface-accent-secondary-active: #59C5ACFF;
+  --personas-pink-text-accent-hover: #E26E6EFF;
   --surface-transparent-accent-minor: #0BA68647;
-  --on-dark-personas-green-text-accent: #6CD5BB;
+  --personas-pink-text-accent-active: #D83B3BFF;
+  --personas-indigo-text-accent-hover: #E8DAFCFF;
+  --personas-indigo-text-accent-active: #AA73F2FF;
+  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
+  --on-dark-personas-violet-text-accent-active: #D982E8FF;
   --on-light-outline-primary: #DDD9D7;
+  --on-light-surface-transparent-navi-hover: #FFFFFFFF;
   --inverse-outline-default: #FFFFFF;
+  --on-light-surface-transparent-navi-active: #FFFFFFFF;
   --inverse-personas-sea-blue-text-accent: #7BC8C8;
   --background-hardline: #000000;
   --inverse-personas-blue-text-accent: #1063BA;
+  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
   --inverse-personas-violet-text-accent: #9E32AF;
+  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
   --inverse-surface-transparent-accent-minor: #0BA68647;
+  --on-light-personas-indigo-text-accent-hover: #000000FF;
   --on-light-personas-blue-text-accent: #1063BA;
+  --on-light-personas-indigo-text-accent-active: #5B2999FF;
   --on-dark-surface-transparent-navi: #23232399;
+  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
   --inverse-outline-primary: #DDD9D7;
+  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
   --on-light-outline-default: #FFFFFF;
+  --inverse-personas-olive-text-accent-hover: #1DB71AFF;
+  --inverse-personas-olive-text-accent-active: #179315FF;
+  --personas-ochre-text-accent-hover: #F7C8B6FF;
   --on-dark-outline-default: #383838;
+  --personas-ochre-text-accent-active: #F19F7EFF;
   --personas-green-text-accent: #038768;
   --personas-sea-blue-text-accent: #00898D;
+  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
   --inverse-background-hardline: #000000;
   --inverse-surface-accent-secondary: #41BDA1;
+  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
   --light-background-hardline: #FFFFFF;
+  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
   --on-light-surface-accent-secondary: #41BDA1;
   --surface-transparent-navi: #FFFFFF99;
+  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
+  --personas-violet-text-accent-hover: #B438C7FF;
   --on-light-surface-transparent-accent-minor: #0BA6863D;
+  --personas-violet-text-accent-active: #892B97FF;
   --on-light-personas-green-text-accent: #038768;
+  --personas-blue-text-accent-hover: #C3DDF9FF;
   --outline-default: #FFFFFF;
+  --personas-blue-text-accent-active: #5DA3EFFF;
+  --text-primary-brightness-hover: #FAFAFA93;
   --dark-background-hardline: #000000;
+  --text-primary-brightness-active: #FAFAFAC4;
   --on-dark-outline-primary: #3B3735;
+  --on-dark-text-primary-brightness-hover: #FAFAFA93;
   --on-dark-personas-pink-text-accent: #F7A4A4;
-  --on-dark-text-accent-minor-hover: #0F9527FF;
-  --on-dark-surface-accent-minor-active: #08210CFF;
-  --surface-solid-tertiary-active: #303030FF;
-  --on-light-surface-warning-minor-active: #FED9C3FF;
-  --inverse-surface-positive-minor-active: #8BF99FFF;
+  --on-dark-text-primary-brightness-active: #FAFAFAC4;
+  --on-light-text-primary-brightness-hover: #17171793;
+  --on-light-text-primary-brightness-active: #171717C4;
+  --inverse-text-primary-brightness-hover: #17171793;
+  --inverse-text-primary-brightness-active: #171717C4;
+  --surface-solid-primary-brightness-active: #212121FF;
+  --surface-transparent-card-brightness-hover: #FAFAFA1F;
+  --surface-transparent-card-brightness-active: #FAFAFA0A;
+  --surface-solid-card-brightness-hover: #303030FF;
+  --surface-solid-card-brightness-active: #212121FF;
+  --surface-solid-primary-brightness-hover: #303030FF;
+  --on-dark-surface-solid-primary-brightness-hover: #303030FF;
+  --on-dark-surface-solid-primary-brightness-active: #212121FF;
+  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
+  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
+  --on-dark-surface-solid-card-brightness-hover: #303030FF;
+  --on-dark-surface-solid-card-brightness-active: #212121FF;
+  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
+  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
+  --outline-transparent-negative-hover: #F36876FF;
+  --on-dark-outline-transparent-warning-active: #B34100FF;
+  --outline-primary: #DDD9D7;
+  --inverse-personas-indigo-text-accent: #BD91F5;
+  --inverse-personas-pink-text-accent: #F7A4A4;
+  --on-dark-text-warning-minor-hover: #BB4F11FF;
+  --on-light-outline-positive-active: #20801EFF;
+  --personas-olive-text-accent: #93CB92;
   --inverse-personas-ochre-text-accent: #D15A11;
-  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
+  --surface-solid-tertiary-active: #424242FF;
+  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
+  --on-light-surface-warning-minor-active: #FED9C3FF;
+  --on-light-data-yellow-transparent-hover: #F5B638FF;
   --on-dark-personas-olive-text-accent: #93CB92;
-  --on-light-outline-positive-active: #074A14FF;
+  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
+  --on-dark-surface-accent-minor-active: #043F34FF;
+  --text-primary: #FFFFFFFC;
+  --on-dark-text-accent-minor-hover: #60C7AFFF;
   --inverse-surface-transparent-navi: #FFFFFF99;
   --on-light-personas-olive-text-accent: #127210;
-  --inverse-personas-indigo-text-accent: #BD91F5;
-  --outline-transparent-negative-hover: #F76977FF;
-  --on-dark-outline-transparent-warning-active: #CA4B02FF;
-  --on-light-data-yellow-transparent-hover: #F3A8129E;
-  --outline-primary: #DDD9D7;
-  --personas-olive-text-accent: #93CB92;
-  --inverse-personas-pink-text-accent: #F7A4A4;
-  --text-primary: #F6F2F0FC;
-  --on-dark-text-warning-minor-hover: #BB4F11FF;
-  --inverse-surface-solid-tertiary: #FFFFFF;
-  --light-background-secondary: #F6F2F0;
-  --on-dark-outline-transparent-tertiary-active: #FAFAFA47;
+  --inverse-surface-positive-minor-active: #8BF99FFF;
+  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
+  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
+  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
+  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
   --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
-  --on-light-outline-warning-active: #5D2809FF;
-  --inverse-outline-transparent-secondary-active: #08080872;
+  --on-light-outline-warning-active: #A3420AFF;
+  --inverse-outline-transparent-secondary-active: #080808FF;
   --inverse-outline-transparent-warning-active: #5D2809FF;
   --inverse-data-yellow-minor-hover: #FFCF70FF;
   --on-light-personas-violet-text-accent: #9E32AF;
@@ -67,56 +197,60 @@
   --on-light-personas-pink-text-accent: #DE5555;
   --surface-accent-secondary: #61C8B0;
   --surface-accent-minor: #04473B;
+  --on-dark-surface-solid-tertiary-active: #424242FF;
+  --light-background-secondary: #F6F2F0;
+  --inverse-surface-solid-tertiary: #FFFFFF;
   --on-light-surface-accent-minor: #D0F2E9;
-  --on-dark-surface-solid-tertiary-active: #303030FF;
-  --outline-solid-tertiary-hover: #FFFFFFFF;
-  --outline-transparent-positive-hover: #16C533FF;
-  --on-dark-surface-accent-minor-hover: #0E3A16FF;
+  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
+  --on-dark-outline-transparent-tertiary-active: #616161FF;
+  --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
+  --on-dark-surface-transparent-warning-active: #C74900FF;
+  --on-light-surface-accent-minor-hover: #C7F0E5FF;
   --inverse-surface-accent-minor: #D0F2E9;
-  --on-light-surface-accent-minor-hover: #94F9A7FF;
-  --on-dark-surface-transparent-warning-active: #D14D0024;
-  --personas-ochre-text-accent: #F4B49B;
+  --outline-transparent-positive-hover: #13BE32FF;
+  --outline-solid-tertiary-hover: #FFFFFFFF;
+  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
+  --on-dark-surface-accent-minor-hover: #055C4CFF;
   --personas-pink-text-accent: #DE5555;
   --personas-indigo-text-accent: #BD91F5;
   --on-dark-personas-violet-text-accent: #E19DED;
   --on-light-surface-transparent-navi: #FFFFFF99;
   --on-dark-personas-blue-text-accent: #79B3F2;
-  --inverse-outline-transparent-accent-hover: #095D191F;
+  --on-light-personas-indigo-text-accent: #7133BE;
   --on-light-personas-sea-blue-text-accent: #00898D;
   --inverse-personas-olive-text-accent: #127210;
-  --on-light-personas-indigo-text-accent: #7133BE;
+  --personas-ochre-text-accent: #F4B49B;
   --on-dark-surface-transparent-accent-minor: #0BA68647;
   --inverse-outline-warning-minor-active: #FC8240FF;
-  --on-light-text-warning-active: #A84710FF;
+  --on-light-text-warning-active: #6F2D06FF;
   --on-dark-personas-sea-blue-text-accent: #7BC8C8;
   --text-info-minor-active: #10659EFF;
   --inverse-text-warning-minor-hover: #FDB790FF;
   --on-dark-outline-warning-minor-active: #70300AFF;
   --personas-violet-text-accent: #9E32AF;
   --personas-blue-text-accent: #79B3F2;
-  --text-tertiary-hover: #FAFAFAFF;
-  --text-tertiary-active: #FAFAFA56;
+  --text-secondary: #F6F2F0A3;
   --text-paragraph: #F6F2F07A;
-  --text-paragraph-hover: #FAFAFA7A;
-  --text-paragraph-active: #FAFAFAA3;
+  --text-paragraph-hover: #F5F1EFFF;
+  --text-paragraph-active: #F5F1EF93;
   --text-accent: #61C8B0;
-  --text-accent-hover: #13AA2CFF;
-  --text-accent-active: #0D731EFF;
+  --text-accent-hover: #77CFBBFF;
+  --text-accent-active: #4ABFA4FF;
   --text-accent-minor: #61C8B07A;
-  --text-accent-minor-hover: #0F9527FF;
-  --text-accent-minor-active: #0C7920FF;
+  --text-accent-minor-hover: #60C7AFFF;
+  --text-accent-minor-active: #60C7AF93;
   --text-positive: #50A84C;
-  --text-positive-hover: #13AA2CFF;
-  --text-positive-active: #0D731EFF;
+  --text-positive-hover: #62B65DFF;
+  --text-positive-active: #469442FF;
   --text-warning: #DA6828;
-  --text-warning-hover: #FD650DFF;
-  --text-warning-active: #CA4B02FF;
+  --text-warning-hover: #DF7D43FF;
+  --text-warning-active: #C45D21FF;
   --text-negative: #F57E83;
-  --text-negative-hover: #F5384BFF;
-  --text-negative-active: #E40C22FF;
+  --text-negative-hover: #F89BA0FF;
+  --text-negative-active: #F3626AFF;
   --text-info: #70B2F5;
-  --text-info-hover: #34A7F4FF;
-  --text-info-active: #096CAEFF;
+  --text-info-hover: #BCDBFAFF;
+  --text-info-active: #53A3F3FF;
   --text-positive-minor-hover: #0F9527FF;
   --text-positive-minor-active: #0C7920FF;
   --text-warning-minor-hover: #BB4F11FF;
@@ -124,76 +258,73 @@
   --text-negative-minor-hover: #B91828FF;
   --text-negative-minor-active: #83111CFF;
   --text-info-minor-hover: #1277BAFF;
-  --text-primary-hover: #F5F1EF97;
-  --text-primary-brightness: #FAFAFAF5;
-  --text-primary-active: #F5F1EFCA;
-  --text-secondary-active: #FAFAFAAB;
+  --text-secondary-hover: #F5F1EFFF;
+  --text-primary-active: #FFFFFFCA;
+  --text-secondary-active: #F5F1EFC4;
   --text-tertiary: #F6F2F03D;
-  --text-secondary: #F6F2F0A3;
-  --text-secondary-hover: #FAFAFAFF;
-  --on-dark-text-tertiary: #F6F2F03D;
-  --on-dark-text-tertiary-hover: #FAFAFAFF;
-  --on-dark-text-tertiary-active: #FAFAFA56;
+  --text-tertiary-hover: #F5F1EFFF;
+  --text-tertiary-active: #F5F1EF49;
+  --text-primary-brightness: #FAFAFAF5;
+  --on-dark-text-tertiary-active: #F5F1EF49;
   --on-dark-text-paragraph: #F6F2F07A;
-  --on-dark-text-paragraph-hover: #FAFAFA7A;
-  --on-dark-text-paragraph-active: #FAFAFAA3;
+  --on-dark-text-paragraph-hover: #F5F1EFFF;
+  --on-dark-text-paragraph-active: #F5F1EF93;
   --on-dark-text-accent: #61C8B0ED;
-  --on-dark-text-accent-hover: #13AA2CFF;
-  --on-dark-text-accent-active: #0D731EFF;
+  --on-dark-text-accent-hover: #60C7AF8E;
+  --on-dark-text-accent-active: #60C7AFBE;
   --on-dark-text-accent-minor: #61C8B07A;
-  --on-dark-text-accent-minor-active: #0C7920FF;
+  --on-dark-text-accent-minor-active: #60C7AF93;
   --on-dark-text-positive: #50A84C;
-  --on-dark-text-positive-hover: #13AA2CFF;
-  --on-dark-text-positive-active: #0D731EFF;
+  --on-dark-text-positive-hover: #62B65DFF;
+  --on-dark-text-positive-active: #469442FF;
   --on-dark-text-warning: #DA6828;
-  --on-dark-text-warning-hover: #FD650DFF;
-  --on-dark-text-warning-active: #CA4B02FF;
+  --on-dark-text-warning-hover: #DF7D43FF;
+  --on-dark-text-warning-active: #C45D21FF;
   --on-dark-text-negative: #F57E83;
-  --on-dark-text-negative-hover: #F5384BFF;
-  --on-dark-text-negative-active: #E40C22FF;
+  --on-dark-text-negative-hover: #F89BA0FF;
+  --on-dark-text-negative-active: #F3626AFF;
   --on-dark-text-info: #70B2F5;
-  --on-dark-text-info-hover: #34A7F4FF;
-  --on-dark-text-info-active: #096CAEFF;
+  --on-dark-text-info-hover: #BCDBFAFF;
+  --on-dark-text-info-active: #53A3F3FF;
   --on-dark-text-positive-minor-hover: #0F9527FF;
   --on-dark-text-positive-minor-active: #0C7920FF;
-  --on-dark-text-primary: #F6F2F0FC;
-  --on-dark-text-primary-active: #F5F1EFCA;
-  --on-dark-text-primary-hover: #F5F1EF97;
-  --on-dark-text-secondary-hover: #FAFAFAFF;
-  --on-dark-text-secondary-active: #FAFAFAAB;
+  --on-dark-text-primary-active: #FFFFFFCA;
+  --on-dark-text-primary: #FFFFFFFC;
   --on-dark-text-primary-brightness: #FAFAFAF5;
   --on-dark-text-secondary: #F6F2F0A3;
-  --on-dark-text-info-minor-active: #10659EFF;
-  --on-light-text-primary: #15110FFC;
+  --on-dark-text-secondary-hover: #F5F1EFFF;
+  --on-dark-text-tertiary: #F6F2F03D;
+  --on-dark-text-tertiary-hover: #F5F1EFFF;
+  --on-dark-text-secondary-active: #F5F1EFC4;
+  --on-dark-text-primary-hover: #FFFFFF97;
+  --on-dark-text-negative-minor-active: #83111CFF;
   --on-light-text-primary-hover: #15110F97;
   --on-light-text-primary-active: #15110FCA;
   --on-light-text-primary-brightness: #171717F5;
   --on-light-text-secondary: #15110FA3;
-  --on-light-text-secondary-hover: #171717FF;
-  --on-light-text-secondary-active: #171717AB;
+  --on-light-text-secondary-hover: #15110FFF;
+  --on-light-text-secondary-active: #15110FC4;
   --on-light-text-tertiary: #15110F3D;
-  --on-light-text-tertiary-hover: #171717FF;
-  --on-light-text-tertiary-active: #17171756;
+  --on-light-text-tertiary-hover: #15110FFF;
+  --on-light-text-tertiary-active: #15110F49;
   --on-light-text-paragraph: #15110F66;
-  --on-light-text-paragraph-hover: #1717177A;
-  --on-light-text-paragraph-active: #171717A3;
+  --on-light-text-paragraph-hover: #15110FFF;
+  --on-light-text-paragraph-active: #15110F7A;
   --on-light-text-accent: #0A8E73;
-  --on-light-text-accent-hover: #11A72CFF;
-  --on-light-text-accent-active: #0D8222FF;
+  --on-light-text-accent-hover: #0DB593FF;
+  --on-light-text-accent-active: #076955FF;
   --on-light-text-accent-minor: #0A8E7366;
-  --on-light-text-accent-minor-hover: #47DC62FF;
-  --on-light-text-accent-minor-active: #21B03CFF;
+  --on-light-text-accent-minor-hover: #0A8F74FF;
+  --on-light-text-accent-minor-active: #0A8F747A;
   --on-light-text-positive: #207F1F;
-  --on-light-text-positive-hover: #11A72CFF;
-  --on-light-text-positive-active: #0D8222FF;
+  --on-light-text-positive-hover: #29A027FF;
+  --on-light-text-positive-active: #185E17FF;
   --on-light-text-warning: #973C09;
-  --on-light-text-warning-hover: #CD5713FF;
-  --on-dark-text-warning-minor-active: #9F440FFF;
+  --on-light-text-warning-hover: #BC4C0BFF;
   --on-dark-text-info-minor-hover: #1277BAFF;
+  --on-dark-text-info-minor-active: #10659EFF;
+  --on-light-text-primary: #15110FFC;
   --on-dark-text-negative-minor-hover: #B91828FF;
-  --on-dark-text-negative-minor-active: #83111CFF;
-  --on-light-text-positive-minor-hover: #47DC62FF;
-  --on-light-text-positive-minor-active: #21B03CFF;
   --on-light-text-warning-minor-hover: #FDB790FF;
   --on-light-text-warning-minor-active: #FC8240FF;
   --on-light-text-negative-minor-hover: #FFB8BFFF;
@@ -205,35 +336,35 @@
   --inverse-text-primary-active: #15110FCA;
   --inverse-text-primary-brightness: #171717F5;
   --inverse-text-secondary: #15110FA3;
-  --inverse-text-secondary-hover: #171717FF;
-  --inverse-text-secondary-active: #171717AB;
+  --inverse-text-secondary-hover: #15110FFF;
+  --inverse-text-secondary-active: #15110FC4;
   --inverse-text-tertiary: #15110F3D;
-  --inverse-text-tertiary-hover: #171717FF;
-  --inverse-text-tertiary-active: #17171756;
+  --inverse-text-tertiary-hover: #15110FFF;
+  --inverse-text-tertiary-active: #15110F49;
   --inverse-text-paragraph: #15110F66;
-  --inverse-text-paragraph-hover: #1717177A;
-  --inverse-text-paragraph-active: #171717A3;
+  --inverse-text-paragraph-hover: #15110FFF;
+  --inverse-text-paragraph-active: #15110F7A;
   --inverse-text-accent: #0A8E73;
-  --inverse-text-accent-hover: #11A72CFF;
-  --inverse-text-accent-active: #0D8222FF;
+  --inverse-text-accent-hover: #0DB593FF;
+  --inverse-text-accent-active: #076955FF;
   --inverse-text-accent-minor: #0A8E7366;
-  --inverse-text-accent-minor-hover: #47DC62FF;
-  --inverse-text-accent-minor-active: #21B03CFF;
+  --inverse-text-accent-minor-hover: #0A8F74FF;
+  --inverse-text-accent-minor-active: #0A8F747A;
+  --on-light-text-negative-active: #AF181DFF;
   --on-light-text-negative: #D11D23;
-  --on-light-text-negative-active: #7A101AFF;
-  --on-light-text-negative-hover: #C2192AFF;
-  --on-light-text-info-active: #116BA7FF;
   --on-light-text-info: #205EA5;
-  --on-light-text-info-hover: #1483CCFF;
-  --inverse-text-warning: #973C09;
-  --inverse-text-warning-hover: #CD5713FF;
-  --inverse-text-warning-active: #A84710FF;
+  --on-light-text-info-hover: #000000FF;
+  --on-light-text-info-active: #194B85FF;
+  --on-light-text-positive-minor-hover: #47DC62FF;
+  --on-light-text-positive-minor-active: #21B03CFF;
+  --on-light-text-negative-hover: #E3353BFF;
+  --inverse-text-warning-active: #6F2D06FF;
   --inverse-text-negative: #D11D23;
-  --inverse-text-negative-hover: #C2192AFF;
-  --inverse-text-negative-active: #7A101AFF;
+  --inverse-text-negative-hover: #E3353BFF;
+  --inverse-text-negative-active: #AF181DFF;
   --inverse-text-info: #205EA5;
-  --inverse-text-info-hover: #1483CCFF;
-  --inverse-text-info-active: #116BA7FF;
+  --inverse-text-info-hover: #000000FF;
+  --inverse-text-info-active: #194B85FF;
   --inverse-text-positive-minor-hover: #47DC62FF;
   --inverse-text-positive-minor-active: #21B03CFF;
   --inverse-text-warning-minor-active: #FC8240FF;
@@ -242,175 +373,174 @@
   --inverse-text-info-minor-hover: #7ACAFFFF;
   --inverse-text-info-minor-active: #29A9FFFF;
   --surface-solid-primary: #232323;
-  --surface-solid-primary-hover: #1C1C1CFF;
-  --surface-solid-primary-active: #121212FF;
+  --surface-solid-primary-hover: #2E2E2EFF;
+  --surface-solid-primary-active: #1F1F1FFF;
   --surface-solid-primary-brightness: #262626FF;
   --surface-solid-secondary: #292929;
-  --surface-solid-secondary-hover: #303030FF;
-  --surface-solid-secondary-active: #212121FF;
+  --surface-solid-secondary-hover: #333333FF;
+  --surface-solid-secondary-active: #242424FF;
   --surface-solid-tertiary: #474747;
-  --surface-solid-tertiary-hover: #404040FF;
-  --inverse-text-positive-hover: #11A72CFF;
-  --inverse-text-positive-active: #0D8222FF;
+  --surface-solid-tertiary-hover: #525252FF;
   --inverse-text-positive: #207F1F;
-  --surface-transparent-primary: #FFFFFF14;
-  --surface-transparent-primary-hover: #FAFAFA1F;
-  --surface-transparent-primary-active: #FAFAFA0A;
+  --inverse-text-positive-hover: #29A027FF;
+  --inverse-text-warning: #973C09;
+  --inverse-text-warning-hover: #BC4C0BFF;
+  --inverse-text-positive-active: #185E17FF;
+  --surface-transparent-primary-active: #FFFFFFFF;
   --surface-transparent-secondary: #FFFFFF29;
-  --surface-transparent-secondary-hover: #FAFAFA3D;
-  --surface-transparent-secondary-active: #FAFAFA0F;
+  --surface-transparent-secondary-hover: #FFFFFFFF;
+  --surface-transparent-secondary-active: #FFFFFFFF;
   --surface-transparent-tertiary: #FFFFFF3D;
-  --surface-transparent-tertiary-hover: #FAFAFA52;
-  --surface-transparent-tertiary-active: #FAFAFA24;
+  --surface-transparent-tertiary-hover: #FFFFFFFF;
+  --surface-transparent-tertiary-active: #FFFFFFFF;
   --surface-transparent-deep: #373737B8;
-  --surface-transparent-deep-hover: #FAFAFAC2;
-  --surface-transparent-deep-active: #FAFAFA94;
+  --surface-transparent-deep-hover: #383838D6;
+  --surface-transparent-deep-active: #383838A8;
   --surface-transparent-card: #23232380;
-  --surface-transparent-card-hover: #FAFAFA1F;
-  --surface-transparent-card-active: #FAFAFA0A;
+  --surface-transparent-card-hover: #2424249E;
+  --surface-transparent-card-active: #24242470;
   --surface-transparent-card-brightness: #FAFAFA0F;
   --surface-clear: #FFFFFF00;
-  --surface-clear-hover: #FFFFFF00;
-  --surface-clear-active: #FFFFFF00;
+  --surface-clear-hover: #FFFFFFFF;
+  --surface-clear-active: #FFFFFFFF;
   --surface-accent: #0BA686;
-  --surface-accent-hover: #0F9928FF;
-  --surface-accent-active: #0C7D21FF;
-  --surface-accent-minor-hover: #0E3A16FF;
-  --surface-accent-minor-active: #08210CFF;
+  --surface-accent-hover: #0CBB98FF;
+  --surface-accent-active: #0A9E81FF;
+  --surface-accent-minor-hover: #055C4CFF;
+  --surface-accent-minor-active: #043F34FF;
   --surface-transparent-accent: #0BA68633;
-  --surface-transparent-accent-hover: #0D872452;
-  --surface-transparent-accent-active: #0D872424;
+  --surface-transparent-accent-hover: #0BA88852;
+  --surface-transparent-accent-active: #0BA88824;
+  --surface-solid-card-active: #1F1F1FFF;
   --surface-solid-card: #232323;
-  --surface-solid-card-active: #121212FF;
-  --surface-solid-card-hover: #1C1C1CFF;
-  --surface-solid-default-hover: #FFFFFFFF;
-  --surface-solid-default-active: #F5F5F5FF;
   --surface-solid-card-brightness: #262626FF;
   --surface-solid-default: #F6F2F0;
-  --surface-positive: #A6D2A2;
-  --surface-positive-hover: #0F9928FF;
-  --surface-positive-active: #0C7D21FF;
+  --surface-solid-default-hover: #F9F7F5FF;
+  --surface-transparent-primary: #FFFFFF14;
+  --surface-transparent-primary-hover: #FFFFFFFF;
+  --surface-solid-default-active: #F2ECE9FF;
+  --surface-solid-card-hover: #2E2E2EFF;
+  --surface-positive-active: #9FCF9BFF;
   --surface-warning: #F8AD80;
-  --surface-warning-hover: #E65400FF;
-  --surface-warning-active: #C74900FF;
+  --surface-warning-hover: #F9BB94FF;
+  --surface-warning-active: #F8A977FF;
   --surface-negative: #F8A6A9;
-  --surface-negative-hover: #ED1D31FF;
-  --surface-negative-active: #D91226FF;
+  --surface-negative-hover: #F9B8BAFF;
+  --surface-negative-active: #F79C9FFF;
   --surface-info: #9BCAF8;
-  --surface-info-hover: #0D7EC9FF;
-  --surface-info-active: #0B6CADFF;
+  --surface-info-hover: #AED4F9FF;
+  --surface-info-active: #91C4F7FF;
   --surface-positive-minor-hover: #0E3A16FF;
   --surface-positive-minor-active: #08210CFF;
-  --surface-info-minor-active: #0A2333FF;
-  --surface-transparent-positive-hover: #0D872452;
-  --surface-transparent-positive-active: #0D872424;
-  --surface-transparent-warning-hover: #D14D0052;
-  --surface-transparent-warning-active: #D14D0024;
-  --surface-transparent-negative-hover: #E2122752;
-  --surface-transparent-negative-active: #E2122724;
-  --surface-transparent-info-hover: #0C72B652;
-  --surface-transparent-info-active: #0C72B624;
+  --surface-positive: #A6D2A2;
+  --surface-positive-hover: #B3D9B0FF;
+  --surface-transparent-warning-hover: #E65400FF;
+  --surface-transparent-warning-active: #C74900FF;
+  --surface-transparent-negative-hover: #ED1D31FF;
+  --surface-transparent-negative-active: #D91226FF;
+  --surface-transparent-info-hover: #0D7EC9FF;
+  --surface-transparent-info-active: #0B6CADFF;
   --surface-read-only: #F9F9F905;
-  --surface-read-only-hover: #FAFAFA0F;
-  --surface-read-only-active: #FAFAFA00;
+  --surface-read-only-hover: #FFFFFFFF;
+  --surface-read-only-active: #F5F5F5FF;
   --on-dark-surface-solid-primary: #232323;
-  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
-  --on-dark-surface-solid-primary-active: #121212FF;
+  --on-dark-surface-solid-primary-hover: #2E2E2EFF;
+  --on-dark-surface-solid-primary-active: #1F1F1FFF;
   --on-dark-surface-solid-primary-brightness: #262626FF;
   --on-dark-surface-solid-secondary: #292929;
-  --on-dark-surface-solid-secondary-hover: #303030FF;
-  --on-dark-surface-solid-secondary-active: #212121FF;
+  --on-dark-surface-solid-secondary-hover: #333333FF;
+  --on-dark-surface-solid-secondary-active: #242424FF;
   --on-dark-surface-solid-tertiary: #474747;
-  --on-dark-surface-solid-tertiary-hover: #404040FF;
-  --surface-warning-minor-hover: #4F250DFF;
+  --on-dark-surface-solid-tertiary-hover: #525252FF;
   --surface-warning-minor-active: #351909FF;
-  --surface-info-minor-hover: #10344CFF;
-  --surface-negative-minor-hover: #5B1018FF;
+  --surface-warning-minor-hover: #4F250DFF;
   --surface-negative-minor-active: #410B11FF;
-  --on-dark-surface-transparent-primary: #FFFFFF14;
-  --on-dark-surface-transparent-primary-hover: #FAFAFA1F;
-  --on-dark-surface-transparent-primary-active: #FAFAFA0A;
+  --surface-negative-minor-hover: #5B1018FF;
+  --surface-info-minor-active: #0A2333FF;
+  --surface-transparent-positive-hover: #0F9928FF;
+  --surface-info-minor-hover: #10344CFF;
+  --surface-transparent-positive-active: #0C7D21FF;
+  --on-dark-surface-transparent-primary-active: #FFFFFFFF;
   --on-dark-surface-transparent-secondary: #FFFFFF29;
-  --on-dark-surface-transparent-secondary-hover: #FAFAFA3D;
-  --on-dark-surface-transparent-secondary-active: #FAFAFA0F;
+  --on-dark-surface-transparent-secondary-hover: #FFFFFFFF;
+  --on-dark-surface-transparent-secondary-active: #FFFFFFFF;
   --on-dark-surface-transparent-tertiary: #FFFFFF3D;
-  --on-dark-surface-transparent-tertiary-hover: #FAFAFA52;
-  --on-dark-surface-transparent-tertiary-active: #FAFAFA24;
+  --on-dark-surface-transparent-tertiary-hover: #FFFFFFFF;
+  --on-dark-surface-transparent-tertiary-active: #FFFFFFFF;
   --on-dark-surface-transparent-deep: #373737B8;
-  --on-dark-surface-transparent-deep-hover: #FAFAFAC2;
-  --on-dark-surface-transparent-deep-active: #FAFAFA94;
+  --on-dark-surface-transparent-deep-hover: #383838D6;
+  --on-dark-surface-transparent-deep-active: #383838A8;
   --on-dark-surface-transparent-card: #23232380;
-  --on-dark-surface-transparent-card-hover: #FAFAFA1F;
-  --on-dark-surface-transparent-card-active: #FAFAFA0A;
+  --on-dark-surface-transparent-card-hover: #2424249E;
+  --on-dark-surface-transparent-card-active: #24242470;
   --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-clear-hover: #FFFFFF00;
   --on-dark-surface-clear-active: #FFFFFF00;
   --on-dark-surface-accent: #0BA686;
-  --on-dark-surface-accent-hover: #0F9928FF;
-  --on-dark-surface-accent-active: #0C7D21FF;
+  --on-dark-surface-accent-hover: #0CBB98FF;
+  --on-dark-surface-accent-active: #0A9E81FF;
   --on-dark-surface-accent-minor: #04473B;
+  --on-dark-surface-solid-card-active: #1F1F1FFF;
   --on-dark-surface-solid-card: #232323;
-  --on-dark-surface-solid-card-active: #121212FF;
-  --on-dark-surface-solid-card-hover: #1C1C1CFF;
+  --on-dark-surface-solid-card-brightness: #262626FF;
   --on-dark-surface-solid-default-hover: #F9F7F5FF;
   --on-dark-surface-solid-default-active: #F2ECE9FF;
-  --on-dark-surface-solid-card-brightness: #262626FF;
-  --on-dark-surface-solid-default: #F6F2F0;
+  --on-dark-surface-transparent-primary: #FFFFFF14;
+  --on-dark-surface-transparent-primary-hover: #FFFFFFFF;
+  --on-dark-surface-solid-card-hover: #2E2E2EFF;
   --on-dark-surface-positive: #A6D2A2;
-  --on-dark-surface-positive-hover: #0F9928FF;
-  --on-dark-surface-positive-active: #0C7D21FF;
+  --on-dark-surface-positive-hover: #B3D9B0FF;
+  --on-dark-surface-positive-active: #9FCF9BFF;
   --on-dark-surface-warning: #F8AD80;
-  --on-dark-surface-warning-hover: #E65400FF;
-  --on-dark-surface-warning-active: #C74900FF;
+  --on-dark-surface-warning-hover: #F9BB94FF;
+  --on-dark-surface-warning-active: #F8A977FF;
   --on-dark-surface-negative: #F8A6A9;
-  --on-dark-surface-negative-hover: #ED1D31FF;
-  --on-dark-surface-negative-active: #D91226FF;
+  --on-dark-surface-negative-hover: #F9B8BAFF;
+  --on-dark-surface-negative-active: #F79C9FFF;
   --on-dark-surface-info: #9BCAF8;
-  --on-dark-surface-info-hover: #0D7EC9FF;
-  --on-dark-surface-info-active: #0B6CADFF;
+  --on-dark-surface-info-hover: #AED4F9FF;
+  --on-dark-surface-info-active: #91C4F7FF;
   --on-dark-surface-positive-minor-hover: #0E3A16FF;
   --on-dark-surface-positive-minor-active: #08210CFF;
   --on-dark-surface-warning-minor-hover: #4F250DFF;
   --on-dark-surface-warning-minor-active: #351909FF;
+  --on-dark-surface-transparent-accent-active: #0BA88824;
   --on-dark-surface-transparent-accent: #0BA68633;
-  --on-dark-surface-transparent-accent-active: #0D872424;
-  --on-dark-surface-transparent-accent-hover: #0D872452;
-  --on-dark-surface-transparent-positive-active: #0D872424;
-  --on-dark-surface-transparent-warning-hover: #D14D0052;
-  --on-dark-surface-transparent-negative-hover: #E2122752;
-  --on-dark-surface-transparent-negative-active: #E2122724;
-  --on-dark-surface-transparent-info-hover: #0C72B652;
-  --on-dark-surface-transparent-info-active: #0C72B624;
+  --on-dark-surface-transparent-accent-hover: #0BA88852;
+  --on-dark-surface-transparent-warning-hover: #E65400FF;
+  --on-dark-surface-transparent-negative-hover: #ED1D31FF;
+  --on-dark-surface-transparent-negative-active: #D91226FF;
+  --on-dark-surface-transparent-info-hover: #0D7EC9FF;
+  --on-dark-surface-transparent-info-active: #0B6CADFF;
   --on-dark-surface-read-only: #F9F9F905;
-  --on-dark-surface-read-only-hover: #FAFAFA0F;
-  --on-dark-surface-read-only-active: #FAFAFA00;
+  --on-dark-surface-read-only-hover: #FFFFFFFF;
+  --on-dark-surface-read-only-active: #F5F5F5FF;
   --on-light-surface-solid-primary: #FFFFFF;
-  --on-light-surface-solid-primary-hover: #F2F2F2FF;
-  --on-light-surface-solid-primary-active: #F0F0F0FF;
+  --on-light-surface-solid-primary-hover: #FFFFFFFF;
+  --on-light-surface-solid-primary-active: #FFFFFFFF;
   --on-light-surface-solid-primary-brightness: #FFFFFFFF;
   --on-light-surface-solid-secondary: #FFFFFF;
-  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
-  --on-light-surface-solid-secondary-active: #E6E6E6FF;
+  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
+  --on-light-surface-solid-secondary-active: #FFFFFFFF;
   --on-light-surface-solid-tertiary: #FFFFFF;
-  --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
+  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
   --on-dark-surface-negative-minor-hover: #5B1018FF;
-  --on-dark-surface-negative-minor-active: #410B11FF;
-  --on-dark-surface-transparent-positive-hover: #0D872452;
   --on-dark-surface-info-minor-hover: #10344CFF;
   --on-dark-surface-info-minor-active: #0A2333FF;
-  --on-light-surface-transparent-primary: #15110F0A;
-  --on-light-surface-transparent-primary-hover: #0808080D;
-  --on-light-surface-transparent-primary-active: #0808080F;
+  --on-dark-surface-transparent-positive-active: #0C7D21FF;
+  --on-dark-surface-transparent-positive-hover: #0F9928FF;
+  --on-dark-surface-negative-minor-active: #410B11FF;
+  --on-light-surface-transparent-primary-active: #15110F0F;
   --on-light-surface-transparent-secondary: #15110F14;
-  --on-light-surface-transparent-secondary-hover: #0808081A;
-  --on-light-surface-transparent-secondary-active: #0808081F;
+  --on-light-surface-transparent-secondary-hover: #15110F1A;
+  --on-light-surface-transparent-secondary-active: #15110F1F;
   --on-light-surface-transparent-tertiary: #15110F1F;
-  --on-light-surface-transparent-tertiary-hover: #0808082E;
-  --on-light-surface-transparent-tertiary-active: #08080833;
+  --on-light-surface-transparent-tertiary-hover: #15110F2E;
+  --on-light-surface-transparent-tertiary-active: #15110F33;
   --on-light-surface-transparent-deep: #FFFFFFB3;
-  --on-light-surface-transparent-deep-hover: #080808B3;
-  --on-light-surface-transparent-deep-active: #080808B8;
+  --on-light-surface-transparent-deep-hover: #FFFFFFFF;
+  --on-light-surface-transparent-deep-active: #FFFFFFFF;
   --on-light-surface-transparent-card: #FFFFFF85;
   --on-light-surface-transparent-card-hover: #FFFFFFFF;
   --on-light-surface-transparent-card-active: #FFFFFFFF;
@@ -419,70 +549,67 @@
   --on-light-surface-clear-hover: #FFFFFF00;
   --on-light-surface-clear-active: #FFFFFF00;
   --on-light-surface-accent: #0BA686;
-  --on-light-surface-accent-hover: #0F9928FF;
-  --on-light-surface-accent-active: #0B741FFF;
-  --on-light-surface-solid-card: #FFFFFF;
+  --on-light-surface-accent-hover: #0CBB98FF;
+  --on-light-surface-accent-active: #099579FF;
   --on-light-surface-solid-card-active: #FFFFFFFF;
-  --on-light-surface-solid-card-hover: #FFFFFFFF;
-  --on-light-surface-solid-default-hover: #262626FF;
-  --on-light-surface-solid-default-active: #030303FF;
+  --on-light-surface-solid-card: #FFFFFF;
   --on-light-surface-solid-card-brightness: #FFFFFFFF;
   --on-light-surface-solid-default: #15110F;
+  --on-light-surface-solid-default-hover: #271F1CFF;
+  --on-light-surface-transparent-primary: #15110F0A;
+  --on-light-surface-transparent-primary-hover: #15110F0D;
+  --on-light-surface-solid-default-active: #090706FF;
+  --on-light-surface-solid-card-hover: #FFFFFFFF;
   --on-light-surface-positive: #239322;
-  --on-light-surface-positive-hover: #0F9928FF;
-  --on-light-surface-positive-active: #0B741FFF;
+  --on-light-surface-positive-hover: #28A126FF;
+  --on-light-surface-positive-active: #20801EFF;
   --on-light-surface-warning: #BE4E0C;
-  --on-light-surface-warning-hover: #E65400FF;
-  --on-light-surface-warning-active: #BD4500FF;
+  --on-light-surface-warning-hover: #D3560DFF;
+  --on-light-surface-warning-active: #AD460BFF;
   --on-light-surface-negative: #E83439;
-  --on-light-surface-negative-hover: #ED1D31FF;
-  --on-light-surface-negative-active: #D01124FF;
+  --on-light-surface-negative-hover: #EC5156FF;
+  --on-light-surface-negative-active: #E72329FF;
   --on-light-surface-info: #3776BC;
-  --on-light-surface-info-hover: #0D84D3FF;
-  --on-light-surface-info-active: #0A66A3FF;
+  --on-light-surface-info-hover: #4180C8FF;
+  --on-light-surface-info-active: #326CAEFF;
   --on-light-surface-positive-minor-hover: #94F9A7FF;
   --on-light-surface-positive-minor-active: #8BF99FFF;
   --on-light-surface-warning-minor-hover: #FEDCC8FF;
-  --on-light-surface-accent-minor-active: #8BF99FFF;
-  --on-light-surface-transparent-accent-hover: #0D87242E;
+  --on-light-surface-transparent-accent-active: #0BA88833;
   --on-light-surface-transparent-accent: #0BA6861F;
-  --on-light-surface-transparent-accent-active: #0D872433;
-  --on-light-surface-transparent-positive-hover: #0D87242E;
-  --on-light-surface-transparent-positive-active: #0D872433;
-  --on-light-surface-transparent-warning-hover: #D14D002E;
-  --on-light-surface-transparent-warning-active: #D14D0033;
-  --on-light-surface-transparent-negative-hover: #E212272E;
-  --on-light-surface-transparent-negative-active: #E2122733;
-  --on-light-surface-transparent-info-hover: #0C72B62E;
-  --on-light-surface-transparent-info-active: #0C72B633;
+  --on-light-surface-transparent-accent-hover: #0BA8882E;
+  --on-light-surface-transparent-warning-hover: #E65400FF;
+  --on-light-surface-transparent-warning-active: #BD4500FF;
+  --on-light-surface-transparent-negative-hover: #ED1D31FF;
+  --on-light-surface-transparent-negative-active: #D01124FF;
+  --on-light-surface-transparent-info-hover: #0D84D3FF;
+  --on-light-surface-transparent-info-active: #0A66A3FF;
   --on-light-surface-read-only: #F9F9F903;
-  --on-light-surface-read-only-hover: #FAFAFA05;
-  --on-light-surface-read-only-active: #FAFAFA08;
+  --on-light-surface-read-only-hover: #F7F7F7FF;
+  --on-light-surface-read-only-active: #F5F5F5FF;
   --inverse-surface-solid-primary: #FFFFFF;
-  --inverse-surface-solid-primary-hover: #F2F2F2FF;
-  --inverse-surface-solid-primary-active: #F0F0F0FF;
+  --inverse-surface-solid-primary-hover: #FFFFFFFF;
+  --inverse-surface-solid-primary-active: #FFFFFFFF;
   --inverse-surface-solid-primary-brightness: #FFFFFFFF;
   --inverse-surface-solid-secondary: #FFFFFF;
-  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
-  --inverse-surface-solid-secondary-active: #E6E6E6FF;
-  --on-light-surface-negative-minor-active: #FFD1D6FF;
-  --on-light-surface-negative-minor-hover: #FFD6DAFF;
-  --on-light-surface-info-minor-active: #C2E7FFFF;
+  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
+  --inverse-surface-solid-secondary-active: #FFFFFFFF;
   --on-light-surface-info-minor-hover: #C7E9FFFF;
-  --inverse-surface-solid-default-hover: #262626FF;
-  --inverse-surface-solid-default-active: #030303FF;
-  --inverse-surface-transparent-primary: #15110F0A;
-  --inverse-surface-transparent-primary-hover: #0808080D;
-  --inverse-surface-transparent-primary-active: #0808080F;
+  --on-light-surface-info-minor-active: #C2E7FFFF;
+  --on-light-surface-transparent-positive-hover: #0F9928FF;
+  --on-light-surface-transparent-positive-active: #0B741FFF;
+  --on-light-surface-negative-minor-active: #FFD1D6FF;
+  --inverse-surface-transparent-primary-hover: #15110F0D;
+  --inverse-surface-transparent-primary-active: #15110F0F;
   --inverse-surface-transparent-secondary: #15110F14;
-  --inverse-surface-transparent-secondary-hover: #0808081A;
-  --inverse-surface-transparent-secondary-active: #0808081F;
+  --inverse-surface-transparent-secondary-hover: #15110F1A;
+  --inverse-surface-transparent-secondary-active: #15110F1F;
   --inverse-surface-transparent-tertiary: #15110F1F;
-  --inverse-surface-transparent-tertiary-hover: #0808082E;
-  --inverse-surface-transparent-tertiary-active: #08080833;
+  --inverse-surface-transparent-tertiary-hover: #15110F2E;
+  --inverse-surface-transparent-tertiary-active: #15110F33;
   --inverse-surface-transparent-deep: #FFFFFFB3;
-  --inverse-surface-transparent-deep-hover: #080808B3;
-  --inverse-surface-transparent-deep-active: #080808B8;
+  --inverse-surface-transparent-deep-hover: #FFFFFFFF;
+  --inverse-surface-transparent-deep-active: #FFFFFFFF;
   --inverse-surface-transparent-card: #FFFFFF85;
   --inverse-surface-transparent-card-hover: #FFFFFFFF;
   --inverse-surface-transparent-card-active: #FFFFFFFF;
@@ -491,46 +618,46 @@
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-clear-active: #FFFFFF00;
   --inverse-surface-accent: #0BA686;
-  --inverse-surface-solid-tertiary-hover: #D9D9D9FF;
+  --inverse-surface-solid-tertiary-active: #FFFFFFFF;
+  --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
   --inverse-surface-solid-card: #FFFFFF;
-  --inverse-surface-solid-tertiary-active: #D4D4D4FF;
+  --inverse-surface-solid-card-active: #FFFFFFFF;
+  --inverse-surface-solid-card-hover: #FFFFFFFF;
+  --inverse-surface-solid-default-hover: #271F1CFF;
+  --inverse-surface-solid-default-active: #090706FF;
   --inverse-surface-solid-card-brightness: #FFFFFFFF;
   --inverse-surface-solid-default: #15110F;
-  --inverse-surface-solid-card-hover: #FFFFFFFF;
-  --inverse-surface-solid-card-active: #FFFFFFFF;
+  --inverse-surface-transparent-primary: #15110F0A;
   --inverse-surface-positive: #239322;
-  --inverse-surface-positive-hover: #0F9928FF;
-  --inverse-surface-positive-active: #0B741FFF;
+  --inverse-surface-positive-hover: #28A126FF;
+  --inverse-surface-positive-active: #20801EFF;
   --inverse-surface-warning: #BE4E0C;
-  --inverse-surface-warning-hover: #E65400FF;
-  --inverse-surface-warning-active: #BD4500FF;
+  --inverse-surface-warning-hover: #D3560DFF;
+  --inverse-surface-warning-active: #AD460BFF;
   --inverse-surface-negative: #E83439;
-  --inverse-surface-negative-hover: #ED1D31FF;
-  --inverse-surface-negative-active: #D01124FF;
+  --inverse-surface-negative-hover: #EC5156FF;
+  --inverse-surface-negative-active: #E72329FF;
   --inverse-surface-info: #3776BC;
-  --inverse-surface-info-hover: #0D84D3FF;
-  --inverse-surface-info-active: #0A66A3FF;
+  --inverse-surface-info-hover: #4180C8FF;
+  --inverse-surface-info-active: #326CAEFF;
   --inverse-surface-positive-minor-hover: #94F9A7FF;
-  --inverse-surface-accent-hover: #0F9928FF;
-  --inverse-surface-accent-minor-hover: #94F9A7FF;
-  --inverse-surface-accent-active: #0B741FFF;
-  --inverse-surface-transparent-accent-hover: #0D87242E;
-  --inverse-surface-transparent-accent-active: #0D872433;
-  --inverse-surface-accent-minor-active: #8BF99FFF;
+  --inverse-surface-accent-minor-active: #BFEDE1FF;
+  --inverse-surface-accent-hover: #0CBB98FF;
   --inverse-surface-transparent-accent: #0BA6861F;
-  --inverse-surface-info-minor-hover: #C7E9FFFF;
-  --inverse-surface-info-minor-active: #C2E7FFFF;
-  --inverse-surface-transparent-positive-hover: #0D87242E;
-  --inverse-surface-transparent-positive-active: #0D872433;
-  --inverse-surface-transparent-warning-hover: #D14D002E;
-  --inverse-surface-transparent-warning-active: #D14D0033;
-  --inverse-surface-transparent-negative-hover: #E212272E;
-  --inverse-surface-transparent-negative-active: #E2122733;
-  --inverse-surface-transparent-info-hover: #0C72B62E;
-  --inverse-surface-transparent-info-active: #0C72B633;
+  --inverse-surface-transparent-accent-hover: #0BA8882E;
+  --inverse-surface-transparent-accent-active: #0BA88833;
+  --inverse-surface-accent-active: #099579FF;
+  --inverse-surface-transparent-positive-hover: #0F9928FF;
+  --inverse-surface-transparent-positive-active: #0B741FFF;
+  --inverse-surface-transparent-warning-hover: #E65400FF;
+  --inverse-surface-transparent-warning-active: #BD4500FF;
+  --inverse-surface-transparent-negative-hover: #ED1D31FF;
+  --inverse-surface-transparent-negative-active: #D01124FF;
+  --inverse-surface-transparent-info-hover: #0D84D3FF;
+  --inverse-surface-transparent-info-active: #0A66A3FF;
   --inverse-surface-read-only: #F9F9F903;
-  --inverse-surface-read-only-hover: #FAFAFA05;
-  --inverse-surface-read-only-active: #FAFAFA08;
+  --inverse-surface-read-only-hover: #F7F7F7FF;
+  --inverse-surface-read-only-active: #F5F5F5FF;
   --background-primary: #141413;
   --background-secondary: #0F0F0F;
   --background-tertiary: #141413;
@@ -539,11 +666,11 @@
   --dark-background-tertiary: #141413;
   --light-background-primary: #EBE7E5;
   --inverse-surface-warning-minor-hover: #FEDCC8FF;
-  --inverse-surface-warning-minor-active: #FED9C3FF;
-  --inverse-surface-negative-minor-active: #FFD1D6FF;
   --inverse-surface-negative-minor-hover: #FFD6DAFF;
-  --on-dark-overlay-soft: #0000001F;
-  --on-dark-overlay-hard: #00000029;
+  --inverse-surface-negative-minor-active: #FFD1D6FF;
+  --inverse-surface-info-minor-hover: #C7E9FFFF;
+  --inverse-surface-info-minor-active: #C2E7FFFF;
+  --inverse-surface-warning-minor-active: #FED9C3FF;
   --on-light-overlay-soft: #0000003D;
   --on-light-overlay-hard: #00000052;
   --inverse-overlay-soft: #0000003D;
@@ -556,33 +683,33 @@
   --outline-solid-default-hover: #808080FF;
   --outline-solid-default-active: #616161FF;
   --outline-transparent-primary: #FFFFFF1F;
-  --outline-transparent-primary-hover: #FAFAFA4D;
-  --outline-transparent-primary-active: #FAFAFA12;
-  --outline-transparent-secondary-hover: #FAFAFAB3;
-  --outline-transparent-secondary-active: #FAFAFA2B;
-  --outline-transparent-tertiary-hover: #FAFAFAFF;
-  --outline-transparent-tertiary-active: #FAFAFA47;
+  --outline-transparent-primary-hover: #858585FF;
+  --outline-transparent-primary-active: #666666FF;
+  --outline-transparent-secondary-hover: #808080FF;
+  --outline-transparent-secondary-active: #616161FF;
+  --outline-transparent-tertiary-hover: #808080FF;
+  --outline-transparent-tertiary-active: #616161FF;
   --outline-clear: #FFFFFF00;
-  --light-background-tertiary: #FFFFFF;
   --inverse-background-secondary: #F6F2F0;
-  --inverse-background-primary: #EBE7E5;
-  --overlay-hard: #00000029;
+  --light-background-tertiary: #FFFFFF;
   --inverse-background-tertiary: #FFFFFF;
   --overlay-soft: #0000001F;
-  --outline-transparent-accent-hover: #108E25B3;
-  --outline-transparent-accent-active: #108E252B;
+  --overlay-hard: #00000029;
+  --on-dark-overlay-soft: #0000001F;
+  --on-dark-overlay-hard: #00000029;
+  --inverse-background-primary: #EBE7E5;
   --outline-positive: #A6D2A2;
-  --outline-positive-hover: #16C533FF;
-  --outline-positive-active: #0E7C20FF;
+  --outline-positive-hover: #DBEDD9FF;
+  --outline-positive-active: #92C88DFF;
   --outline-warning: #F8AD80;
-  --outline-warning-hover: #FD9253FF;
-  --outline-warning-active: #CA4B02FF;
+  --outline-warning-hover: #FCE0CFFF;
+  --outline-warning-active: #F79C64FF;
   --outline-negative: #F8A6A9;
-  --outline-negative-hover: #F76977FF;
-  --outline-negative-active: #E40C22FF;
+  --outline-negative-hover: #F25A5FFF;
+  --outline-negative-active: #EF343AFF;
   --outline-info: #9BCAF8;
-  --outline-info-hover: #47B0F5FF;
-  --outline-info-active: #096CAEFF;
+  --outline-info-hover: #E7F2FDFF;
+  --outline-info-active: #7EBAF6FF;
   --outline-positive-minor-hover: #0F9527FF;
   --outline-positive-minor-active: #074A14FF;
   --outline-warning-minor-hover: #BB4F11FF;
@@ -591,16 +718,16 @@
   --outline-negative-minor-active: #8C121EFF;
   --outline-info-minor-hover: #1277BAFF;
   --outline-info-minor-active: #0B476FFF;
-  --outline-clear-hover: #FFFFFF00;
   --outline-clear-active: #FFFFFF00;
+  --outline-clear-hover: #FFFFFF00;
+  --outline-accent-active: #0B741FFF;
+  --outline-accent-hover: #13BE32FF;
+  --outline-transparent-accent-hover: #13BE32FF;
   --outline-accent-minor-hover: #0F9527FF;
   --outline-accent-minor-active: #074A14FF;
-  --outline-accent-hover: #16C533FF;
-  --outline-accent-active: #0E7C20FF;
-  --outline-transparent-info-hover: #47B0F5FF;
-  --outline-transparent-info-active: #096CAEFF;
-  --outline-read-only-hover: #FAFAFA4D;
-  --outline-read-only-active: #FAFAFA12;
+  --outline-transparent-accent-active: #0B741FFF;
+  --outline-read-only-hover: #808080FF;
+  --outline-read-only-active: #616161FF;
   --on-dark-outline-solid-primary-hover: #545454FF;
   --on-dark-outline-solid-primary-active: #171717FF;
   --on-dark-outline-solid-secondary-hover: #ABABABFF;
@@ -610,58 +737,59 @@
   --on-dark-outline-solid-default-hover: #808080FF;
   --on-dark-outline-solid-default-active: #616161FF;
   --on-dark-outline-transparent-primary: #FFFFFF1F;
-  --on-dark-outline-transparent-primary-hover: #FAFAFA4D;
-  --on-dark-outline-transparent-primary-active: #FAFAFA12;
-  --on-dark-outline-transparent-secondary-hover: #FAFAFAB3;
-  --on-dark-outline-transparent-secondary-active: #FAFAFA2B;
-  --on-dark-outline-transparent-tertiary-hover: #FAFAFAFF;
-  --outline-transparent-positive-active: #0E7C20FF;
-  --outline-transparent-warning-hover: #FD9253FF;
-  --outline-transparent-negative-active: #E40C22FF;
-  --outline-transparent-warning-active: #CA4B02FF;
-  --on-dark-outline-accent-minor-hover: #0F9527FF;
-  --on-dark-outline-accent-minor-active: #074A14FF;
-  --on-dark-outline-transparent-accent-hover: #108E25B3;
-  --on-dark-outline-transparent-accent-active: #108E252B;
+  --on-dark-outline-transparent-primary-hover: #858585FF;
+  --on-dark-outline-transparent-primary-active: #666666FF;
+  --on-dark-outline-transparent-secondary-hover: #808080FF;
+  --on-dark-outline-transparent-secondary-active: #616161FF;
+  --on-dark-outline-transparent-tertiary-hover: #808080FF;
+  --outline-transparent-warning-hover: #FF8138FF;
+  --outline-transparent-positive-active: #0B741FFF;
+  --outline-transparent-warning-active: #B34100FF;
+  --outline-transparent-negative-active: #C61022FF;
+  --outline-transparent-info-hover: #0F96F0FF;
+  --outline-transparent-info-active: #0A66A3FF;
+  --on-dark-outline-transparent-accent-hover: #13BE32FF;
+  --on-dark-outline-transparent-accent-active: #0B741FFF;
   --on-dark-outline-positive: #A6D2A2;
-  --on-dark-outline-positive-hover: #16C533FF;
-  --on-dark-outline-positive-active: #0E7C20FF;
+  --on-dark-outline-positive-hover: #DBEDD9FF;
+  --on-dark-outline-positive-active: #92C88DFF;
   --on-dark-outline-warning: #F8AD80;
-  --on-dark-outline-warning-hover: #FD9253FF;
-  --on-dark-outline-warning-active: #CA4B02FF;
+  --on-dark-outline-warning-hover: #FCE0CFFF;
+  --on-dark-outline-warning-active: #F79C64FF;
   --on-dark-outline-negative: #F8A6A9;
-  --on-dark-outline-negative-hover: #F76977FF;
-  --on-dark-outline-negative-active: #E40C22FF;
+  --on-dark-outline-negative-hover: #F25A5FFF;
+  --on-dark-outline-negative-active: #EF343AFF;
   --on-dark-outline-info: #9BCAF8;
-  --on-dark-outline-info-hover: #47B0F5FF;
-  --on-dark-outline-info-active: #096CAEFF;
+  --on-dark-outline-info-hover: #E7F2FDFF;
+  --on-dark-outline-info-active: #7EBAF6FF;
   --on-dark-outline-positive-minor-hover: #0F9527FF;
   --on-dark-outline-warning-minor-hover: #BB4F11FF;
-  --on-dark-outline-clear: #FFFFFF00;
   --on-dark-outline-clear-active: #FFFFFF00;
+  --on-dark-outline-clear: #FFFFFF00;
+  --on-dark-outline-accent-hover: #13BE32FF;
+  --on-dark-outline-accent-active: #0B741FFF;
+  --on-dark-outline-accent-minor-hover: #0F9527FF;
+  --on-dark-outline-accent-minor-active: #074A14FF;
   --on-dark-outline-clear-hover: #FFFFFF00;
-  --on-dark-outline-accent-active: #0E7C20FF;
-  --on-dark-outline-accent-hover: #16C533FF;
-  --on-dark-outline-transparent-positive-hover: #16C533FF;
-  --on-dark-outline-transparent-positive-active: #0E7C20FF;
-  --on-dark-outline-transparent-warning-hover: #FD9253FF;
-  --on-dark-outline-transparent-negative-hover: #F76977FF;
-  --on-dark-outline-transparent-negative-active: #E40C22FF;
-  --on-dark-outline-transparent-info-hover: #47B0F5FF;
-  --on-dark-outline-transparent-info-active: #096CAEFF;
-  --on-dark-outline-read-only-hover: #FAFAFA4D;
-  --on-dark-outline-read-only-active: #FAFAFA12;
+  --on-dark-outline-transparent-warning-hover: #FF8138FF;
+  --on-dark-outline-transparent-negative-hover: #F36876FF;
+  --on-dark-outline-transparent-negative-active: #C61022FF;
+  --on-dark-outline-transparent-info-hover: #0F96F0FF;
+  --on-dark-outline-transparent-info-active: #0A66A3FF;
+  --on-dark-outline-read-only-hover: #808080FF;
+  --on-dark-outline-read-only-active: #616161FF;
   --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-dark-outline-negative-minor-active: #8C121EFF;
-  --on-dark-outline-negative-minor-hover: #D41C2EFF;
-  --on-dark-outline-info-minor-active: #0B476FFF;
   --on-dark-outline-info-minor-hover: #1277BAFF;
-  --on-light-outline-transparent-secondary-hover: #0808082B;
-  --on-light-outline-transparent-secondary-active: #08080872;
-  --on-light-outline-transparent-tertiary-hover: #08080847;
+  --on-dark-outline-info-minor-active: #0B476FFF;
+  --on-dark-outline-transparent-positive-hover: #13BE32FF;
+  --on-dark-outline-transparent-positive-active: #0B741FFF;
+  --on-dark-outline-negative-minor-hover: #D41C2EFF;
+  --on-light-outline-transparent-secondary-active: #080808FF;
+  --on-light-outline-transparent-tertiary-hover: #969696FF;
   --on-light-outline-transparent-tertiary-active: #080808FF;
   --on-light-outline-clear: #FFFFFF00;
   --on-light-outline-clear-hover: #FFFFFF00;
@@ -670,17 +798,17 @@
   --on-light-outline-accent-active: #074A14FF;
   --on-light-outline-accent-minor-hover: #7AE68EFF;
   --on-light-outline-accent-minor-active: #23B83EFF;
-  --on-light-outline-transparent-accent-hover: #095D191F;
-  --on-light-outline-transparent-accent-active: #095D1952;
+  --on-light-outline-transparent-accent-hover: #0F9527FF;
+  --on-light-outline-transparent-accent-active: #074A14FF;
   --on-light-outline-positive: #239322;
-  --on-light-outline-positive-hover: #0F9527FF;
-  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
+  --on-light-outline-positive-hover: #32CA2FFF;
   --on-light-outline-solid-default-hover: #969696FF;
-  --on-light-outline-transparent-primary-hover: #08080852;
-  --on-light-outline-transparent-primary-active: #08080838;
+  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
   --on-light-outline-solid-default-active: #080808FF;
   --on-light-outline-transparent-primary: #15110F3D;
-  --on-light-outline-info-active: #093B5DFF;
+  --on-light-outline-transparent-primary-hover: #15110F25;
+  --on-light-outline-transparent-secondary-hover: #969696FF;
+  --on-light-outline-transparent-primary-active: #15110F62;
   --on-light-outline-positive-minor-hover: #7AE68EFF;
   --on-light-outline-positive-minor-active: #23B83EFF;
   --on-light-outline-warning-minor-hover: #FDB790FF;
@@ -697,22 +825,23 @@
   --on-light-outline-transparent-negative-active: #8C121EFF;
   --on-light-outline-transparent-info-hover: #137DC3FF;
   --on-light-outline-transparent-info-active: #093B5DFF;
-  --on-light-outline-warning: #BE4E0C;
   --on-light-outline-negative: #E83439;
-  --on-light-outline-warning-hover: #B14B10FF;
+  --on-light-outline-warning: #BE4E0C;
+  --on-light-outline-negative-hover: #F17E82FF;
+  --on-light-outline-negative-active: #DC181FFF;
   --on-light-outline-info: #3776BC;
-  --on-light-outline-info-hover: #137DC3FF;
-  --on-light-outline-negative-hover: #DD1D30FF;
-  --on-light-outline-negative-active: #8C121EFF;
-  --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
+  --on-light-outline-info-active: #3067A6FF;
+  --on-light-outline-info-hover: #81AADAFF;
+  --on-light-outline-warning-hover: #F3813FFF;
+  --inverse-outline-solid-primary-hover: #ABABABFF;
   --inverse-outline-solid-tertiary-active: #5C5C5CFF;
   --inverse-outline-solid-default-hover: #969696FF;
   --inverse-outline-solid-default-active: #080808FF;
   --inverse-outline-transparent-primary: #15110F3D;
   --inverse-outline-transparent-primary-hover: #15110F25;
   --inverse-outline-transparent-primary-active: #15110F62;
-  --inverse-outline-transparent-secondary-hover: #0808082B;
-  --inverse-outline-transparent-tertiary-hover: #08080847;
+  --inverse-outline-transparent-secondary-hover: #969696FF;
+  --inverse-outline-transparent-tertiary-hover: #969696FF;
   --inverse-outline-transparent-tertiary-active: #080808FF;
   --inverse-outline-clear: #FFFFFF00;
   --inverse-outline-clear-hover: #FFFFFF00;
@@ -721,23 +850,21 @@
   --inverse-outline-accent-active: #074A14FF;
   --inverse-outline-accent-minor-hover: #7AE68EFF;
   --inverse-outline-accent-minor-active: #23B83EFF;
-  --on-light-outline-read-only-active: #FAFAFA1C;
-  --inverse-outline-solid-primary-hover: #ABABABFF;
+  --inverse-outline-solid-primary-active: #C4C4C4FF;
+  --on-light-outline-read-only-active: #E0E0E0FF;
   --inverse-outline-solid-secondary-hover: #DBDBDBFF;
   --inverse-outline-solid-secondary-active: #8F8F8FFF;
-  --inverse-outline-solid-primary-active: #C4C4C4FF;
-  --inverse-outline-positive: #239322;
-  --inverse-outline-positive-hover: #0F9527FF;
-  --inverse-outline-positive-active: #074A14FF;
+  --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
+  --inverse-outline-positive-active: #20801EFF;
   --inverse-outline-warning: #BE4E0C;
   --inverse-outline-warning-hover: #F3813FFF;
   --inverse-outline-warning-active: #A3420AFF;
   --inverse-outline-negative: #E83439;
-  --inverse-outline-negative-hover: #DD1D30FF;
-  --inverse-outline-negative-active: #8C121EFF;
+  --inverse-outline-negative-hover: #F17E82FF;
+  --inverse-outline-negative-active: #DC181FFF;
   --inverse-outline-info: #3776BC;
-  --inverse-outline-info-hover: #137DC3FF;
-  --inverse-outline-info-active: #093B5DFF;
+  --inverse-outline-info-hover: #81AADAFF;
+  --inverse-outline-info-active: #3067A6FF;
   --inverse-outline-positive-minor-hover: #7AE68EFF;
   --inverse-outline-positive-minor-active: #23B83EFF;
   --inverse-outline-warning-minor-hover: #FDB790FF;
@@ -747,164 +874,304 @@
   --inverse-outline-info-minor-active: #29A9FFFF;
   --inverse-outline-transparent-positive-hover: #0F9527FF;
   --inverse-outline-transparent-positive-active: #074A14FF;
-  --inverse-outline-transparent-accent-active: #095D1952;
-  --inverse-outline-read-only-hover: #FAFAFA36;
-  --inverse-outline-read-only-active: #FAFAFA1C;
+  --inverse-outline-transparent-accent-active: #074A14FF;
+  --inverse-outline-positive: #239322;
+  --inverse-outline-positive-hover: #32CA2FFF;
+  --inverse-outline-read-only-active: #E0E0E0FF;
   --data-yellow-hover: #F4B22FFF;
   --data-yellow-active: #EDA20CFF;
   --data-yellow-minor-hover: #B87A00FF;
   --data-yellow-minor-active: #996600FF;
-  --data-yellow-transparent-hover: #F3A812AD;
-  --data-yellow-transparent-active: #F3A81280;
+  --data-yellow-transparent-hover: #F4B22FFF;
+  --data-yellow-transparent-active: #EDA20CFF;
   --on-dark-data-yellow-hover: #F4B22FFF;
   --on-dark-data-yellow-active: #EDA20CFF;
   --on-dark-data-yellow-minor-hover: #B87A00FF;
   --on-dark-data-yellow-minor-active: #996600FF;
-  --on-dark-data-yellow-transparent-hover: #F3A812AD;
-  --on-dark-data-yellow-transparent-active: #F3A81280;
+  --on-dark-data-yellow-transparent-hover: #F4B22FFF;
+  --on-dark-data-yellow-transparent-active: #EDA20CFF;
   --on-light-data-yellow-hover: #F5B638FF;
   --on-light-data-yellow-active: #E49C0CFF;
   --on-light-data-yellow-minor-hover: #FFCF70FF;
   --on-light-data-yellow-minor-active: #FFCC66FF;
-  --inverse-outline-transparent-warning-hover: #B14B10FF;
   --inverse-outline-transparent-negative-hover: #DD1D30FF;
+  --inverse-outline-transparent-warning-hover: #B14B10FF;
+  --inverse-outline-transparent-negative-active: #8C121EFF;
   --inverse-outline-transparent-info-hover: #137DC3FF;
+  --inverse-outline-read-only-hover: #C7C7C7FF;
   --inverse-outline-transparent-info-active: #093B5DFF;
-  --inverse-outline-transparent-negative-active: #8C121EFF;
-  --inverse-data-yellow-transparent-hover: #F3A8129E;
-  --inverse-data-yellow-transparent-active: #F3A812A3;
-  --on-light-data-yellow-transparent-active: #F3A812A3;
   --inverse-data-yellow-hover: #F5B638FF;
   --inverse-data-yellow-active: #E49C0CFF;
   --inverse-data-yellow-minor-active: #FFCC66FF;
+  --on-light-data-yellow-transparent-active: #E49C0CFF;
+  --inverse-data-yellow-transparent-active: #E49C0CFF;
+  --inverse-data-yellow-transparent-hover: #F5B638FF;
+  --inverse-outline-transparent-accent-hover: #0F9527FF;
+  --text-primary-hover: #FFFFFF97;
+  --on-dark-text-warning-minor-active: #9F440FFF;
+  --on-dark-surface-solid-default: #F6F2F0;
+  --on-light-surface-accent-minor-active: #BFEDE1FF;
+  --on-light-surface-negative-minor-hover: #FFD6DAFF;
+  --inverse-surface-accent-minor-hover: #C7F0E5FF;
   color: var(--text-primary);
   background-color: var(--background-primary);
 }
 .dark {
   --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
+  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
+  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
+  --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
+  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
+  --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
+  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
   --inverse-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
+  --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
   --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
-  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
-  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
-  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
-  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
   --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
   --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
-  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
-  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
   --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
   --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
-  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
-  --inverse-overlay-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
   --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
+  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
   --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
-  --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
-  --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
+  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
+  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
+  --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
   --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
-  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
+  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
+  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
   --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
+  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
+  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
+  --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
   --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
-  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
-  --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
   --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
-  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
-  --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
+  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
+  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
+  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
+  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
+  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
+  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
+  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
   --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
-  --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
-  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
-  --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
-  --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
-  --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
+  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
+  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
   --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
-  --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
-  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
+  --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
+  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
   --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
-  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
+  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
+  --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
+  --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
+  --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
+  --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
+  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
   --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
   --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
-  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
-  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
+  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
+  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
   --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
-  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
-  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
-  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
   --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
-  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
-  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
-  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
-  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
   --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
   --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
-  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%);
   --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
   --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%);
   --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
+  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%);
 }
 .light {
+  --on-dark-personas-green-text-accent: #6CD5BB;
+  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
+  --on-dark-personas-green-text-accent-active: #54CFB0FF;
+  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
+  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
+  --surface-transparent-accent-minor-hover: #0BA8884D;
+  --surface-transparent-accent-minor-active: #0BA88852;
+  --on-light-outline-primary-hover: #ADA39FFF;
+  --on-light-outline-primary-active: #C4BEBAFF;
+  --inverse-outline-default-hover: #666666FF;
+  --inverse-outline-default-active: #292929FF;
+  --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
+  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
+  --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
+  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
+  --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
+  --inverse-personas-violet-text-accent-active: #D982E8FF;
+  --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
+  --inverse-surface-transparent-accent-minor-active: #0BA8882E;
+  --on-light-personas-blue-text-accent-hover: #1477E1FF;
+  --on-light-personas-blue-text-accent-active: #0D4F96FF;
+  --on-dark-surface-transparent-navi-hover: #242424B8;
+  --on-dark-surface-transparent-navi-active: #2424248A;
+  --inverse-outline-primary-hover: #6B6461FF;
+  --inverse-outline-primary-active: #2B2827FF;
+  --on-light-outline-default-hover: #CCCCCCFF;
+  --on-light-outline-default-active: #E6E6E6FF;
+  --on-dark-outline-default-hover: #666666FF;
+  --on-dark-outline-default-active: #292929FF;
+  --personas-green-text-accent-hover: #8CDECAFF;
+  --personas-green-text-accent-active: #4CCDACFF;
+  --personas-sea-blue-text-accent-hover: #000000FF;
+  --personas-sea-blue-text-accent-active: #4BB4B4FF;
+  --inverse-surface-accent-secondary-hover: #70CDB7FF;
+  --inverse-surface-accent-secondary-active: #59C5ACFF;
+  --on-light-surface-accent-secondary-hover: #50C3A8FF;
+  --on-light-surface-accent-secondary-active: #3CAF94FF;
+  --surface-transparent-navi-hover: #242424A8;
+  --surface-transparent-navi-active: #242424AD;
+  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
+  --on-light-surface-transparent-accent-minor-active: #0BA88852;
+  --on-light-personas-green-text-accent-hover: #04D7A6FF;
+  --on-light-personas-green-text-accent-active: #04AF87FF;
+  --outline-default-hover: #B3B3B3FF;
+  --outline-default-active: #6B6B6BFF;
+  --on-dark-outline-primary-hover: #6B6461FF;
   --on-dark-outline-positive-minor-active: #074A14FF;
-  --on-light-outline-read-only-hover: #FAFAFA36;
+  --on-dark-outline-primary-active: #2B2827FF;
+  --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
+  --on-dark-personas-pink-text-accent-active: #F58A8AFF;
+  --outline-primary-hover: #B6B1AFFF;
+  --outline-primary-active: #706966FF;
+  --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
+  --inverse-personas-indigo-text-accent-active: #652DA9FF;
+  --inverse-personas-pink-text-accent-hover: #E26E6EFF;
+  --inverse-personas-pink-text-accent-active: #D83B3BFF;
+  --personas-olive-text-accent-hover: #1DB71AFF;
+  --personas-olive-text-accent-active: #179315FF;
+  --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
+  --inverse-personas-ochre-text-accent-active: #F19F7EFF;
+  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
+  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
+  --inverse-surface-transparent-navi-hover: #242424B8;
+  --inverse-surface-transparent-navi-active: #2424248A;
+  --on-light-personas-olive-text-accent-hover: #1DB71AFF;
+  --on-light-personas-olive-text-accent-active: #179315FF;
+  --on-light-personas-violet-text-accent-hover: #B740C9FF;
+  --on-light-personas-violet-text-accent-active: #81288FFF;
+  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
+  --on-light-outline-read-only-hover: #C7C7C7FF;
+  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
+  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
+  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
+  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
+  --on-dark-surface-accent-secondary-active: #59C5ACFF;
+  --inverse-personas-green-text-accent-hover: #04C396FF;
+  --inverse-personas-green-text-accent-active: #03A57FFF;
+  --on-light-personas-pink-text-accent-hover: #E47777FF;
+  --on-light-personas-pink-text-accent-active: #D73333FF;
   --on-dark-personas-ochre-text-accent: #F4B49B;
+  --surface-accent-secondary-hover: #50C3A8FF;
+  --surface-accent-secondary-active: #3CAF94FF;
+  --personas-pink-text-accent-hover: #FBCBCBFF;
   --surface-transparent-accent-minor: #0BA6863D;
-  --on-dark-personas-green-text-accent: #6CD5BB;
+  --personas-pink-text-accent-active: #F48080FF;
+  --personas-indigo-text-accent-hover: #000000FF;
+  --personas-indigo-text-accent-active: #5B2999FF;
+  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
+  --on-dark-personas-violet-text-accent-active: #D982E8FF;
   --on-light-outline-primary: #DDD9D7;
+  --on-light-surface-transparent-navi-hover: #FFFFFFFF;
   --inverse-outline-default: #383838;
+  --on-light-surface-transparent-navi-active: #FFFFFFFF;
   --inverse-personas-sea-blue-text-accent: #00898D;
   --background-hardline: #FFFFFF;
   --inverse-personas-blue-text-accent: #79B3F2;
+  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
   --inverse-personas-violet-text-accent: #E19DED;
+  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
   --inverse-surface-transparent-accent-minor: #0BA6863D;
+  --on-light-personas-indigo-text-accent-hover: #000000FF;
   --on-light-personas-blue-text-accent: #1063BA;
+  --on-light-personas-indigo-text-accent-active: #5B2999FF;
   --on-dark-surface-transparent-navi: #23232399;
+  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
   --inverse-outline-primary: #3B3735;
+  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
   --on-light-outline-default: #FFFFFF;
+  --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
+  --inverse-personas-olive-text-accent-active: #7DC07CFF;
+  --personas-ochre-text-accent-hover: #ED6C1DFF;
   --on-dark-outline-default: #383838;
+  --personas-ochre-text-accent-active: #AA4A0EFF;
   --personas-green-text-accent: #6CD5BB;
   --personas-sea-blue-text-accent: #7BC8C8;
+  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
   --inverse-background-hardline: #FFFFFF;
   --inverse-surface-accent-secondary: #61C8B0;
+  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
   --light-background-hardline: #FFFFFF;
+  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
   --on-light-surface-accent-secondary: #41BDA1;
   --surface-transparent-navi: #23232399;
+  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
+  --personas-violet-text-accent-hover: #EBBEF3FF;
   --on-light-surface-transparent-accent-minor: #0BA6863D;
+  --personas-violet-text-accent-active: #D679E6FF;
   --on-light-personas-green-text-accent: #038768;
+  --personas-blue-text-accent-hover: #1477E1FF;
   --outline-default: #383838;
+  --personas-blue-text-accent-active: #0D4F96FF;
+  --text-primary-brightness-hover: #17171793;
   --dark-background-hardline: #000000;
+  --text-primary-brightness-active: #171717C4;
   --on-dark-outline-primary: #3B3735;
+  --on-dark-text-primary-brightness-hover: #FAFAFA93;
   --on-dark-personas-pink-text-accent: #F7A4A4;
-  --on-dark-text-accent-minor-hover: #0F9527FF;
-  --on-dark-surface-accent-minor-active: #08210CFF;
-  --surface-solid-tertiary-active: #D4D4D4FF;
-  --on-light-surface-warning-minor-active: #FED9C3FF;
-  --inverse-surface-positive-minor-active: #08210CFF;
-  --inverse-personas-ochre-text-accent: #F4B49B;
-  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
-  --on-dark-personas-olive-text-accent: #93CB92;
-  --on-light-outline-positive-active: #074A14FF;
-  --inverse-surface-transparent-navi: #23232399;
-  --on-light-personas-olive-text-accent: #127210;
-  --inverse-personas-indigo-text-accent: #7133BE;
+  --on-dark-text-primary-brightness-active: #FAFAFAC4;
+  --on-light-text-primary-brightness-hover: #17171793;
+  --on-light-text-primary-brightness-active: #171717C4;
+  --inverse-text-primary-brightness-hover: #FAFAFA93;
+  --inverse-text-primary-brightness-active: #FAFAFAC4;
+  --surface-solid-primary-brightness-active: #FFFFFFFF;
+  --surface-transparent-card-brightness-hover: #FFFFFFFF;
+  --surface-transparent-card-brightness-active: #FFFFFFFF;
+  --surface-solid-card-brightness-hover: #FFFFFFFF;
+  --surface-solid-card-brightness-active: #FFFFFFFF;
+  --surface-solid-primary-brightness-hover: #FFFFFFFF;
+  --on-dark-surface-solid-primary-brightness-hover: #303030FF;
+  --on-dark-surface-solid-primary-brightness-active: #212121FF;
+  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
+  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
+  --on-dark-surface-solid-card-brightness-hover: #303030FF;
+  --on-dark-surface-solid-card-brightness-active: #212121FF;
+  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
+  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
   --outline-transparent-negative-hover: #DD1D30FF;
-  --on-dark-outline-transparent-warning-active: #CA4B02FF;
-  --on-light-data-yellow-transparent-hover: #F3A8129E;
+  --on-dark-outline-transparent-warning-active: #B34100FF;
   --outline-primary: #3B3735;
-  --personas-olive-text-accent: #127210;
+  --inverse-personas-indigo-text-accent: #7133BE;
   --inverse-personas-pink-text-accent: #DE5555;
-  --text-primary: #15110FFC;
   --on-dark-text-warning-minor-hover: #BB4F11FF;
-  --inverse-surface-solid-tertiary: #474747;
-  --light-background-secondary: #F6F2F0;
-  --on-dark-outline-transparent-tertiary-active: #FAFAFA47;
+  --on-light-outline-positive-active: #20801EFF;
+  --personas-olive-text-accent: #127210;
+  --inverse-personas-ochre-text-accent: #F4B49B;
+  --surface-solid-tertiary-active: #FFFFFFFF;
+  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
+  --on-light-surface-warning-minor-active: #FED9C3FF;
+  --on-light-data-yellow-transparent-hover: #F5B638FF;
+  --on-dark-personas-olive-text-accent: #93CB92;
+  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
+  --on-dark-surface-accent-minor-active: #043F34FF;
+  --text-primary: #15110FFC;
+  --on-dark-text-accent-minor-hover: #60C7AFFF;
+  --inverse-surface-transparent-navi: #23232399;
+  --on-light-personas-olive-text-accent: #127210;
+  --inverse-surface-positive-minor-active: #08210CFF;
+  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
+  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
+  --inverse-surface-solid-primary-brightness-hover: #303030FF;
+  --inverse-surface-solid-primary-brightness-active: #212121FF;
+  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
   --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
   --on-light-outline-warning-active: #A3420AFF;
-  --inverse-outline-transparent-secondary-active: #FAFAFA2B;
-  --inverse-outline-transparent-warning-active: #CA4B02FF;
+  --inverse-outline-transparent-secondary-active: #616161FF;
+  --inverse-outline-transparent-warning-active: #B34100FF;
   --inverse-data-yellow-minor-hover: #B87A00FF;
   --on-light-personas-violet-text-accent: #9E32AF;
   --on-light-personas-ochre-text-accent: #D15A11;
@@ -914,56 +1181,60 @@
   --on-light-personas-pink-text-accent: #DE5555;
   --surface-accent-secondary: #41BDA1;
   --surface-accent-minor: #D0F2E9;
+  --on-dark-surface-solid-tertiary-active: #424242FF;
+  --light-background-secondary: #F6F2F0;
+  --inverse-surface-solid-tertiary: #474747;
   --on-light-surface-accent-minor: #D0F2E9;
-  --on-dark-surface-solid-tertiary-active: #303030FF;
-  --outline-solid-tertiary-hover: #A3A3A3FF;
-  --outline-transparent-positive-hover: #0F9527FF;
-  --on-dark-surface-accent-minor-hover: #0E3A16FF;
+  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
+  --on-dark-outline-transparent-tertiary-active: #616161FF;
+  --inverse-surface-solid-card-brightness-hover: #303030FF;
+  --on-dark-surface-transparent-warning-active: #C74900FF;
+  --on-light-surface-accent-minor-hover: #C7F0E5FF;
   --inverse-surface-accent-minor: #04473B;
-  --on-light-surface-accent-minor-hover: #94F9A7FF;
-  --on-dark-surface-transparent-warning-active: #D14D0024;
-  --personas-ochre-text-accent: #D15A11;
+  --outline-transparent-positive-hover: #0F9527FF;
+  --outline-solid-tertiary-hover: #A3A3A3FF;
+  --inverse-surface-solid-card-brightness-active: #212121FF;
+  --on-dark-surface-accent-minor-hover: #055C4CFF;
   --personas-pink-text-accent: #F7A4A4;
   --personas-indigo-text-accent: #7133BE;
   --on-dark-personas-violet-text-accent: #E19DED;
   --on-light-surface-transparent-navi: #FFFFFF99;
   --on-dark-personas-blue-text-accent: #79B3F2;
-  --inverse-outline-transparent-accent-hover: #108E25B3;
+  --on-light-personas-indigo-text-accent: #7133BE;
   --on-light-personas-sea-blue-text-accent: #00898D;
   --inverse-personas-olive-text-accent: #93CB92;
-  --on-light-personas-indigo-text-accent: #7133BE;
+  --personas-ochre-text-accent: #D15A11;
   --on-dark-surface-transparent-accent-minor: #0BA68647;
   --inverse-outline-warning-minor-active: #70300AFF;
-  --on-light-text-warning-active: #A84710FF;
+  --on-light-text-warning-active: #6F2D06FF;
   --on-dark-personas-sea-blue-text-accent: #7BC8C8;
   --text-info-minor-active: #29A9FFFF;
   --inverse-text-warning-minor-hover: #BB4F11FF;
   --on-dark-outline-warning-minor-active: #70300AFF;
   --personas-violet-text-accent: #E19DED;
   --personas-blue-text-accent: #1063BA;
-  --text-tertiary-hover: #171717FF;
-  --text-tertiary-active: #17171756;
+  --text-secondary: #15110FA3;
   --text-paragraph: #15110F66;
-  --text-paragraph-hover: #1717177A;
-  --text-paragraph-active: #171717A3;
+  --text-paragraph-hover: #15110FFF;
+  --text-paragraph-active: #15110F7A;
   --text-accent: #0A8E73;
-  --text-accent-hover: #11A72CFF;
-  --text-accent-active: #0D8222FF;
+  --text-accent-hover: #0DB593FF;
+  --text-accent-active: #076955FF;
   --text-accent-minor: #0A8E7366;
-  --text-accent-minor-hover: #47DC62FF;
-  --text-accent-minor-active: #21B03CFF;
+  --text-accent-minor-hover: #0A8F74FF;
+  --text-accent-minor-active: #0A8F747A;
   --text-positive: #207F1F;
-  --text-positive-hover: #11A72CFF;
-  --text-positive-active: #0D8222FF;
+  --text-positive-hover: #29A027FF;
+  --text-positive-active: #185E17FF;
   --text-warning: #973C09;
-  --text-warning-hover: #CD5713FF;
-  --text-warning-active: #A84710FF;
+  --text-warning-hover: #BC4C0BFF;
+  --text-warning-active: #6F2D06FF;
   --text-negative: #D11D23;
-  --text-negative-hover: #C2192AFF;
-  --text-negative-active: #7A101AFF;
+  --text-negative-hover: #E3353BFF;
+  --text-negative-active: #AF181DFF;
   --text-info: #205EA5;
-  --text-info-hover: #1483CCFF;
-  --text-info-active: #116BA7FF;
+  --text-info-hover: #000000FF;
+  --text-info-active: #194B85FF;
   --text-positive-minor-hover: #47DC62FF;
   --text-positive-minor-active: #21B03CFF;
   --text-warning-minor-hover: #FDB790FF;
@@ -971,116 +1242,113 @@
   --text-negative-minor-hover: #FFB8BFFF;
   --text-negative-minor-active: #FF6675FF;
   --text-info-minor-hover: #7ACAFFFF;
-  --text-primary-hover: #15110F97;
-  --text-primary-brightness: #171717F5;
+  --text-secondary-hover: #15110FFF;
   --text-primary-active: #15110FCA;
-  --text-secondary-active: #171717AB;
+  --text-secondary-active: #15110FC4;
   --text-tertiary: #15110F3D;
-  --text-secondary: #15110FA3;
-  --text-secondary-hover: #171717FF;
-  --on-dark-text-tertiary: #F6F2F03D;
-  --on-dark-text-tertiary-hover: #FAFAFAFF;
-  --on-dark-text-tertiary-active: #FAFAFA56;
+  --text-tertiary-hover: #15110FFF;
+  --text-tertiary-active: #15110F49;
+  --text-primary-brightness: #171717F5;
+  --on-dark-text-tertiary-active: #F5F1EF49;
   --on-dark-text-paragraph: #F6F2F07A;
-  --on-dark-text-paragraph-hover: #FAFAFA7A;
-  --on-dark-text-paragraph-active: #FAFAFAA3;
+  --on-dark-text-paragraph-hover: #F5F1EFFF;
+  --on-dark-text-paragraph-active: #F5F1EF93;
   --on-dark-text-accent: #61C8B0;
-  --on-dark-text-accent-hover: #13AA2CFF;
-  --on-dark-text-accent-active: #0D731EFF;
+  --on-dark-text-accent-hover: #77CFBBFF;
+  --on-dark-text-accent-active: #4ABFA4FF;
   --on-dark-text-accent-minor: #61C8B07A;
-  --on-dark-text-accent-minor-active: #0C7920FF;
+  --on-dark-text-accent-minor-active: #60C7AF93;
   --on-dark-text-positive: #50A84C;
-  --on-dark-text-positive-hover: #13AA2CFF;
-  --on-dark-text-positive-active: #0D731EFF;
+  --on-dark-text-positive-hover: #62B65DFF;
+  --on-dark-text-positive-active: #469442FF;
   --on-dark-text-warning: #DA6828;
-  --on-dark-text-warning-hover: #FD650DFF;
-  --on-dark-text-warning-active: #CA4B02FF;
+  --on-dark-text-warning-hover: #DF7D43FF;
+  --on-dark-text-warning-active: #C45D21FF;
   --on-dark-text-negative: #F57E83;
-  --on-dark-text-negative-hover: #F5384BFF;
-  --on-dark-text-negative-active: #E40C22FF;
+  --on-dark-text-negative-hover: #F89BA0FF;
+  --on-dark-text-negative-active: #F3626AFF;
   --on-dark-text-info: #70B2F5;
-  --on-dark-text-info-hover: #34A7F4FF;
-  --on-dark-text-info-active: #096CAEFF;
+  --on-dark-text-info-hover: #BCDBFAFF;
+  --on-dark-text-info-active: #53A3F3FF;
   --on-dark-text-positive-minor-hover: #0F9527FF;
   --on-dark-text-positive-minor-active: #0C7920FF;
-  --on-dark-text-primary: #F6F2F0FC;
-  --on-dark-text-primary-active: #F5F1EFCA;
-  --on-dark-text-primary-hover: #F5F1EF97;
-  --on-dark-text-secondary-hover: #FAFAFAFF;
-  --on-dark-text-secondary-active: #FAFAFAAB;
+  --on-dark-text-primary-active: #FFFFFFCA;
+  --on-dark-text-primary: #FFFFFFFC;
   --on-dark-text-primary-brightness: #FAFAFAF5;
   --on-dark-text-secondary: #F6F2F0A3;
-  --on-dark-text-info-minor-active: #10659EFF;
-  --on-light-text-primary: #15110FFC;
+  --on-dark-text-secondary-hover: #F5F1EFFF;
+  --on-dark-text-tertiary: #F6F2F03D;
+  --on-dark-text-tertiary-hover: #F5F1EFFF;
+  --on-dark-text-secondary-active: #F5F1EFC4;
+  --on-dark-text-primary-hover: #FFFFFF97;
+  --on-dark-text-negative-minor-active: #83111CFF;
   --on-light-text-primary-hover: #15110F97;
   --on-light-text-primary-active: #15110FCA;
   --on-light-text-primary-brightness: #171717F5;
   --on-light-text-secondary: #15110FA3;
-  --on-light-text-secondary-hover: #171717FF;
-  --on-light-text-secondary-active: #171717AB;
+  --on-light-text-secondary-hover: #15110FFF;
+  --on-light-text-secondary-active: #15110FC4;
   --on-light-text-tertiary: #15110F3D;
-  --on-light-text-tertiary-hover: #171717FF;
-  --on-light-text-tertiary-active: #17171756;
+  --on-light-text-tertiary-hover: #15110FFF;
+  --on-light-text-tertiary-active: #15110F49;
   --on-light-text-paragraph: #15110F66;
-  --on-light-text-paragraph-hover: #1717177A;
-  --on-light-text-paragraph-active: #171717A3;
+  --on-light-text-paragraph-hover: #15110FFF;
+  --on-light-text-paragraph-active: #15110F7A;
   --on-light-text-accent: #0A8E73;
-  --on-light-text-accent-hover: #11A72CFF;
-  --on-light-text-accent-active: #0D8222FF;
+  --on-light-text-accent-hover: #0DB593FF;
+  --on-light-text-accent-active: #076955FF;
   --on-light-text-accent-minor: #0A8E7366;
-  --on-light-text-accent-minor-hover: #47DC62FF;
-  --on-light-text-accent-minor-active: #21B03CFF;
+  --on-light-text-accent-minor-hover: #0A8F74FF;
+  --on-light-text-accent-minor-active: #0A8F747A;
   --on-light-text-positive: #207F1F;
-  --on-light-text-positive-hover: #11A72CFF;
-  --on-light-text-positive-active: #0D8222FF;
+  --on-light-text-positive-hover: #29A027FF;
+  --on-light-text-positive-active: #185E17FF;
   --on-light-text-warning: #973C09;
-  --on-light-text-warning-hover: #CD5713FF;
-  --on-dark-text-warning-minor-active: #9F440FFF;
+  --on-light-text-warning-hover: #BC4C0BFF;
   --on-dark-text-info-minor-hover: #1277BAFF;
+  --on-dark-text-info-minor-active: #10659EFF;
+  --on-light-text-primary: #15110FFC;
   --on-dark-text-negative-minor-hover: #B91828FF;
-  --on-dark-text-negative-minor-active: #83111CFF;
-  --on-light-text-positive-minor-hover: #47DC62FF;
-  --on-light-text-positive-minor-active: #21B03CFF;
   --on-light-text-warning-minor-hover: #FDB790FF;
   --on-light-text-warning-minor-active: #FC8240FF;
   --on-light-text-negative-minor-hover: #FFB8BFFF;
   --on-light-text-negative-minor-active: #FF6675FF;
   --on-light-text-info-minor-hover: #7ACAFFFF;
   --on-light-text-info-minor-active: #29A9FFFF;
-  --inverse-text-primary: #F6F2F0FC;
-  --inverse-text-primary-hover: #F5F1EF97;
-  --inverse-text-primary-active: #F5F1EFCA;
+  --inverse-text-primary: #FFFFFFFC;
+  --inverse-text-primary-hover: #FFFFFF97;
+  --inverse-text-primary-active: #FFFFFFCA;
   --inverse-text-primary-brightness: #FAFAFAF5;
   --inverse-text-secondary: #F6F2F0A3;
-  --inverse-text-secondary-hover: #FAFAFAFF;
-  --inverse-text-secondary-active: #FAFAFAAB;
+  --inverse-text-secondary-hover: #F5F1EFFF;
+  --inverse-text-secondary-active: #F5F1EFC4;
   --inverse-text-tertiary: #F6F2F03D;
-  --inverse-text-tertiary-hover: #FAFAFAFF;
-  --inverse-text-tertiary-active: #FAFAFA56;
+  --inverse-text-tertiary-hover: #F5F1EFFF;
+  --inverse-text-tertiary-active: #F5F1EF49;
   --inverse-text-paragraph: #F6F2F07A;
-  --inverse-text-paragraph-hover: #FAFAFA7A;
-  --inverse-text-paragraph-active: #FAFAFAA3;
+  --inverse-text-paragraph-hover: #F5F1EFFF;
+  --inverse-text-paragraph-active: #F5F1EF93;
   --inverse-text-accent: #61C8B0;
-  --inverse-text-accent-hover: #13AA2CFF;
-  --inverse-text-accent-active: #0D731EFF;
+  --inverse-text-accent-hover: #77CFBBFF;
+  --inverse-text-accent-active: #4ABFA4FF;
   --inverse-text-accent-minor: #61C8B07A;
-  --inverse-text-accent-minor-hover: #0F9527FF;
-  --inverse-text-accent-minor-active: #0C7920FF;
+  --inverse-text-accent-minor-hover: #60C7AFFF;
+  --inverse-text-accent-minor-active: #60C7AF93;
+  --on-light-text-negative-active: #AF181DFF;
   --on-light-text-negative: #D11D23;
-  --on-light-text-negative-active: #7A101AFF;
-  --on-light-text-negative-hover: #C2192AFF;
-  --on-light-text-info-active: #116BA7FF;
   --on-light-text-info: #205EA5;
-  --on-light-text-info-hover: #1483CCFF;
-  --inverse-text-warning: #DA6828;
-  --inverse-text-warning-hover: #FD650DFF;
-  --inverse-text-warning-active: #CA4B02FF;
+  --on-light-text-info-hover: #000000FF;
+  --on-light-text-info-active: #194B85FF;
+  --on-light-text-positive-minor-hover: #47DC62FF;
+  --on-light-text-positive-minor-active: #21B03CFF;
+  --on-light-text-negative-hover: #E3353BFF;
+  --inverse-text-warning-active: #C45D21FF;
   --inverse-text-negative: #F57E83;
-  --inverse-text-negative-hover: #F5384BFF;
-  --inverse-text-negative-active: #E40C22FF;
+  --inverse-text-negative-hover: #F89BA0FF;
+  --inverse-text-negative-active: #F3626AFF;
   --inverse-text-info: #70B2F5;
-  --inverse-text-info-hover: #34A7F4FF;
-  --inverse-text-info-active: #096CAEFF;
+  --inverse-text-info-hover: #BCDBFAFF;
+  --inverse-text-info-active: #53A3F3FF;
   --inverse-text-positive-minor-hover: #0F9527FF;
   --inverse-text-positive-minor-active: #0C7920FF;
   --inverse-text-warning-minor-active: #9F440FFF;
@@ -1089,175 +1357,174 @@
   --inverse-text-info-minor-hover: #1277BAFF;
   --inverse-text-info-minor-active: #10659EFF;
   --surface-solid-primary: #FFFFFF;
-  --surface-solid-primary-hover: #F2F2F2FF;
-  --surface-solid-primary-active: #F0F0F0FF;
+  --surface-solid-primary-hover: #FFFFFFFF;
+  --surface-solid-primary-active: #FFFFFFFF;
   --surface-solid-primary-brightness: #FFFFFFFF;
   --surface-solid-secondary: #FFFFFF;
-  --surface-solid-secondary-hover: #E8E8E8FF;
-  --surface-solid-secondary-active: #E6E6E6FF;
+  --surface-solid-secondary-hover: #FFFFFFFF;
+  --surface-solid-secondary-active: #FFFFFFFF;
   --surface-solid-tertiary: #FFFFFF;
-  --surface-solid-tertiary-hover: #D9D9D9FF;
-  --inverse-text-positive-hover: #13AA2CFF;
-  --inverse-text-positive-active: #0D731EFF;
+  --surface-solid-tertiary-hover: #FFFFFFFF;
   --inverse-text-positive: #50A84C;
-  --surface-transparent-primary: #15110F0A;
-  --surface-transparent-primary-hover: #0808080D;
-  --surface-transparent-primary-active: #0808080F;
+  --inverse-text-positive-hover: #62B65DFF;
+  --inverse-text-warning: #DA6828;
+  --inverse-text-warning-hover: #DF7D43FF;
+  --inverse-text-positive-active: #469442FF;
+  --surface-transparent-primary-active: #15110F0F;
   --surface-transparent-secondary: #15110F14;
-  --surface-transparent-secondary-hover: #0808081A;
-  --surface-transparent-secondary-active: #0808081F;
+  --surface-transparent-secondary-hover: #15110F1A;
+  --surface-transparent-secondary-active: #15110F1F;
   --surface-transparent-tertiary: #15110F1F;
-  --surface-transparent-tertiary-hover: #0808082E;
-  --surface-transparent-tertiary-active: #08080833;
+  --surface-transparent-tertiary-hover: #15110F2E;
+  --surface-transparent-tertiary-active: #15110F33;
   --surface-transparent-deep: #FFFFFFB3;
-  --surface-transparent-deep-hover: #080808B3;
-  --surface-transparent-deep-active: #080808B8;
+  --surface-transparent-deep-hover: #FFFFFFFF;
+  --surface-transparent-deep-active: #FFFFFFFF;
   --surface-transparent-card: #FFFFFF85;
   --surface-transparent-card-hover: #FFFFFFFF;
   --surface-transparent-card-active: #FFFFFFFF;
   --surface-transparent-card-brightness: #FFFFFFFF;
   --surface-clear: #15110F00;
-  --surface-clear-hover: #FFFFFF00;
-  --surface-clear-active: #FFFFFF00;
+  --surface-clear-hover: #15110F00;
+  --surface-clear-active: #15110F00;
   --surface-accent: #0BA686;
-  --surface-accent-hover: #0F9928FF;
-  --surface-accent-active: #0B741FFF;
+  --surface-accent-hover: #0CBB98FF;
+  --surface-accent-active: #099579FF;
   --surface-accent-minor-hover: #C7F0E5FF;
   --surface-accent-minor-active: #BFEDE1FF;
   --surface-transparent-accent: #0BA6861F;
-  --surface-transparent-accent-hover: #0D87242E;
-  --surface-transparent-accent-active: #0D872433;
-  --surface-solid-card: #FFFFFF;
+  --surface-transparent-accent-hover: #0BA8882E;
+  --surface-transparent-accent-active: #0BA88833;
   --surface-solid-card-active: #FFFFFFFF;
-  --surface-solid-card-hover: #FFFFFFFF;
-  --surface-solid-default-hover: #262626FF;
-  --surface-solid-default-active: #030303FF;
+  --surface-solid-card: #FFFFFF;
   --surface-solid-card-brightness: #FFFFFFFF;
   --surface-solid-default: #15110F;
-  --surface-positive: #239322;
-  --surface-positive-hover: #0F9928FF;
-  --surface-positive-active: #0B741FFF;
+  --surface-solid-default-hover: #271F1CFF;
+  --surface-transparent-primary: #15110F0A;
+  --surface-transparent-primary-hover: #15110F0D;
+  --surface-solid-default-active: #090706FF;
+  --surface-solid-card-hover: #FFFFFFFF;
+  --surface-positive-active: #20801EFF;
   --surface-warning: #BE4E0C;
-  --surface-warning-hover: #E65400FF;
-  --surface-warning-active: #BD4500FF;
+  --surface-warning-hover: #D3560DFF;
+  --surface-warning-active: #AD460BFF;
   --surface-negative: #E83439;
-  --surface-negative-hover: #ED1D31FF;
-  --surface-negative-active: #D01124FF;
+  --surface-negative-hover: #EC5156FF;
+  --surface-negative-active: #E72329FF;
   --surface-info: #3776BC;
-  --surface-info-hover: #0D84D3FF;
-  --surface-info-active: #0A66A3FF;
+  --surface-info-hover: #4180C8FF;
+  --surface-info-active: #326CAEFF;
   --surface-positive-minor-hover: #94F9A7FF;
   --surface-positive-minor-active: #8BF99FFF;
-  --surface-info-minor-active: #C2E7FFFF;
-  --surface-transparent-positive-hover: #0D87242E;
-  --surface-transparent-positive-active: #0D872433;
-  --surface-transparent-warning-hover: #D14D002E;
-  --surface-transparent-warning-active: #D14D0033;
-  --surface-transparent-negative-hover: #E212272E;
-  --surface-transparent-negative-active: #E2122733;
-  --surface-transparent-info-hover: #0C72B62E;
-  --surface-transparent-info-active: #0C72B633;
+  --surface-positive: #239322;
+  --surface-positive-hover: #28A126FF;
+  --surface-transparent-warning-hover: #E65400FF;
+  --surface-transparent-warning-active: #BD4500FF;
+  --surface-transparent-negative-hover: #ED1D31FF;
+  --surface-transparent-negative-active: #D01124FF;
+  --surface-transparent-info-hover: #0D84D3FF;
+  --surface-transparent-info-active: #0A66A3FF;
   --surface-read-only: #F9F9F903;
-  --surface-read-only-hover: #FAFAFA05;
-  --surface-read-only-active: #FAFAFA08;
+  --surface-read-only-hover: #F7F7F7FF;
+  --surface-read-only-active: #F5F5F5FF;
   --on-dark-surface-solid-primary: #232323;
-  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
-  --on-dark-surface-solid-primary-active: #121212FF;
+  --on-dark-surface-solid-primary-hover: #2E2E2EFF;
+  --on-dark-surface-solid-primary-active: #1F1F1FFF;
   --on-dark-surface-solid-primary-brightness: #262626FF;
   --on-dark-surface-solid-secondary: #292929;
-  --on-dark-surface-solid-secondary-hover: #303030FF;
-  --on-dark-surface-solid-secondary-active: #212121FF;
+  --on-dark-surface-solid-secondary-hover: #333333FF;
+  --on-dark-surface-solid-secondary-active: #242424FF;
   --on-dark-surface-solid-tertiary: #474747;
-  --on-dark-surface-solid-tertiary-hover: #404040FF;
-  --surface-warning-minor-hover: #FEDCC8FF;
+  --on-dark-surface-solid-tertiary-hover: #525252FF;
   --surface-warning-minor-active: #FED9C3FF;
-  --surface-info-minor-hover: #C7E9FFFF;
-  --surface-negative-minor-hover: #FFD6DAFF;
+  --surface-warning-minor-hover: #FEDCC8FF;
   --surface-negative-minor-active: #FFD1D6FF;
-  --on-dark-surface-transparent-primary: #FFFFFF14;
-  --on-dark-surface-transparent-primary-hover: #FAFAFA1F;
-  --on-dark-surface-transparent-primary-active: #FAFAFA0A;
+  --surface-negative-minor-hover: #FFD6DAFF;
+  --surface-info-minor-active: #C2E7FFFF;
+  --surface-transparent-positive-hover: #0F9928FF;
+  --surface-info-minor-hover: #C7E9FFFF;
+  --surface-transparent-positive-active: #0B741FFF;
+  --on-dark-surface-transparent-primary-active: #FFFFFFFF;
   --on-dark-surface-transparent-secondary: #FFFFFF29;
-  --on-dark-surface-transparent-secondary-hover: #FAFAFA3D;
-  --on-dark-surface-transparent-secondary-active: #FAFAFA0F;
+  --on-dark-surface-transparent-secondary-hover: #FFFFFFFF;
+  --on-dark-surface-transparent-secondary-active: #FFFFFFFF;
   --on-dark-surface-transparent-tertiary: #FFFFFF3D;
-  --on-dark-surface-transparent-tertiary-hover: #FAFAFA52;
-  --on-dark-surface-transparent-tertiary-active: #FAFAFA24;
+  --on-dark-surface-transparent-tertiary-hover: #FFFFFFFF;
+  --on-dark-surface-transparent-tertiary-active: #FFFFFFFF;
   --on-dark-surface-transparent-deep: #373737B8;
-  --on-dark-surface-transparent-deep-hover: #FAFAFAC2;
-  --on-dark-surface-transparent-deep-active: #FAFAFA94;
+  --on-dark-surface-transparent-deep-hover: #383838D6;
+  --on-dark-surface-transparent-deep-active: #383838A8;
   --on-dark-surface-transparent-card: #23232380;
-  --on-dark-surface-transparent-card-hover: #FAFAFA1F;
-  --on-dark-surface-transparent-card-active: #FAFAFA0A;
+  --on-dark-surface-transparent-card-hover: #2424249E;
+  --on-dark-surface-transparent-card-active: #24242470;
   --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-clear-hover: #FFFFFF00;
   --on-dark-surface-clear-active: #FFFFFF00;
   --on-dark-surface-accent: #0BA686;
-  --on-dark-surface-accent-hover: #0F9928FF;
-  --on-dark-surface-accent-active: #0C7D21FF;
+  --on-dark-surface-accent-hover: #0CBB98FF;
+  --on-dark-surface-accent-active: #0A9E81FF;
   --on-dark-surface-accent-minor: #04473B;
+  --on-dark-surface-solid-card-active: #1F1F1FFF;
   --on-dark-surface-solid-card: #232323;
-  --on-dark-surface-solid-card-active: #121212FF;
-  --on-dark-surface-solid-card-hover: #1C1C1CFF;
+  --on-dark-surface-solid-card-brightness: #262626FF;
   --on-dark-surface-solid-default-hover: #F9F7F5FF;
   --on-dark-surface-solid-default-active: #F2ECE9FF;
-  --on-dark-surface-solid-card-brightness: #262626FF;
-  --on-dark-surface-solid-default: #F6F2F0;
+  --on-dark-surface-transparent-primary: #FFFFFF14;
+  --on-dark-surface-transparent-primary-hover: #FFFFFFFF;
+  --on-dark-surface-solid-card-hover: #2E2E2EFF;
   --on-dark-surface-positive: #A6D2A2;
-  --on-dark-surface-positive-hover: #0F9928FF;
-  --on-dark-surface-positive-active: #0C7D21FF;
+  --on-dark-surface-positive-hover: #B3D9B0FF;
+  --on-dark-surface-positive-active: #9FCF9BFF;
   --on-dark-surface-warning: #F8AD80;
-  --on-dark-surface-warning-hover: #E65400FF;
-  --on-dark-surface-warning-active: #C74900FF;
+  --on-dark-surface-warning-hover: #F9BB94FF;
+  --on-dark-surface-warning-active: #F8A977FF;
   --on-dark-surface-negative: #F8A6A9;
-  --on-dark-surface-negative-hover: #ED1D31FF;
-  --on-dark-surface-negative-active: #D91226FF;
+  --on-dark-surface-negative-hover: #F9B8BAFF;
+  --on-dark-surface-negative-active: #F79C9FFF;
   --on-dark-surface-info: #9BCAF8;
-  --on-dark-surface-info-hover: #0D7EC9FF;
-  --on-dark-surface-info-active: #0B6CADFF;
+  --on-dark-surface-info-hover: #AED4F9FF;
+  --on-dark-surface-info-active: #91C4F7FF;
   --on-dark-surface-positive-minor-hover: #0E3A16FF;
   --on-dark-surface-positive-minor-active: #08210CFF;
   --on-dark-surface-warning-minor-hover: #4F250DFF;
   --on-dark-surface-warning-minor-active: #351909FF;
+  --on-dark-surface-transparent-accent-active: #0BA88824;
   --on-dark-surface-transparent-accent: #0BA68633;
-  --on-dark-surface-transparent-accent-active: #0D872424;
-  --on-dark-surface-transparent-accent-hover: #0D872452;
-  --on-dark-surface-transparent-positive-active: #0D872424;
-  --on-dark-surface-transparent-warning-hover: #D14D0052;
-  --on-dark-surface-transparent-negative-hover: #E2122752;
-  --on-dark-surface-transparent-negative-active: #E2122724;
-  --on-dark-surface-transparent-info-hover: #0C72B652;
-  --on-dark-surface-transparent-info-active: #0C72B624;
+  --on-dark-surface-transparent-accent-hover: #0BA88852;
+  --on-dark-surface-transparent-warning-hover: #E65400FF;
+  --on-dark-surface-transparent-negative-hover: #ED1D31FF;
+  --on-dark-surface-transparent-negative-active: #D91226FF;
+  --on-dark-surface-transparent-info-hover: #0D7EC9FF;
+  --on-dark-surface-transparent-info-active: #0B6CADFF;
   --on-dark-surface-read-only: #F9F9F905;
-  --on-dark-surface-read-only-hover: #FAFAFA0F;
-  --on-dark-surface-read-only-active: #FAFAFA00;
+  --on-dark-surface-read-only-hover: #FFFFFFFF;
+  --on-dark-surface-read-only-active: #F5F5F5FF;
   --on-light-surface-solid-primary: #FFFFFF;
-  --on-light-surface-solid-primary-hover: #F2F2F2FF;
-  --on-light-surface-solid-primary-active: #F0F0F0FF;
+  --on-light-surface-solid-primary-hover: #FFFFFFFF;
+  --on-light-surface-solid-primary-active: #FFFFFFFF;
   --on-light-surface-solid-primary-brightness: #FFFFFFFF;
   --on-light-surface-solid-secondary: #FFFFFF;
-  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
-  --on-light-surface-solid-secondary-active: #E6E6E6FF;
+  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
+  --on-light-surface-solid-secondary-active: #FFFFFFFF;
   --on-light-surface-solid-tertiary: #FFFFFF;
-  --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
+  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
   --on-dark-surface-negative-minor-hover: #5B1018FF;
-  --on-dark-surface-negative-minor-active: #410B11FF;
-  --on-dark-surface-transparent-positive-hover: #0D872452;
   --on-dark-surface-info-minor-hover: #10344CFF;
   --on-dark-surface-info-minor-active: #0A2333FF;
-  --on-light-surface-transparent-primary: #15110F0A;
-  --on-light-surface-transparent-primary-hover: #0808080D;
-  --on-light-surface-transparent-primary-active: #0808080F;
+  --on-dark-surface-transparent-positive-active: #0C7D21FF;
+  --on-dark-surface-transparent-positive-hover: #0F9928FF;
+  --on-dark-surface-negative-minor-active: #410B11FF;
+  --on-light-surface-transparent-primary-active: #15110F0F;
   --on-light-surface-transparent-secondary: #15110F14;
-  --on-light-surface-transparent-secondary-hover: #0808081A;
-  --on-light-surface-transparent-secondary-active: #0808081F;
+  --on-light-surface-transparent-secondary-hover: #15110F1A;
+  --on-light-surface-transparent-secondary-active: #15110F1F;
   --on-light-surface-transparent-tertiary: #15110F1F;
-  --on-light-surface-transparent-tertiary-hover: #0808082E;
-  --on-light-surface-transparent-tertiary-active: #08080833;
+  --on-light-surface-transparent-tertiary-hover: #15110F2E;
+  --on-light-surface-transparent-tertiary-active: #15110F33;
   --on-light-surface-transparent-deep: #FFFFFFB3;
-  --on-light-surface-transparent-deep-hover: #080808B3;
-  --on-light-surface-transparent-deep-active: #080808B8;
+  --on-light-surface-transparent-deep-hover: #FFFFFFFF;
+  --on-light-surface-transparent-deep-active: #FFFFFFFF;
   --on-light-surface-transparent-card: #FFFFFF85;
   --on-light-surface-transparent-card-hover: #FFFFFFFF;
   --on-light-surface-transparent-card-active: #FFFFFFFF;
@@ -1266,118 +1533,115 @@
   --on-light-surface-clear-hover: #FFFFFF00;
   --on-light-surface-clear-active: #FFFFFF00;
   --on-light-surface-accent: #0BA686;
-  --on-light-surface-accent-hover: #0F9928FF;
-  --on-light-surface-accent-active: #0B741FFF;
-  --on-light-surface-solid-card: #FFFFFF;
+  --on-light-surface-accent-hover: #0CBB98FF;
+  --on-light-surface-accent-active: #099579FF;
   --on-light-surface-solid-card-active: #FFFFFFFF;
-  --on-light-surface-solid-card-hover: #FFFFFFFF;
-  --on-light-surface-solid-default-hover: #262626FF;
-  --on-light-surface-solid-default-active: #030303FF;
+  --on-light-surface-solid-card: #FFFFFF;
   --on-light-surface-solid-card-brightness: #FFFFFFFF;
   --on-light-surface-solid-default: #15110F;
+  --on-light-surface-solid-default-hover: #271F1CFF;
+  --on-light-surface-transparent-primary: #15110F0A;
+  --on-light-surface-transparent-primary-hover: #15110F0D;
+  --on-light-surface-solid-default-active: #090706FF;
+  --on-light-surface-solid-card-hover: #FFFFFFFF;
   --on-light-surface-positive: #239322;
-  --on-light-surface-positive-hover: #0F9928FF;
-  --on-light-surface-positive-active: #0B741FFF;
+  --on-light-surface-positive-hover: #28A126FF;
+  --on-light-surface-positive-active: #20801EFF;
   --on-light-surface-warning: #BE4E0C;
-  --on-light-surface-warning-hover: #E65400FF;
-  --on-light-surface-warning-active: #BD4500FF;
+  --on-light-surface-warning-hover: #D3560DFF;
+  --on-light-surface-warning-active: #AD460BFF;
   --on-light-surface-negative: #E83439;
-  --on-light-surface-negative-hover: #ED1D31FF;
-  --on-light-surface-negative-active: #D01124FF;
+  --on-light-surface-negative-hover: #EC5156FF;
+  --on-light-surface-negative-active: #E72329FF;
   --on-light-surface-info: #3776BC;
-  --on-light-surface-info-hover: #0D84D3FF;
-  --on-light-surface-info-active: #0A66A3FF;
+  --on-light-surface-info-hover: #4180C8FF;
+  --on-light-surface-info-active: #326CAEFF;
   --on-light-surface-positive-minor-hover: #94F9A7FF;
   --on-light-surface-positive-minor-active: #8BF99FFF;
   --on-light-surface-warning-minor-hover: #FEDCC8FF;
-  --on-light-surface-accent-minor-active: #8BF99FFF;
-  --on-light-surface-transparent-accent-hover: #0D87242E;
+  --on-light-surface-transparent-accent-active: #0BA88833;
   --on-light-surface-transparent-accent: #0BA6861F;
-  --on-light-surface-transparent-accent-active: #0D872433;
-  --on-light-surface-transparent-positive-hover: #0D87242E;
-  --on-light-surface-transparent-positive-active: #0D872433;
-  --on-light-surface-transparent-warning-hover: #D14D002E;
-  --on-light-surface-transparent-warning-active: #D14D0033;
-  --on-light-surface-transparent-negative-hover: #E212272E;
-  --on-light-surface-transparent-negative-active: #E2122733;
-  --on-light-surface-transparent-info-hover: #0C72B62E;
-  --on-light-surface-transparent-info-active: #0C72B633;
+  --on-light-surface-transparent-accent-hover: #0BA8882E;
+  --on-light-surface-transparent-warning-hover: #E65400FF;
+  --on-light-surface-transparent-warning-active: #BD4500FF;
+  --on-light-surface-transparent-negative-hover: #ED1D31FF;
+  --on-light-surface-transparent-negative-active: #D01124FF;
+  --on-light-surface-transparent-info-hover: #0D84D3FF;
+  --on-light-surface-transparent-info-active: #0A66A3FF;
   --on-light-surface-read-only: #F9F9F903;
-  --on-light-surface-read-only-hover: #FAFAFA05;
-  --on-light-surface-read-only-active: #FAFAFA08;
+  --on-light-surface-read-only-hover: #F7F7F7FF;
+  --on-light-surface-read-only-active: #F5F5F5FF;
   --inverse-surface-solid-primary: #232323;
-  --inverse-surface-solid-primary-hover: #1C1C1CFF;
-  --inverse-surface-solid-primary-active: #121212FF;
+  --inverse-surface-solid-primary-hover: #2E2E2EFF;
+  --inverse-surface-solid-primary-active: #1F1F1FFF;
   --inverse-surface-solid-primary-brightness: #262626FF;
   --inverse-surface-solid-secondary: #292929;
-  --inverse-surface-solid-secondary-hover: #303030FF;
-  --inverse-surface-solid-secondary-active: #212121FF;
-  --on-light-surface-negative-minor-active: #FFD1D6FF;
-  --on-light-surface-negative-minor-hover: #FFD6DAFF;
-  --on-light-surface-info-minor-active: #C2E7FFFF;
+  --inverse-surface-solid-secondary-hover: #333333FF;
+  --inverse-surface-solid-secondary-active: #242424FF;
   --on-light-surface-info-minor-hover: #C7E9FFFF;
-  --inverse-surface-solid-default-hover: #F9F7F5FF;
-  --inverse-surface-solid-default-active: #F2ECE9FF;
-  --inverse-surface-transparent-primary: #FFFFFF14;
-  --inverse-surface-transparent-primary-hover: #FAFAFA1F;
-  --inverse-surface-transparent-primary-active: #FAFAFA0A;
+  --on-light-surface-info-minor-active: #C2E7FFFF;
+  --on-light-surface-transparent-positive-hover: #0F9928FF;
+  --on-light-surface-transparent-positive-active: #0B741FFF;
+  --on-light-surface-negative-minor-active: #FFD1D6FF;
+  --inverse-surface-transparent-primary-hover: #FFFFFFFF;
+  --inverse-surface-transparent-primary-active: #FFFFFFFF;
   --inverse-surface-transparent-secondary: #FFFFFF29;
-  --inverse-surface-transparent-secondary-hover: #FAFAFA3D;
-  --inverse-surface-transparent-secondary-active: #FAFAFA0F;
+  --inverse-surface-transparent-secondary-hover: #FFFFFFFF;
+  --inverse-surface-transparent-secondary-active: #FFFFFFFF;
   --inverse-surface-transparent-tertiary: #FFFFFF3D;
-  --inverse-surface-transparent-tertiary-hover: #FAFAFA52;
-  --inverse-surface-transparent-tertiary-active: #FAFAFA24;
+  --inverse-surface-transparent-tertiary-hover: #FFFFFFFF;
+  --inverse-surface-transparent-tertiary-active: #FFFFFFFF;
   --inverse-surface-transparent-deep: #373737B8;
-  --inverse-surface-transparent-deep-hover: #FAFAFAC2;
-  --inverse-surface-transparent-deep-active: #FAFAFA94;
+  --inverse-surface-transparent-deep-hover: #383838D6;
+  --inverse-surface-transparent-deep-active: #383838A8;
   --inverse-surface-transparent-card: #23232380;
-  --inverse-surface-transparent-card-hover: #FAFAFA1F;
-  --inverse-surface-transparent-card-active: #FAFAFA0A;
+  --inverse-surface-transparent-card-hover: #2424249E;
+  --inverse-surface-transparent-card-active: #24242470;
   --inverse-surface-transparent-card-brightness: #FAFAFA0F;
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-clear-active: #FFFFFF00;
   --inverse-surface-accent: #0BA686;
-  --inverse-surface-solid-tertiary-hover: #404040FF;
+  --inverse-surface-solid-tertiary-active: #424242FF;
+  --inverse-surface-solid-tertiary-hover: #525252FF;
   --inverse-surface-solid-card: #232323;
-  --inverse-surface-solid-tertiary-active: #303030FF;
+  --inverse-surface-solid-card-active: #1F1F1FFF;
+  --inverse-surface-solid-card-hover: #2E2E2EFF;
+  --inverse-surface-solid-default-hover: #F9F7F5FF;
+  --inverse-surface-solid-default-active: #F2ECE9FF;
   --inverse-surface-solid-card-brightness: #262626FF;
   --inverse-surface-solid-default: #F6F2F0;
-  --inverse-surface-solid-card-hover: #1C1C1CFF;
-  --inverse-surface-solid-card-active: #121212FF;
+  --inverse-surface-transparent-primary: #FFFFFF14;
   --inverse-surface-positive: #A6D2A2;
-  --inverse-surface-positive-hover: #0F9928FF;
-  --inverse-surface-positive-active: #0C7D21FF;
+  --inverse-surface-positive-hover: #B3D9B0FF;
+  --inverse-surface-positive-active: #9FCF9BFF;
   --inverse-surface-warning: #F8AD80;
-  --inverse-surface-warning-hover: #E65400FF;
-  --inverse-surface-warning-active: #C74900FF;
+  --inverse-surface-warning-hover: #F9BB94FF;
+  --inverse-surface-warning-active: #F8A977FF;
   --inverse-surface-negative: #F8A6A9;
-  --inverse-surface-negative-hover: #ED1D31FF;
-  --inverse-surface-negative-active: #D91226FF;
+  --inverse-surface-negative-hover: #F9B8BAFF;
+  --inverse-surface-negative-active: #F79C9FFF;
   --inverse-surface-info: #9BCAF8;
-  --inverse-surface-info-hover: #0D7EC9FF;
-  --inverse-surface-info-active: #0B6CADFF;
+  --inverse-surface-info-hover: #AED4F9FF;
+  --inverse-surface-info-active: #91C4F7FF;
   --inverse-surface-positive-minor-hover: #0E3A16FF;
-  --inverse-surface-accent-hover: #0F9928FF;
-  --inverse-surface-accent-minor-hover: #0E3A16FF;
-  --inverse-surface-accent-active: #0C7D21FF;
-  --inverse-surface-transparent-accent-hover: #0D872452;
-  --inverse-surface-transparent-accent-active: #0D872424;
-  --inverse-surface-accent-minor-active: #08210CFF;
+  --inverse-surface-accent-minor-active: #043F34FF;
+  --inverse-surface-accent-hover: #0CBB98FF;
   --inverse-surface-transparent-accent: #0BA68633;
-  --inverse-surface-info-minor-hover: #10344CFF;
-  --inverse-surface-info-minor-active: #0A2333FF;
-  --inverse-surface-transparent-positive-hover: #0D872452;
-  --inverse-surface-transparent-positive-active: #0D872424;
-  --inverse-surface-transparent-warning-hover: #D14D0052;
-  --inverse-surface-transparent-warning-active: #D14D0024;
-  --inverse-surface-transparent-negative-hover: #E2122752;
-  --inverse-surface-transparent-negative-active: #E2122724;
-  --inverse-surface-transparent-info-hover: #0C72B652;
-  --inverse-surface-transparent-info-active: #0C72B624;
+  --inverse-surface-transparent-accent-hover: #0BA88852;
+  --inverse-surface-transparent-accent-active: #0BA88824;
+  --inverse-surface-accent-active: #0A9E81FF;
+  --inverse-surface-transparent-positive-hover: #0F9928FF;
+  --inverse-surface-transparent-positive-active: #0C7D21FF;
+  --inverse-surface-transparent-warning-hover: #E65400FF;
+  --inverse-surface-transparent-warning-active: #C74900FF;
+  --inverse-surface-transparent-negative-hover: #ED1D31FF;
+  --inverse-surface-transparent-negative-active: #D91226FF;
+  --inverse-surface-transparent-info-hover: #0D7EC9FF;
+  --inverse-surface-transparent-info-active: #0B6CADFF;
   --inverse-surface-read-only: #F9F9F905;
-  --inverse-surface-read-only-hover: #FAFAFA0F;
-  --inverse-surface-read-only-active: #FAFAFA00;
+  --inverse-surface-read-only-hover: #FFFFFFFF;
+  --inverse-surface-read-only-active: #F5F5F5FF;
   --background-primary: #EBE7E5;
   --background-secondary: #F6F2F0;
   --background-tertiary: #FFFFFF;
@@ -1386,11 +1650,11 @@
   --dark-background-tertiary: #141413;
   --light-background-primary: #EBE7E5;
   --inverse-surface-warning-minor-hover: #4F250DFF;
-  --inverse-surface-warning-minor-active: #351909FF;
-  --inverse-surface-negative-minor-active: #410B11FF;
   --inverse-surface-negative-minor-hover: #5B1018FF;
-  --on-dark-overlay-soft: #0000001F;
-  --on-dark-overlay-hard: #00000029;
+  --inverse-surface-negative-minor-active: #410B11FF;
+  --inverse-surface-info-minor-hover: #10344CFF;
+  --inverse-surface-info-minor-active: #0A2333FF;
+  --inverse-surface-warning-minor-active: #351909FF;
   --on-light-overlay-soft: #0000003D;
   --on-light-overlay-hard: #00000052;
   --inverse-overlay-soft: #0000001F;
@@ -1403,33 +1667,33 @@
   --outline-solid-default-hover: #969696FF;
   --outline-solid-default-active: #080808FF;
   --outline-transparent-primary: #15110F3D;
-  --outline-transparent-primary-hover: #08080852;
-  --outline-transparent-primary-active: #08080838;
-  --outline-transparent-secondary-hover: #0808082B;
-  --outline-transparent-secondary-active: #08080872;
-  --outline-transparent-tertiary-hover: #08080847;
+  --outline-transparent-primary-hover: #15110F25;
+  --outline-transparent-primary-active: #15110F62;
+  --outline-transparent-secondary-hover: #969696FF;
+  --outline-transparent-secondary-active: #080808FF;
+  --outline-transparent-tertiary-hover: #969696FF;
   --outline-transparent-tertiary-active: #080808FF;
   --outline-clear: #FFFFFF00;
-  --light-background-tertiary: #FFFFFF;
   --inverse-background-secondary: #0F0F0F;
-  --inverse-background-primary: #141413;
-  --overlay-hard: #00000052;
+  --light-background-tertiary: #FFFFFF;
   --inverse-background-tertiary: #141413;
   --overlay-soft: #0000003D;
-  --outline-transparent-accent-hover: #095D191F;
-  --outline-transparent-accent-active: #095D1952;
+  --overlay-hard: #00000052;
+  --on-dark-overlay-soft: #0000001F;
+  --on-dark-overlay-hard: #00000029;
+  --inverse-background-primary: #141413;
   --outline-positive: #239322;
-  --outline-positive-hover: #0F9527FF;
-  --outline-positive-active: #074A14FF;
+  --outline-positive-hover: #32CA2FFF;
+  --outline-positive-active: #20801EFF;
   --outline-warning: #BE4E0C;
-  --outline-warning-hover: #B14B10FF;
-  --outline-warning-active: #5D2809FF;
+  --outline-warning-hover: #F3813FFF;
+  --outline-warning-active: #A3420AFF;
   --outline-negative: #E83439;
-  --outline-negative-hover: #DD1D30FF;
-  --outline-negative-active: #8C121EFF;
+  --outline-negative-hover: #F17E82FF;
+  --outline-negative-active: #DC181FFF;
   --outline-info: #3776BC;
-  --outline-info-hover: #137DC3FF;
-  --outline-info-active: #093B5DFF;
+  --outline-info-hover: #81AADAFF;
+  --outline-info-active: #3067A6FF;
   --outline-positive-minor-hover: #7AE68EFF;
   --outline-positive-minor-active: #23B83EFF;
   --outline-warning-minor-hover: #FDB790FF;
@@ -1438,16 +1702,16 @@
   --outline-negative-minor-active: #FF6675FF;
   --outline-info-minor-hover: #A3DAFFFF;
   --outline-info-minor-active: #29A9FFFF;
-  --outline-clear-hover: #FFFFFF00;
   --outline-clear-active: #FFFFFF00;
+  --outline-clear-hover: #FFFFFF00;
+  --outline-accent-active: #074A14FF;
+  --outline-accent-hover: #0F9527FF;
+  --outline-transparent-accent-hover: #0F9527FF;
   --outline-accent-minor-hover: #7AE68EFF;
   --outline-accent-minor-active: #23B83EFF;
-  --outline-accent-hover: #0F9527FF;
-  --outline-accent-active: #074A14FF;
-  --outline-transparent-info-hover: #137DC3FF;
-  --outline-transparent-info-active: #093B5DFF;
-  --outline-read-only-hover: #FAFAFA36;
-  --outline-read-only-active: #FAFAFA1C;
+  --outline-transparent-accent-active: #074A14FF;
+  --outline-read-only-hover: #C7C7C7FF;
+  --outline-read-only-active: #E0E0E0FF;
   --on-dark-outline-solid-primary-hover: #545454FF;
   --on-dark-outline-solid-primary-active: #171717FF;
   --on-dark-outline-solid-secondary-hover: #ABABABFF;
@@ -1457,58 +1721,59 @@
   --on-dark-outline-solid-default-hover: #808080FF;
   --on-dark-outline-solid-default-active: #616161FF;
   --on-dark-outline-transparent-primary: #FFFFFF1F;
-  --on-dark-outline-transparent-primary-hover: #FAFAFA4D;
-  --on-dark-outline-transparent-primary-active: #FAFAFA12;
-  --on-dark-outline-transparent-secondary-hover: #FAFAFAB3;
-  --on-dark-outline-transparent-secondary-active: #FAFAFA2B;
-  --on-dark-outline-transparent-tertiary-hover: #FAFAFAFF;
-  --outline-transparent-positive-active: #074A14FF;
+  --on-dark-outline-transparent-primary-hover: #858585FF;
+  --on-dark-outline-transparent-primary-active: #666666FF;
+  --on-dark-outline-transparent-secondary-hover: #808080FF;
+  --on-dark-outline-transparent-secondary-active: #616161FF;
+  --on-dark-outline-transparent-tertiary-hover: #808080FF;
   --outline-transparent-warning-hover: #B14B10FF;
-  --outline-transparent-negative-active: #8C121EFF;
+  --outline-transparent-positive-active: #074A14FF;
   --outline-transparent-warning-active: #5D2809FF;
-  --on-dark-outline-accent-minor-hover: #0F9527FF;
-  --on-dark-outline-accent-minor-active: #074A14FF;
-  --on-dark-outline-transparent-accent-hover: #108E25B3;
-  --on-dark-outline-transparent-accent-active: #108E252B;
+  --outline-transparent-negative-active: #8C121EFF;
+  --outline-transparent-info-hover: #137DC3FF;
+  --outline-transparent-info-active: #093B5DFF;
+  --on-dark-outline-transparent-accent-hover: #13BE32FF;
+  --on-dark-outline-transparent-accent-active: #0B741FFF;
   --on-dark-outline-positive: #A6D2A2;
-  --on-dark-outline-positive-hover: #16C533FF;
-  --on-dark-outline-positive-active: #0E7C20FF;
+  --on-dark-outline-positive-hover: #DBEDD9FF;
+  --on-dark-outline-positive-active: #92C88DFF;
   --on-dark-outline-warning: #F8AD80;
-  --on-dark-outline-warning-hover: #FD9253FF;
-  --on-dark-outline-warning-active: #CA4B02FF;
+  --on-dark-outline-warning-hover: #FCE0CFFF;
+  --on-dark-outline-warning-active: #F79C64FF;
   --on-dark-outline-negative: #F8A6A9;
-  --on-dark-outline-negative-hover: #F76977FF;
-  --on-dark-outline-negative-active: #E40C22FF;
+  --on-dark-outline-negative-hover: #F25A5FFF;
+  --on-dark-outline-negative-active: #EF343AFF;
   --on-dark-outline-info: #9BCAF8;
-  --on-dark-outline-info-hover: #47B0F5FF;
-  --on-dark-outline-info-active: #096CAEFF;
+  --on-dark-outline-info-hover: #E7F2FDFF;
+  --on-dark-outline-info-active: #7EBAF6FF;
   --on-dark-outline-positive-minor-hover: #0F9527FF;
   --on-dark-outline-warning-minor-hover: #BB4F11FF;
-  --on-dark-outline-clear: #FFFFFF00;
   --on-dark-outline-clear-active: #FFFFFF00;
+  --on-dark-outline-clear: #FFFFFF00;
+  --on-dark-outline-accent-hover: #13BE32FF;
+  --on-dark-outline-accent-active: #0B741FFF;
+  --on-dark-outline-accent-minor-hover: #0F9527FF;
+  --on-dark-outline-accent-minor-active: #074A14FF;
   --on-dark-outline-clear-hover: #FFFFFF00;
-  --on-dark-outline-accent-active: #0E7C20FF;
-  --on-dark-outline-accent-hover: #16C533FF;
-  --on-dark-outline-transparent-positive-hover: #16C533FF;
-  --on-dark-outline-transparent-positive-active: #0E7C20FF;
-  --on-dark-outline-transparent-warning-hover: #FD9253FF;
-  --on-dark-outline-transparent-negative-hover: #F76977FF;
-  --on-dark-outline-transparent-negative-active: #E40C22FF;
-  --on-dark-outline-transparent-info-hover: #47B0F5FF;
-  --on-dark-outline-transparent-info-active: #096CAEFF;
-  --on-dark-outline-read-only-hover: #FAFAFA4D;
-  --on-dark-outline-read-only-active: #FAFAFA12;
+  --on-dark-outline-transparent-warning-hover: #FF8138FF;
+  --on-dark-outline-transparent-negative-hover: #F36876FF;
+  --on-dark-outline-transparent-negative-active: #C61022FF;
+  --on-dark-outline-transparent-info-hover: #0F96F0FF;
+  --on-dark-outline-transparent-info-active: #0A66A3FF;
+  --on-dark-outline-read-only-hover: #808080FF;
+  --on-dark-outline-read-only-active: #616161FF;
   --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-dark-outline-negative-minor-active: #8C121EFF;
-  --on-dark-outline-negative-minor-hover: #D41C2EFF;
-  --on-dark-outline-info-minor-active: #0B476FFF;
   --on-dark-outline-info-minor-hover: #1277BAFF;
-  --on-light-outline-transparent-secondary-hover: #0808082B;
-  --on-light-outline-transparent-secondary-active: #08080872;
-  --on-light-outline-transparent-tertiary-hover: #08080847;
+  --on-dark-outline-info-minor-active: #0B476FFF;
+  --on-dark-outline-transparent-positive-hover: #13BE32FF;
+  --on-dark-outline-transparent-positive-active: #0B741FFF;
+  --on-dark-outline-negative-minor-hover: #D41C2EFF;
+  --on-light-outline-transparent-secondary-active: #080808FF;
+  --on-light-outline-transparent-tertiary-hover: #969696FF;
   --on-light-outline-transparent-tertiary-active: #080808FF;
   --on-light-outline-clear: #FFFFFF00;
   --on-light-outline-clear-hover: #FFFFFF00;
@@ -1517,17 +1782,17 @@
   --on-light-outline-accent-active: #074A14FF;
   --on-light-outline-accent-minor-hover: #7AE68EFF;
   --on-light-outline-accent-minor-active: #23B83EFF;
-  --on-light-outline-transparent-accent-hover: #095D191F;
-  --on-light-outline-transparent-accent-active: #095D1952;
+  --on-light-outline-transparent-accent-hover: #0F9527FF;
+  --on-light-outline-transparent-accent-active: #074A14FF;
   --on-light-outline-positive: #239322;
-  --on-light-outline-positive-hover: #0F9527FF;
-  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
+  --on-light-outline-positive-hover: #32CA2FFF;
   --on-light-outline-solid-default-hover: #969696FF;
-  --on-light-outline-transparent-primary-hover: #15110F25;
-  --on-light-outline-transparent-primary-active: #15110F62;
+  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
   --on-light-outline-solid-default-active: #080808FF;
   --on-light-outline-transparent-primary: #15110F3D;
-  --on-light-outline-info-active: #093B5DFF;
+  --on-light-outline-transparent-primary-hover: #15110F25;
+  --on-light-outline-transparent-secondary-hover: #969696FF;
+  --on-light-outline-transparent-primary-active: #15110F62;
   --on-light-outline-positive-minor-hover: #7AE68EFF;
   --on-light-outline-positive-minor-active: #23B83EFF;
   --on-light-outline-warning-minor-hover: #FDB790FF;
@@ -1544,47 +1809,46 @@
   --on-light-outline-transparent-negative-active: #8C121EFF;
   --on-light-outline-transparent-info-hover: #137DC3FF;
   --on-light-outline-transparent-info-active: #093B5DFF;
-  --on-light-outline-warning: #BE4E0C;
   --on-light-outline-negative: #E83439;
-  --on-light-outline-warning-hover: #F3813FFF;
-  --on-light-outline-info: #3776BC;
-  --on-light-outline-info-hover: #137DC3FF;
+  --on-light-outline-warning: #BE4E0C;
   --on-light-outline-negative-hover: #F17E82FF;
   --on-light-outline-negative-active: #DC181FFF;
-  --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
+  --on-light-outline-info: #3776BC;
+  --on-light-outline-info-active: #3067A6FF;
+  --on-light-outline-info-hover: #81AADAFF;
+  --on-light-outline-warning-hover: #F3813FFF;
+  --inverse-outline-solid-primary-hover: #545454FF;
   --inverse-outline-solid-tertiary-active: #525252FF;
   --inverse-outline-solid-default-hover: #808080FF;
   --inverse-outline-solid-default-active: #616161FF;
   --inverse-outline-transparent-primary: #FFFFFF1F;
-  --inverse-outline-transparent-primary-hover: #FAFAFA4D;
-  --inverse-outline-transparent-primary-active: #FAFAFA12;
-  --inverse-outline-transparent-secondary-hover: #FAFAFAB3;
-  --inverse-outline-transparent-tertiary-hover: #FAFAFAFF;
-  --inverse-outline-transparent-tertiary-active: #FAFAFA47;
+  --inverse-outline-transparent-primary-hover: #858585FF;
+  --inverse-outline-transparent-primary-active: #666666FF;
+  --inverse-outline-transparent-secondary-hover: #808080FF;
+  --inverse-outline-transparent-tertiary-hover: #808080FF;
+  --inverse-outline-transparent-tertiary-active: #616161FF;
   --inverse-outline-clear: #FFFFFF00;
   --inverse-outline-clear-hover: #FFFFFF00;
   --inverse-outline-clear-active: #FFFFFF00;
-  --inverse-outline-accent-hover: #16C533FF;
-  --inverse-outline-accent-active: #0E7C20FF;
+  --inverse-outline-accent-hover: #13BE32FF;
+  --inverse-outline-accent-active: #0B741FFF;
   --inverse-outline-accent-minor-hover: #0F9527FF;
   --inverse-outline-accent-minor-active: #074A14FF;
-  --on-light-outline-read-only-active: #FAFAFA1C;
-  --inverse-outline-solid-primary-hover: #545454FF;
+  --inverse-outline-solid-primary-active: #171717FF;
+  --on-light-outline-read-only-active: #E0E0E0FF;
   --inverse-outline-solid-secondary-hover: #ABABABFF;
   --inverse-outline-solid-secondary-active: #363636FF;
-  --inverse-outline-solid-primary-active: #171717FF;
-  --inverse-outline-positive: #A6D2A2;
-  --inverse-outline-positive-hover: #16C533FF;
-  --inverse-outline-positive-active: #0E7C20FF;
+  --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
+  --inverse-outline-positive-active: #92C88DFF;
   --inverse-outline-warning: #F8AD80;
-  --inverse-outline-warning-hover: #FD9253FF;
-  --inverse-outline-warning-active: #CA4B02FF;
+  --inverse-outline-warning-hover: #FCE0CFFF;
+  --inverse-outline-warning-active: #F79C64FF;
   --inverse-outline-negative: #F8A6A9;
-  --inverse-outline-negative-hover: #F76977FF;
-  --inverse-outline-negative-active: #E40C22FF;
+  --inverse-outline-negative-hover: #F25A5FFF;
+  --inverse-outline-negative-active: #EF343AFF;
   --inverse-outline-info: #9BCAF8;
-  --inverse-outline-info-hover: #47B0F5FF;
-  --inverse-outline-info-active: #096CAEFF;
+  --inverse-outline-info-hover: #E7F2FDFF;
+  --inverse-outline-info-active: #7EBAF6FF;
   --inverse-outline-positive-minor-hover: #0F9527FF;
   --inverse-outline-positive-minor-active: #074A14FF;
   --inverse-outline-warning-minor-hover: #BB4F11FF;
@@ -1592,143 +1856,150 @@
   --inverse-outline-negative-minor-active: #8C121EFF;
   --inverse-outline-info-minor-hover: #1277BAFF;
   --inverse-outline-info-minor-active: #0B476FFF;
-  --inverse-outline-transparent-positive-hover: #16C533FF;
-  --inverse-outline-transparent-positive-active: #0E7C20FF;
-  --inverse-outline-transparent-accent-active: #108E252B;
-  --inverse-outline-read-only-hover: #FAFAFA4D;
-  --inverse-outline-read-only-active: #FAFAFA12;
+  --inverse-outline-transparent-positive-hover: #13BE32FF;
+  --inverse-outline-transparent-positive-active: #0B741FFF;
+  --inverse-outline-transparent-accent-active: #0B741FFF;
+  --inverse-outline-positive: #A6D2A2;
+  --inverse-outline-positive-hover: #DBEDD9FF;
+  --inverse-outline-read-only-active: #616161FF;
   --data-yellow-hover: #F5B638FF;
   --data-yellow-active: #E49C0CFF;
   --data-yellow-minor-hover: #FFCF70FF;
   --data-yellow-minor-active: #FFCC66FF;
-  --data-yellow-transparent-hover: #F3A8129E;
-  --data-yellow-transparent-active: #F3A812A3;
+  --data-yellow-transparent-hover: #F5B638FF;
+  --data-yellow-transparent-active: #E49C0CFF;
   --on-dark-data-yellow-hover: #F4B22FFF;
   --on-dark-data-yellow-active: #EDA20CFF;
   --on-dark-data-yellow-minor-hover: #B87A00FF;
   --on-dark-data-yellow-minor-active: #996600FF;
-  --on-dark-data-yellow-transparent-hover: #F3A812AD;
-  --on-dark-data-yellow-transparent-active: #F3A81280;
+  --on-dark-data-yellow-transparent-hover: #F4B22FFF;
+  --on-dark-data-yellow-transparent-active: #EDA20CFF;
   --on-light-data-yellow-hover: #F5B638FF;
   --on-light-data-yellow-active: #E49C0CFF;
   --on-light-data-yellow-minor-hover: #FFCF70FF;
   --on-light-data-yellow-minor-active: #FFCC66FF;
-  --inverse-outline-transparent-warning-hover: #FD9253FF;
-  --inverse-outline-transparent-negative-hover: #F76977FF;
-  --inverse-outline-transparent-info-hover: #47B0F5FF;
-  --inverse-outline-transparent-info-active: #096CAEFF;
-  --inverse-outline-transparent-negative-active: #E40C22FF;
-  --inverse-data-yellow-transparent-hover: #F3A812AD;
-  --inverse-data-yellow-transparent-active: #F3A81280;
-  --on-light-data-yellow-transparent-active: #F3A812A3;
+  --inverse-outline-transparent-negative-hover: #F36876FF;
+  --inverse-outline-transparent-warning-hover: #FF8138FF;
+  --inverse-outline-transparent-negative-active: #C61022FF;
+  --inverse-outline-transparent-info-hover: #0F96F0FF;
+  --inverse-outline-read-only-hover: #808080FF;
+  --inverse-outline-transparent-info-active: #0A66A3FF;
   --inverse-data-yellow-hover: #F4B22FFF;
   --inverse-data-yellow-active: #EDA20CFF;
   --inverse-data-yellow-minor-active: #996600FF;
+  --on-light-data-yellow-transparent-active: #E49C0CFF;
+  --inverse-data-yellow-transparent-active: #EDA20CFF;
+  --inverse-data-yellow-transparent-hover: #F4B22FFF;
+  --inverse-outline-transparent-accent-hover: #13BE32FF;
+  --text-primary-hover: #15110F97;
+  --on-dark-text-warning-minor-active: #9F440FFF;
+  --on-dark-surface-solid-default: #F6F2F0;
+  --on-light-surface-accent-minor-active: #BFEDE1FF;
+  --on-light-surface-negative-minor-hover: #FFD6DAFF;
+  --inverse-surface-accent-minor-hover: #055C4CFF;
   color: var(--text-primary);
   background-color: var(--background-primary);
 }
 .light {
   --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
+  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
+  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
+  --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
+  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
+  --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
   --inverse-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
+  --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
   --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
-  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
-  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
-  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
-  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
   --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
   --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
-  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
-  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
   --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
   --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
-  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
-  --inverse-overlay-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
   --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
-  --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
   --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
-  --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
-  --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
+  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
+  --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
   --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
-  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
+  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
+  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
   --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
+  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
+  --inverse-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
+  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
   --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
-  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
-  --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
   --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
-  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
-  --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
+  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
+  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
+  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
+  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
+  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
+  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
+  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
   --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
-  --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
-  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
-  --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
-  --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
-  --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
+  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
+  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
   --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
-  --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
-  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
+  --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
+  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
   --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
-  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
+  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
+  --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
+  --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
+  --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
+  --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
+  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
   --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
   --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
-  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
-  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
+  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
+  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
   --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
-  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
-  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
-  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
   --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
-  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
-  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
-  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
-  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
-  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
   --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%);
   --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
   --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
-  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
   --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%);
   --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
+  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
 }
 .dark, .light {
   --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
   --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
-  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
   --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
+  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
   --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
   --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
-  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
   --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
   --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
-  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
   --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
   --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
+  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
+  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
 }
 .dark, .light {
   --border-radius-4xl: 2rem;
   --border-radius-3xl: 1.75rem;
   --border-radius-5xl: 2.5rem;
-  --border-radius-l: 1rem;
-  --border-radius-xl: 1.25rem;
-  --border-radius-xxl: 1.5rem;
   --border-radius-circle: 100rem;
+  --border-radius-m: 0.75rem;
+  --border-radius-l: 1rem;
+  --border-radius-xxs: 0.25rem;
   --border-radius-xs: 0.375rem;
+  --border-radius-xxl: 1.5rem;
   --border-radius-s: 0.5rem;
-  --border-radius-xxs: 0.25rem;
-  --border-radius-m: 0.75rem;
+  --border-radius-xl: 1.25rem;
 }
 .dark, .light {
   --spacing-16x: 2rem;
-  --spacing-1x: 0.125rem;
   --spacing-3x: 0.375rem;
-  --spacing-4x: 0.5rem;
   --spacing-6x: 0.75rem;
   --spacing-8x: 1rem;
   --spacing-10x: 1.25rem;
@@ -1738,8 +2009,10 @@
   --spacing-32x: 4rem;
   --spacing-40x: 5rem;
   --spacing-60x: 7.5rem;
+  --spacing-4x: 0.5rem;
   --spacing-2x: 0.25rem;
   --spacing-0x: 0rem;
+  --spacing-1x: 0.125rem;
 }
 .dark, .light {
@@ -1804,12 +2077,6 @@
   --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-l-bold-letter-spacing: normal;
   --plasma-typo-body-l-bold-font-style: normal;
-  --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
-  --plasma-typo-body-s-letter-spacing: normal;
-  --plasma-typo-body-s-font-style: normal;
-  --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
-  --plasma-typo-body-s-bold-letter-spacing: normal;
-  --plasma-typo-body-s-bold-font-style: normal;
   --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-s-medium-letter-spacing: normal;
   --plasma-typo-body-s-medium-font-style: normal;
@@ -1825,18 +2092,24 @@
   --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-xxs-letter-spacing: normal;
   --plasma-typo-body-xxs-font-style: normal;
-  --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
-  --plasma-typo-body-l-medium-letter-spacing: normal;
-  --plasma-typo-body-l-medium-font-style: normal;
-  --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
-  --plasma-typo-body-m-letter-spacing: normal;
-  --plasma-typo-body-m-font-style: normal;
   --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-m-bold-letter-spacing: normal;
   --plasma-typo-body-m-bold-font-style: normal;
   --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-m-medium-letter-spacing: normal;
   --plasma-typo-body-m-medium-font-style: normal;
+  --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
+  --plasma-typo-body-s-letter-spacing: normal;
+  --plasma-typo-body-s-font-style: normal;
+  --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
+  --plasma-typo-body-s-bold-letter-spacing: normal;
+  --plasma-typo-body-s-bold-font-style: normal;
+  --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
+  --plasma-typo-body-l-medium-letter-spacing: normal;
+  --plasma-typo-body-l-medium-font-style: normal;
+  --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
+  --plasma-typo-body-m-letter-spacing: normal;
+  --plasma-typo-body-m-font-style: normal;
   --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-xxs-medium-letter-spacing: normal;
   --plasma-typo-body-xxs-medium-font-style: normal;
@@ -1898,12 +2171,6 @@
     --plasma-typo-body-l-bold-font-size: 0.9375rem;
     --plasma-typo-body-l-bold-font-weight: 700;
     --plasma-typo-body-l-bold-line-height: 1.25rem;
-    --plasma-typo-body-s-font-size: 0.8125rem;
-    --plasma-typo-body-s-font-weight: 400;
-    --plasma-typo-body-s-line-height: 0.9375rem;
-    --plasma-typo-body-s-bold-font-size: 0.8125rem;
-    --plasma-typo-body-s-bold-font-weight: 600;
-    --plasma-typo-body-s-bold-line-height: 0.9375rem;
     --plasma-typo-body-s-medium-font-size: 0.8125rem;
     --plasma-typo-body-s-medium-font-weight: 500;
     --plasma-typo-body-s-medium-line-height: 0.9375rem;
@@ -1919,18 +2186,24 @@
     --plasma-typo-body-xxs-font-size: 0.6875rem;
     --plasma-typo-body-xxs-font-weight: 400;
     --plasma-typo-body-xxs-line-height: 0.8125rem;
-    --plasma-typo-body-l-medium-font-size: 0.9375rem;
-    --plasma-typo-body-l-medium-font-weight: 500;
-    --plasma-typo-body-l-medium-line-height: 1.25rem;
-    --plasma-typo-body-m-font-size: 0.875rem;
-    --plasma-typo-body-m-font-weight: 400;
-    --plasma-typo-body-m-line-height: 1.125rem;
     --plasma-typo-body-m-bold-font-size: 0.875rem;
     --plasma-typo-body-m-bold-font-weight: 600;
     --plasma-typo-body-m-bold-line-height: 1.125rem;
     --plasma-typo-body-m-medium-font-size: 0.875rem;
     --plasma-typo-body-m-medium-font-weight: 500;
     --plasma-typo-body-m-medium-line-height: 1.125rem;
+    --plasma-typo-body-s-font-size: 0.8125rem;
+    --plasma-typo-body-s-font-weight: 400;
+    --plasma-typo-body-s-line-height: 0.9375rem;
+    --plasma-typo-body-s-bold-font-size: 0.8125rem;
+    --plasma-typo-body-s-bold-font-weight: 600;
+    --plasma-typo-body-s-bold-line-height: 0.9375rem;
+    --plasma-typo-body-l-medium-font-size: 0.9375rem;
+    --plasma-typo-body-l-medium-font-weight: 500;
+    --plasma-typo-body-l-medium-line-height: 1.25rem;
+    --plasma-typo-body-m-font-size: 0.875rem;
+    --plasma-typo-body-m-font-weight: 400;
+    --plasma-typo-body-m-line-height: 1.125rem;
     --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
     --plasma-typo-body-xxs-medium-font-weight: 500;
     --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
@@ -2043,21 +2316,15 @@
     --plasma-typo-dspl-s-medium-font-size: 2.125rem;
     --plasma-typo-dspl-s-medium-font-weight: 500;
     --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
-    --plasma-typo-body-l-font-size: 1.125rem;
-    --plasma-typo-body-l-font-weight: 400;
-    --plasma-typo-body-l-line-height: 1.375rem;
-    --plasma-typo-h2-bold-font-size: 1.375rem;
-    --plasma-typo-h2-bold-font-weight: 700;
-    --plasma-typo-h2-bold-line-height: 1.75rem;
-    --plasma-typo-h2-medium-font-size: 1.375rem;
-    --plasma-typo-h2-medium-font-weight: 500;
-    --plasma-typo-h2-medium-line-height: 1.75rem;
-    --plasma-typo-h3-font-size: 1.25rem;
-    --plasma-typo-h3-font-weight: 400;
-    --plasma-typo-h3-line-height: 1.4375rem;
-    --plasma-typo-h3-bold-font-size: 1.25rem;
-    --plasma-typo-h3-bold-font-weight: 700;
-    --plasma-typo-h3-bold-line-height: 1.4375rem;
+    --plasma-typo-body-m-medium-font-size: 0.875rem;
+    --plasma-typo-body-m-medium-font-weight: 500;
+    --plasma-typo-body-m-medium-line-height: 1.125rem;
+    --plasma-typo-body-s-font-size: 0.8125rem;
+    --plasma-typo-body-s-font-weight: 400;
+    --plasma-typo-body-s-line-height: 0.9375rem;
+    --plasma-typo-body-s-bold-font-size: 0.8125rem;
+    --plasma-typo-body-s-bold-font-weight: 600;
+    --plasma-typo-body-s-bold-line-height: 0.9375rem;
     --plasma-typo-h1-font-size: 1.75rem;
     --plasma-typo-h1-font-weight: 400;
     --plasma-typo-h1-line-height: 2.25rem;
@@ -2070,6 +2337,18 @@
     --plasma-typo-h2-font-size: 1.375rem;
     --plasma-typo-h2-font-weight: 400;
     --plasma-typo-h2-line-height: 1.75rem;
+    --plasma-typo-h2-bold-font-size: 1.375rem;
+    --plasma-typo-h2-bold-font-weight: 700;
+    --plasma-typo-h2-bold-line-height: 1.75rem;
+    --plasma-typo-h2-medium-font-size: 1.375rem;
+    --plasma-typo-h2-medium-font-weight: 500;
+    --plasma-typo-h2-medium-line-height: 1.75rem;
+    --plasma-typo-h3-font-size: 1.25rem;
+    --plasma-typo-h3-font-weight: 400;
+    --plasma-typo-h3-line-height: 1.4375rem;
+    --plasma-typo-h3-bold-font-size: 1.25rem;
+    --plasma-typo-h3-bold-font-weight: 700;
+    --plasma-typo-h3-bold-line-height: 1.4375rem;
     --plasma-typo-h3-medium-font-size: 1.25rem;
     --plasma-typo-h3-medium-font-weight: 500;
     --plasma-typo-h3-medium-line-height: 1.4375rem;
@@ -2082,6 +2361,9 @@
     --plasma-typo-h4-medium-font-size: 1rem;
     --plasma-typo-h4-medium-font-weight: 500;
     --plasma-typo-h4-medium-line-height: 1.25rem;
+    --plasma-typo-body-l-font-size: 1.125rem;
+    --plasma-typo-body-l-font-weight: 400;
+    --plasma-typo-body-l-line-height: 1.375rem;
     --plasma-typo-body-l-bold-font-size: 0.9375rem;
     --plasma-typo-body-l-bold-font-weight: 700;
     --plasma-typo-body-l-bold-line-height: 1.25rem;
@@ -2094,35 +2376,26 @@
     --plasma-typo-body-m-bold-font-size: 0.875rem;
     --plasma-typo-body-m-bold-font-weight: 600;
     --plasma-typo-body-m-bold-line-height: 1.125rem;
-    --plasma-typo-body-m-medium-font-size: 0.875rem;
-    --plasma-typo-body-m-medium-font-weight: 500;
-    --plasma-typo-body-m-medium-line-height: 1.125rem;
-    --plasma-typo-body-s-font-size: 0.8125rem;
-    --plasma-typo-body-s-font-weight: 400;
-    --plasma-typo-body-s-line-height: 0.9375rem;
-    --plasma-typo-body-s-bold-font-size: 0.8125rem;
-    --plasma-typo-body-s-bold-font-weight: 600;
-    --plasma-typo-body-s-bold-line-height: 0.9375rem;
+    --plasma-typo-body-xs-bold-font-size: 0.75rem;
+    --plasma-typo-body-xs-bold-font-weight: 600;
+    --plasma-typo-body-xs-bold-line-height: 0.875rem;
+    --plasma-typo-body-xs-medium-font-size: 0.75rem;
+    --plasma-typo-body-xs-medium-font-weight: 500;
+    --plasma-typo-body-xs-medium-line-height: 0.875rem;
     --plasma-typo-body-xxs-font-size: 0.6875rem;
     --plasma-typo-body-xxs-font-weight: 400;
     --plasma-typo-body-xxs-line-height: 0.8125rem;
-    --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
-    --plasma-typo-body-xxs-bold-font-weight: 600;
-    --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
     --plasma-typo-body-xxs-medium-font-size: 0.625rem;
     --plasma-typo-body-xxs-medium-font-weight: 500;
     --plasma-typo-body-xxs-medium-line-height: 0.75rem;
+    --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
+    --plasma-typo-body-xxs-bold-font-weight: 600;
+    --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
     --plasma-typo-body-s-medium-font-size: 0.8125rem;
     --plasma-typo-body-s-medium-font-weight: 500;
     --plasma-typo-body-s-medium-line-height: 0.9375rem;
     --plasma-typo-body-xs-font-size: 0.75rem;
     --plasma-typo-body-xs-font-weight: 400;
     --plasma-typo-body-xs-line-height: 0.875rem;
-    --plasma-typo-body-xs-bold-font-size: 0.75rem;
-    --plasma-typo-body-xs-bold-font-weight: 600;
-    --plasma-typo-body-xs-bold-line-height: 0.875rem;
-    --plasma-typo-body-xs-medium-font-size: 0.75rem;
-    --plasma-typo-body-xs-medium-font-weight: 500;
-    --plasma-typo-body-xs-medium-line-height: 0.875rem;
   }
 }