Skip to content

[Figma]: Add Variables#313

Merged
fallaciousreasoning merged 20 commits intomainfrom
variables
Aug 17, 2023
Merged

[Figma]: Add Variables#313
fallaciousreasoning merged 20 commits intomainfrom
variables

Conversation

@fallaciousreasoning
Copy link
Copy Markdown
Collaborator

@fallaciousreasoning fallaciousreasoning commented Jul 5, 2023 •
edited
Loading

Closes #344 (this includes those updates, but adds the variables back in, and tweaks the parser)

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 5, 2023 01:11 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 5, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-a8d2c1721640da9a143d472638a11cb30b31c551/

@fallaciousreasoning fallaciousreasoning marked this pull request as draft July 12, 2023 20:24
@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 13, 2023 03:41 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 13, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-729f70deaa56a69cfa7d03c3e1414ede7015c399/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-07-13 03:42:30.797712365 +0000
+++ ./tokens/css/variables.css	2023-07-13 03:41:58.473357640 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Jul 12 2023 23:23:43 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Jul 13 2023 03:41:58 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
@@ -61,281 +61,337 @@
   --leo-font-components-button-large: 600 14px/20px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
   --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
   --leo-typography-macos-large-regular-line-height: 18px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
   --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
   --leo-typography-macos-large-semibold-line-height: 18px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
   --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
   --leo-typography-macos-default-regular-line-height: 15.6px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
   --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
   --leo-typography-macos-default-semibold-line-height: 15.6px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
   --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
   --leo-typography-macos-small-regular-line-height: 14.4px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
   --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
   --leo-typography-macos-small-semibold-line-height: 14.4px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
   --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
   --leo-typography-windows-small-regular-line-height: 14.4px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
   --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
   --leo-typography-windows-small-semibold-line-height: 14.4px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
   --leo-typography-components-button-large-line-height: 20px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
@@ -455,6 +511,125 @@
   --leo-color-light-tor-window-50: rgb(120, 74, 145);
   --leo-color-light-tor-window-60: rgb(90, 55, 108);
   --leo-color-light-tor-window-70: rgb(39, 26, 47);
+  --leo-color-light-semantic-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-light-semantic-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-light-semantic-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-light-semantic-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-light-semantic-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-light-semantic-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-light-semantic-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-light-semantic-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-light-semantic-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-light-semantic-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-light-semantic-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-light-semantic-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-light-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-light-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-light-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-light-semantic-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-light-semantic-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-light-semantic-divider-interactive: rgb(183, 198, 255);
+  --leo-color-light-semantic-divider-subtle: rgb(226, 229, 233);
+  --leo-color-light-semantic-divider-strong: rgb(195, 201, 211);
+  --leo-color-light-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-light-semantic-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-light-semantic-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-light-semantic-container-highlight: rgb(237, 238, 241);
+  --leo-color-light-semantic-container-interactive: rgb(233, 238, 255);
+  --leo-color-light-semantic-container-background: rgb(255, 255, 255);
+  --leo-color-light-semantic-page-background: rgb(246, 247, 248);
+  --leo-color-light-semantic-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-light-semantic-icon-default: rgb(105, 114, 132);
+  --leo-color-light-semantic-icon-interactive: rgb(63, 57, 232);
+  --leo-color-light-semantic-text-interactive: rgb(63, 57, 232);
+  --leo-color-light-semantic-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-light-semantic-text-secondary: rgb(84, 96, 113);
+  --leo-color-light-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-light-semantic-text-primary: rgb(17, 19, 23);
+  --leo-color-light-themable-private-window-10: rgb(245, 243, 255);
+  --leo-color-light-themable-private-window-20: rgb(229, 224, 255);
+  --leo-color-light-themable-private-window-30: rgb(179, 159, 255);
+  --leo-color-light-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-light-themable-private-window-50: rgb(99, 76, 166);
+  --leo-color-light-themable-private-window-60: rgb(76, 50, 139);
+  --leo-color-light-themable-private-window-70: rgb(38, 0, 88);
+  --leo-color-light-themable-pink-10: rgb(255, 241, 246);
+  --leo-color-light-themable-pink-20: rgb(255, 217, 230);
+  --leo-color-light-themable-pink-30: rgb(255, 127, 182);
+  --leo-color-light-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-light-themable-pink-50: rgb(163, 37, 100);
+  --leo-color-light-themable-pink-60: rgb(131, 0, 76);
+  --leo-color-light-themable-pink-70: rgb(64, 0, 34);
+  --leo-color-light-themable-purple-10: rgb(242, 245, 255);
+  --leo-color-light-themable-purple-20: rgb(221, 227, 255);
+  --leo-color-light-themable-purple-30: rgb(156, 169, 255);
+  --leo-color-light-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-light-themable-purple-50: rgb(74, 78, 188);
+  --leo-color-light-themable-purple-60: rgb(53, 51, 159);
+  --leo-color-light-themable-purple-70: rgb(23, 0, 100);
+  --leo-color-light-themable-blue-10: rgb(238, 246, 255);
+  --leo-color-light-themable-blue-20: rgb(210, 231, 255);
+  --leo-color-light-themable-blue-30: rgb(110, 181, 255);
+  --leo-color-light-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-light-themable-blue-50: rgb(0, 97, 170);
+  --leo-color-light-themable-blue-60: rgb(0, 72, 130);
+  --leo-color-light-themable-blue-70: rgb(0, 32, 63);
+  --leo-color-light-themable-tor-window-10: rgb(250, 242, 255);
+  --leo-color-light-themable-tor-window-20: rgb(241, 219, 255);
+  --leo-color-light-themable-tor-window-30: rgb(205, 151, 236);
+  --leo-color-light-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-light-themable-tor-window-50: rgb(120, 69, 147);
+  --leo-color-light-themable-tor-window-60: rgb(94, 44, 120);
+  --leo-color-light-themable-tor-window-70: rgb(50, 0, 71);
+  --leo-color-light-themable-teal-10: rgb(225, 251, 255);
+  --leo-color-light-themable-teal-20: rgb(182, 240, 250);
+  --leo-color-light-themable-teal-30: rgb(100, 192, 207);
+  --leo-color-light-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-light-themable-teal-50: rgb(0, 108, 120);
+  --leo-color-light-themable-teal-60: rgb(0, 81, 91);
+  --leo-color-light-themable-teal-70: rgb(0, 37, 42);
+  --leo-color-light-themable-gray-10: rgb(246, 247, 248);
+  --leo-color-light-themable-gray-20: rgb(226, 229, 233);
+  --leo-color-light-themable-gray-30: rgb(168, 177, 191);
+  --leo-color-light-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-light-themable-gray-50: rgb(84, 96, 113);
+  --leo-color-light-themable-gray-60: rgb(63, 72, 85);
+  --leo-color-light-themable-gray-70: rgb(28, 32, 38);
+  --leo-color-light-themable-yellow-10: rgb(255, 244, 224);
+  --leo-color-light-themable-yellow-20: rgb(255, 224, 169);
+  --leo-color-light-themable-yellow-30: rgb(225, 164, 0);
+  --leo-color-light-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-light-themable-yellow-50: rgb(123, 88, 0);
+  --leo-color-light-themable-yellow-60: rgb(93, 66, 0);
+  --leo-color-light-themable-yellow-70: rgb(43, 29, 0);
+  --leo-color-light-themable-red-10: rgb(255, 241, 241);
+  --leo-color-light-themable-red-20: rgb(255, 219, 217);
+  --leo-color-light-themable-red-30: rgb(255, 136, 136);
+  --leo-color-light-themable-red-40: rgb(212, 0, 51);
+  --leo-color-light-themable-red-50: rgb(179, 0, 42);
+  --leo-color-light-themable-red-60: rgb(137, 0, 30);
+  --leo-color-light-themable-red-70: rgb(67, 0, 10);
+  --leo-color-light-themable-green-10: rgb(224, 255, 226);
+  --leo-color-light-themable-green-20: rgb(194, 244, 198);
+  --leo-color-light-themable-green-30: rgb(117, 198, 126);
+  --leo-color-light-themable-green-40: rgb(54, 133, 67);
+  --leo-color-light-themable-green-50: rgb(0, 115, 37);
+  --leo-color-light-themable-green-60: rgb(0, 87, 26);
+  --leo-color-light-themable-green-70: rgb(0, 40, 8);
+  --leo-color-light-themable-secondary-10: rgb(255, 242, 238);
+  --leo-color-light-themable-secondary-20: rgb(255, 220, 208);
+  --leo-color-light-themable-secondary-30: rgb(255, 140, 101);
+  --leo-color-light-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-light-themable-secondary-50: rgb(163, 53, 0);
+  --leo-color-light-themable-secondary-60: rgb(124, 38, 0);
+  --leo-color-light-themable-secondary-70: rgb(60, 14, 0);
+  --leo-color-light-themable-primary-10: rgb(242, 245, 255);
+  --leo-color-light-themable-primary-20: rgb(220, 227, 255);
+  --leo-color-light-themable-primary-30: rgb(151, 170, 255);
+  --leo-color-light-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-light-themable-primary-50: rgb(63, 57, 232);
+  --leo-color-light-themable-primary-60: rgb(48, 6, 201);
+  --leo-color-light-themable-primary-70: rgb(19, 0, 102);
   --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
   --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
   --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
@@ -570,6 +745,125 @@
   --leo-color-dark-tor-window-50: rgb(194, 165, 209);
   --leo-color-dark-tor-window-60: rgb(213, 194, 224);
   --leo-color-dark-tor-window-70: rgb(242, 237, 245);
+  --leo-color-dark-semantic-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-dark-semantic-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-dark-semantic-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-dark-semantic-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-dark-semantic-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-dark-semantic-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-dark-semantic-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-dark-semantic-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-dark-semantic-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-dark-semantic-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-dark-semantic-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-dark-semantic-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-dark-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dark-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dark-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dark-semantic-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dark-semantic-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-dark-semantic-divider-interactive: rgb(48, 6, 201);
+  --leo-color-dark-semantic-divider-subtle: rgb(63, 72, 85);
+  --leo-color-dark-semantic-divider-strong: rgb(84, 96, 113);
+  --leo-color-dark-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-dark-semantic-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-dark-semantic-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-dark-semantic-container-highlight: rgb(38, 43, 51);
+  --leo-color-dark-semantic-container-interactive: rgb(19, 0, 102);
+  --leo-color-dark-semantic-container-background: rgb(28, 32, 38);
+  --leo-color-dark-semantic-page-background: rgb(17, 19, 23);
+  --leo-color-dark-semantic-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-dark-semantic-icon-default: rgb(168, 177, 191);
+  --leo-color-dark-semantic-icon-interactive: rgb(151, 170, 255);
+  --leo-color-dark-semantic-text-interactive: rgb(151, 170, 255);
+  --leo-color-dark-semantic-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-dark-semantic-text-secondary: rgb(195, 201, 211);
+  --leo-color-dark-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-dark-semantic-text-primary: rgb(246, 247, 248);
+  --leo-color-dark-themable-private-window-10: rgb(24, 0, 60);
+  --leo-color-dark-themable-private-window-20: rgb(51, 0, 113);
+  --leo-color-dark-themable-private-window-30: rgb(99, 76, 166);
+  --leo-color-dark-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-dark-themable-private-window-50: rgb(179, 159, 255);
+  --leo-color-dark-themable-private-window-60: rgb(202, 191, 255);
+  --leo-color-dark-themable-private-window-70: rgb(238, 235, 255);
+  --leo-color-dark-themable-pink-10: rgb(42, 0, 21);
+  --leo-color-dark-themable-pink-20: rgb(82, 0, 45);
+  --leo-color-dark-themable-pink-30: rgb(163, 37, 100);
+  --leo-color-dark-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-dark-themable-pink-50: rgb(255, 127, 182);
+  --leo-color-dark-themable-pink-60: rgb(255, 173, 204);
+  --leo-color-dark-themable-pink-70: rgb(255, 231, 239);
+  --leo-color-dark-themable-purple-10: rgb(13, 0, 68);
+  --leo-color-dark-themable-purple-20: rgb(32, 0, 128);
+  --leo-color-dark-themable-purple-30: rgb(74, 78, 188);
+  --leo-color-dark-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-dark-themable-purple-50: rgb(156, 169, 255);
+  --leo-color-dark-themable-purple-60: rgb(186, 197, 255);
+  --leo-color-dark-themable-purple-70: rgb(233, 237, 255);
+  --leo-color-dark-themable-blue-10: rgb(0, 19, 42);
+  --leo-color-dark-themable-blue-20: rgb(0, 43, 82);
+  --leo-color-dark-themable-blue-30: rgb(0, 97, 170);
+  --leo-color-dark-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-dark-themable-blue-50: rgb(110, 181, 255);
+  --leo-color-dark-themable-blue-60: rgb(160, 205, 255);
+  --leo-color-dark-themable-blue-70: rgb(226, 240, 255);
+  --leo-color-dark-themable-tor-window-10: rgb(33, 0, 47);
+  --leo-color-dark-themable-tor-window-20: rgb(66, 0, 92);
+  --leo-color-dark-themable-tor-window-30: rgb(120, 69, 147);
+  --leo-color-dark-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-dark-themable-tor-window-50: rgb(205, 151, 236);
+  --leo-color-dark-themable-tor-window-60: rgb(227, 179, 255);
+  --leo-color-dark-themable-tor-window-70: rgb(246, 232, 255);
+  --leo-color-dark-themable-teal-10: rgb(0, 23, 27);
+  --leo-color-dark-themable-teal-20: rgb(0, 49, 56);
+  --leo-color-dark-themable-teal-30: rgb(0, 108, 120);
+  --leo-color-dark-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-dark-themable-teal-50: rgb(100, 192, 207);
+  --leo-color-dark-themable-teal-60: rgb(125, 218, 232);
+  --leo-color-dark-themable-teal-70: rgb(209, 247, 253);
+  --leo-color-dark-themable-gray-10: rgb(17, 19, 23);
+  --leo-color-dark-themable-gray-20: rgb(38, 43, 51);
+  --leo-color-dark-themable-gray-30: rgb(84, 96, 113);
+  --leo-color-dark-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-dark-themable-gray-50: rgb(168, 177, 191);
+  --leo-color-dark-themable-gray-60: rgb(195, 201, 211);
+  --leo-color-dark-themable-gray-70: rgb(237, 238, 241);
+  --leo-color-dark-themable-yellow-10: rgb(27, 17, 0);
+  --leo-color-dark-themable-yellow-20: rgb(57, 39, 0);
+  --leo-color-dark-themable-yellow-30: rgb(123, 88, 0);
+  --leo-color-dark-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-dark-themable-yellow-50: rgb(225, 164, 0);
+  --leo-color-dark-themable-yellow-60: rgb(255, 188, 24);
+  --leo-color-dark-themable-yellow-70: rgb(255, 236, 202);
+  --leo-color-dark-themable-red-10: rgb(44, 0, 4);
+  --leo-color-dark-themable-red-20: rgb(86, 0, 15);
+  --leo-color-dark-themable-red-30: rgb(179, 0, 42);
+  --leo-color-dark-themable-red-40: rgb(212, 0, 51);
+  --leo-color-dark-themable-red-50: rgb(255, 136, 136);
+  --leo-color-dark-themable-red-60: rgb(255, 177, 176);
+  --leo-color-dark-themable-red-70: rgb(255, 232, 231);
+  --leo-color-dark-themable-green-10: rgb(0, 25, 4);
+  --leo-color-dark-themable-green-20: rgb(0, 53, 13);
+  --leo-color-dark-themable-green-30: rgb(0, 115, 37);
+  --leo-color-dark-themable-green-40: rgb(54, 133, 67);
+  --leo-color-dark-themable-green-50: rgb(117, 198, 126);
+  --leo-color-dark-themable-green-60: rgb(142, 224, 150);
+  --leo-color-dark-themable-green-70: rgb(208, 252, 211);
+  --leo-color-dark-themable-secondary-10: rgb(39, 7, 0);
+  --leo-color-dark-themable-secondary-20: rgb(78, 21, 0);
+  --leo-color-dark-themable-secondary-30: rgb(163, 53, 0);
+  --leo-color-dark-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-dark-themable-secondary-50: rgb(255, 140, 101);
+  --leo-color-dark-themable-secondary-60: rgb(255, 180, 155);
+  --leo-color-dark-themable-secondary-70: rgb(255, 233, 225);
+  --leo-color-dark-themable-primary-10: rgb(10, 0, 70);
+  --leo-color-dark-themable-primary-20: rgb(27, 0, 130);
+  --leo-color-dark-themable-primary-30: rgb(63, 57, 232);
+  --leo-color-dark-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-dark-themable-primary-50: rgb(151, 170, 255);
+  --leo-color-dark-themable-primary-60: rgb(183, 198, 255);
+  --leo-color-dark-themable-primary-70: rgb(233, 238, 255);
   --leo-color-legacy-light-background1: rgb(255, 255, 255);
   --leo-color-legacy-light-background2: rgb(248, 249, 250);
   --leo-color-legacy-light-text1: rgb(33, 37, 41);
@@ -608,20 +902,142 @@
   --leo-color-logos-bat-1: rgb(255, 71, 36);
   --leo-color-logos-bat-2: rgb(158, 31, 99);
   --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(229, 224, 255);
+  --leo-color-primitive-private-window-30: rgb(202, 191, 255);
+  --leo-color-primitive-private-window-40: rgb(179, 159, 255);
+  --leo-color-primitive-private-window-50: rgb(117, 95, 187);
+  --leo-color-primitive-private-window-60: rgb(99, 76, 166);
+  --leo-color-primitive-private-window-70: rgb(76, 50, 139);
+  --leo-color-primitive-private-window-80: rgb(51, 0, 113);
+  --leo-color-primitive-private-window-90: rgb(38, 0, 88);
+  --leo-color-primitive-private-window-100: rgb(24, 0, 60);
+  --leo-color-primitive-green-1: rgb(224, 255, 226);
+  --leo-color-primitive-green-10: rgb(208, 252, 211);
+  --leo-color-primitive-green-20: rgb(194, 244, 198);
+  --leo-color-primitive-green-30: rgb(142, 224, 150);
+  --leo-color-primitive-green-40: rgb(117, 198, 126);
+  --leo-color-primitive-green-50: rgb(54, 133, 67);
+  --leo-color-primitive-green-60: rgb(0, 115, 37);
+  --leo-color-primitive-green-70: rgb(0, 87, 26);
+  --leo-color-primitive-green-80: rgb(0, 53, 13);
+  --leo-color-primitive-green-90: rgb(0, 40, 8);
+  --leo-color-primitive-green-100: rgb(0, 25, 4);
+  --leo-color-primitive-yellow-1: rgb(255, 244, 224);
+  --leo-color-primitive-yellow-10: rgb(255, 236, 202);
+  --leo-color-primitive-yellow-20: rgb(255, 224, 169);
+  --leo-color-primitive-yellow-30: rgb(255, 188, 24);
+  --leo-color-primitive-yellow-40: rgb(225, 164, 0);
+  --leo-color-primitive-yellow-50: rgb(146, 106, 0);
+  --leo-color-primitive-yellow-60: rgb(123, 88, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(57, 39, 0);
+  --leo-color-primitive-yellow-90: rgb(43, 29, 0);
+  --leo-color-primitive-yellow-100: rgb(27, 17, 0);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 220, 208);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 140, 101);
+  --leo-color-primitive-secondary-50: rgb(193, 64, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(78, 21, 0);
+  --leo-color-primitive-secondary-90: rgb(60, 14, 0);
+  --leo-color-primitive-secondary-100: rgb(39, 7, 0);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 217, 230);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(255, 127, 182);
+  --leo-color-primitive-pink-50: rgb(184, 59, 119);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(82, 0, 45);
+  --leo-color-primitive-pink-90: rgb(64, 0, 34);
+  --leo-color-primitive-pink-100: rgb(42, 0, 21);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(182, 240, 250);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(100, 192, 207);
+  --leo-color-primitive-teal-50: rgb(11, 128, 142);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(0, 49, 56);
+  --leo-color-primitive-teal-90: rgb(0, 37, 42);
+  --leo-color-primitive-teal-100: rgb(0, 23, 27);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(241, 219, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(205, 151, 236);
+  --leo-color-primitive-tor-window-50: rgb(139, 88, 167);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(66, 0, 92);
+  --leo-color-primitive-tor-window-90: rgb(50, 0, 71);
+  --leo-color-primitive-tor-window-100: rgb(33, 0, 47);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(210, 231, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(110, 181, 255);
+  --leo-color-primitive-blue-50: rgb(11, 115, 199);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(0, 43, 82);
+  --leo-color-primitive-blue-90: rgb(0, 32, 63);
+  --leo-color-primitive-blue-100: rgb(0, 19, 42);
+  --leo-color-primitive-purple-1: rgb(242, 245, 255);
+  --leo-color-primitive-purple-10: rgb(233, 237, 255);
+  --leo-color-primitive-purple-20: rgb(221, 227, 255);
+  --leo-color-primitive-purple-30: rgb(186, 197, 255);
+  --leo-color-primitive-purple-40: rgb(156, 169, 255);
+  --leo-color-primitive-purple-50: rgb(91, 99, 208);
+  --leo-color-primitive-purple-60: rgb(74, 78, 188);
+  --leo-color-primitive-purple-70: rgb(53, 51, 159);
+  --leo-color-primitive-purple-80: rgb(32, 0, 128);
+  --leo-color-primitive-purple-90: rgb(23, 0, 100);
+  --leo-color-primitive-purple-100: rgb(13, 0, 68);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 219, 217);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 136, 136);
+  --leo-color-primitive-red-50: rgb(212, 0, 51);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(86, 0, 15);
+  --leo-color-primitive-red-90: rgb(67, 0, 10);
+  --leo-color-primitive-red-100: rgb(44, 0, 4);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(226, 229, 233);
+  --leo-color-primitive-gray-30: rgb(195, 201, 211);
+  --leo-color-primitive-gray-40: rgb(168, 177, 191);
+  --leo-color-primitive-gray-50: rgb(105, 114, 132);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(38, 43, 51);
+  --leo-color-primitive-gray-90: rgb(28, 32, 38);
+  --leo-color-primitive-gray-100: rgb(17, 19, 23);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(220, 227, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(151, 170, 255);
+  --leo-color-primitive-primary-50: rgb(77, 82, 253);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(27, 0, 130);
+  --leo-color-primitive-primary-90: rgb(19, 0, 102);
+  --leo-color-primitive-primary-100: rgb(10, 0, 70);
   --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
   --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
@@ -646,6 +1062,31 @@
   --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
   --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
   --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-spacing-10: 64px;
+  --leo-spacing-11: 80px;
+  --leo-spacing-12: 96px;
+  --leo-spacing-13: 160px;
+  --leo-spacing-08: 40px;
+  --leo-spacing-07: 32px;
+  --leo-spacing-06: 24px;
+  --leo-spacing-04: 12px;
+  --leo-spacing-03: 8px;
+  --leo-spacing-09: 48px;
+  --leo-spacing-02: 4px;
+  --leo-spacing-05: 16px;
+  --leo-spacing-01: 2px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-02: 2px;
+  --leo-radius-07: 1000px;
+  --leo-radius-05: 12px;
+  --leo-radius-06: 16px;
+  --leo-radius-04: 8px;
+  --leo-radius-03: 4px;
+  --leo-radius-01: 1px;
 }
 
 @media (prefers-color-scheme: light) {
@@ -765,6 +1206,125 @@
   --leo-color-tor-window-50: rgb(120, 74, 145);
   --leo-color-tor-window-60: rgb(90, 55, 108);
   --leo-color-tor-window-70: rgb(39, 26, 47);
+  --leo-color-semantic-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-semantic-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-semantic-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-semantic-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-semantic-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-semantic-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-semantic-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-semantic-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-semantic-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-semantic-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-semantic-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-semantic-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-semantic-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-semantic-divider-interactive: rgb(183, 198, 255);
+  --leo-color-semantic-divider-subtle: rgb(226, 229, 233);
+  --leo-color-semantic-divider-strong: rgb(195, 201, 211);
+  --leo-color-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-semantic-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-semantic-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-semantic-container-highlight: rgb(237, 238, 241);
+  --leo-color-semantic-container-interactive: rgb(233, 238, 255);
+  --leo-color-semantic-container-background: rgb(255, 255, 255);
+  --leo-color-semantic-page-background: rgb(246, 247, 248);
+  --leo-color-semantic-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-semantic-icon-default: rgb(105, 114, 132);
+  --leo-color-semantic-icon-interactive: rgb(63, 57, 232);
+  --leo-color-semantic-text-interactive: rgb(63, 57, 232);
+  --leo-color-semantic-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-semantic-text-secondary: rgb(84, 96, 113);
+  --leo-color-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-semantic-text-primary: rgb(17, 19, 23);
+  --leo-color-themable-private-window-10: rgb(245, 243, 255);
+  --leo-color-themable-private-window-20: rgb(229, 224, 255);
+  --leo-color-themable-private-window-30: rgb(179, 159, 255);
+  --leo-color-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-themable-private-window-50: rgb(99, 76, 166);
+  --leo-color-themable-private-window-60: rgb(76, 50, 139);
+  --leo-color-themable-private-window-70: rgb(38, 0, 88);
+  --leo-color-themable-pink-10: rgb(255, 241, 246);
+  --leo-color-themable-pink-20: rgb(255, 217, 230);
+  --leo-color-themable-pink-30: rgb(255, 127, 182);
+  --leo-color-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-themable-pink-50: rgb(163, 37, 100);
+  --leo-color-themable-pink-60: rgb(131, 0, 76);
+  --leo-color-themable-pink-70: rgb(64, 0, 34);
+  --leo-color-themable-purple-10: rgb(242, 245, 255);
+  --leo-color-themable-purple-20: rgb(221, 227, 255);
+  --leo-color-themable-purple-30: rgb(156, 169, 255);
+  --leo-color-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-themable-purple-50: rgb(74, 78, 188);
+  --leo-color-themable-purple-60: rgb(53, 51, 159);
+  --leo-color-themable-purple-70: rgb(23, 0, 100);
+  --leo-color-themable-blue-10: rgb(238, 246, 255);
+  --leo-color-themable-blue-20: rgb(210, 231, 255);
+  --leo-color-themable-blue-30: rgb(110, 181, 255);
+  --leo-color-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-themable-blue-50: rgb(0, 97, 170);
+  --leo-color-themable-blue-60: rgb(0, 72, 130);
+  --leo-color-themable-blue-70: rgb(0, 32, 63);
+  --leo-color-themable-tor-window-10: rgb(250, 242, 255);
+  --leo-color-themable-tor-window-20: rgb(241, 219, 255);
+  --leo-color-themable-tor-window-30: rgb(205, 151, 236);
+  --leo-color-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-themable-tor-window-50: rgb(120, 69, 147);
+  --leo-color-themable-tor-window-60: rgb(94, 44, 120);
+  --leo-color-themable-tor-window-70: rgb(50, 0, 71);
+  --leo-color-themable-teal-10: rgb(225, 251, 255);
+  --leo-color-themable-teal-20: rgb(182, 240, 250);
+  --leo-color-themable-teal-30: rgb(100, 192, 207);
+  --leo-color-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-themable-teal-50: rgb(0, 108, 120);
+  --leo-color-themable-teal-60: rgb(0, 81, 91);
+  --leo-color-themable-teal-70: rgb(0, 37, 42);
+  --leo-color-themable-gray-10: rgb(246, 247, 248);
+  --leo-color-themable-gray-20: rgb(226, 229, 233);
+  --leo-color-themable-gray-30: rgb(168, 177, 191);
+  --leo-color-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-themable-gray-50: rgb(84, 96, 113);
+  --leo-color-themable-gray-60: rgb(63, 72, 85);
+  --leo-color-themable-gray-70: rgb(28, 32, 38);
+  --leo-color-themable-yellow-10: rgb(255, 244, 224);
+  --leo-color-themable-yellow-20: rgb(255, 224, 169);
+  --leo-color-themable-yellow-30: rgb(225, 164, 0);
+  --leo-color-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-themable-yellow-50: rgb(123, 88, 0);
+  --leo-color-themable-yellow-60: rgb(93, 66, 0);
+  --leo-color-themable-yellow-70: rgb(43, 29, 0);
+  --leo-color-themable-red-10: rgb(255, 241, 241);
+  --leo-color-themable-red-20: rgb(255, 219, 217);
+  --leo-color-themable-red-30: rgb(255, 136, 136);
+  --leo-color-themable-red-40: rgb(212, 0, 51);
+  --leo-color-themable-red-50: rgb(179, 0, 42);
+  --leo-color-themable-red-60: rgb(137, 0, 30);
+  --leo-color-themable-red-70: rgb(67, 0, 10);
+  --leo-color-themable-green-10: rgb(224, 255, 226);
+  --leo-color-themable-green-20: rgb(194, 244, 198);
+  --leo-color-themable-green-30: rgb(117, 198, 126);
+  --leo-color-themable-green-40: rgb(54, 133, 67);
+  --leo-color-themable-green-50: rgb(0, 115, 37);
+  --leo-color-themable-green-60: rgb(0, 87, 26);
+  --leo-color-themable-green-70: rgb(0, 40, 8);
+  --leo-color-themable-secondary-10: rgb(255, 242, 238);
+  --leo-color-themable-secondary-20: rgb(255, 220, 208);
+  --leo-color-themable-secondary-30: rgb(255, 140, 101);
+  --leo-color-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-themable-secondary-50: rgb(163, 53, 0);
+  --leo-color-themable-secondary-60: rgb(124, 38, 0);
+  --leo-color-themable-secondary-70: rgb(60, 14, 0);
+  --leo-color-themable-primary-10: rgb(242, 245, 255);
+  --leo-color-themable-primary-20: rgb(220, 227, 255);
+  --leo-color-themable-primary-30: rgb(151, 170, 255);
+  --leo-color-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-themable-primary-50: rgb(63, 57, 232);
+  --leo-color-themable-primary-60: rgb(48, 6, 201);
+  --leo-color-themable-primary-70: rgb(19, 0, 102);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -908,6 +1468,125 @@
   --leo-color-tor-window-50: rgb(194, 165, 209);
   --leo-color-tor-window-60: rgb(213, 194, 224);
   --leo-color-tor-window-70: rgb(242, 237, 245);
+  --leo-color-semantic-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-semantic-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-semantic-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-semantic-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-semantic-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-semantic-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-semantic-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-semantic-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-semantic-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-semantic-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-semantic-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-semantic-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-semantic-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-semantic-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-semantic-divider-interactive: rgb(48, 6, 201);
+  --leo-color-semantic-divider-subtle: rgb(63, 72, 85);
+  --leo-color-semantic-divider-strong: rgb(84, 96, 113);
+  --leo-color-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-semantic-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-semantic-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-semantic-container-highlight: rgb(38, 43, 51);
+  --leo-color-semantic-container-interactive: rgb(19, 0, 102);
+  --leo-color-semantic-container-background: rgb(28, 32, 38);
+  --leo-color-semantic-page-background: rgb(17, 19, 23);
+  --leo-color-semantic-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-semantic-icon-default: rgb(168, 177, 191);
+  --leo-color-semantic-icon-interactive: rgb(151, 170, 255);
+  --leo-color-semantic-text-interactive: rgb(151, 170, 255);
+  --leo-color-semantic-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-semantic-text-secondary: rgb(195, 201, 211);
+  --leo-color-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-semantic-text-primary: rgb(246, 247, 248);
+  --leo-color-themable-private-window-10: rgb(24, 0, 60);
+  --leo-color-themable-private-window-20: rgb(51, 0, 113);
+  --leo-color-themable-private-window-30: rgb(99, 76, 166);
+  --leo-color-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-themable-private-window-50: rgb(179, 159, 255);
+  --leo-color-themable-private-window-60: rgb(202, 191, 255);
+  --leo-color-themable-private-window-70: rgb(238, 235, 255);
+  --leo-color-themable-pink-10: rgb(42, 0, 21);
+  --leo-color-themable-pink-20: rgb(82, 0, 45);
+  --leo-color-themable-pink-30: rgb(163, 37, 100);
+  --leo-color-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-themable-pink-50: rgb(255, 127, 182);
+  --leo-color-themable-pink-60: rgb(255, 173, 204);
+  --leo-color-themable-pink-70: rgb(255, 231, 239);
+  --leo-color-themable-purple-10: rgb(13, 0, 68);
+  --leo-color-themable-purple-20: rgb(32, 0, 128);
+  --leo-color-themable-purple-30: rgb(74, 78, 188);
+  --leo-color-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-themable-purple-50: rgb(156, 169, 255);
+  --leo-color-themable-purple-60: rgb(186, 197, 255);
+  --leo-color-themable-purple-70: rgb(233, 237, 255);
+  --leo-color-themable-blue-10: rgb(0, 19, 42);
+  --leo-color-themable-blue-20: rgb(0, 43, 82);
+  --leo-color-themable-blue-30: rgb(0, 97, 170);
+  --leo-color-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-themable-blue-50: rgb(110, 181, 255);
+  --leo-color-themable-blue-60: rgb(160, 205, 255);
+  --leo-color-themable-blue-70: rgb(226, 240, 255);
+  --leo-color-themable-tor-window-10: rgb(33, 0, 47);
+  --leo-color-themable-tor-window-20: rgb(66, 0, 92);
+  --leo-color-themable-tor-window-30: rgb(120, 69, 147);
+  --leo-color-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-themable-tor-window-50: rgb(205, 151, 236);
+  --leo-color-themable-tor-window-60: rgb(227, 179, 255);
+  --leo-color-themable-tor-window-70: rgb(246, 232, 255);
+  --leo-color-themable-teal-10: rgb(0, 23, 27);
+  --leo-color-themable-teal-20: rgb(0, 49, 56);
+  --leo-color-themable-teal-30: rgb(0, 108, 120);
+  --leo-color-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-themable-teal-50: rgb(100, 192, 207);
+  --leo-color-themable-teal-60: rgb(125, 218, 232);
+  --leo-color-themable-teal-70: rgb(209, 247, 253);
+  --leo-color-themable-gray-10: rgb(17, 19, 23);
+  --leo-color-themable-gray-20: rgb(38, 43, 51);
+  --leo-color-themable-gray-30: rgb(84, 96, 113);
+  --leo-color-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-themable-gray-50: rgb(168, 177, 191);
+  --leo-color-themable-gray-60: rgb(195, 201, 211);
+  --leo-color-themable-gray-70: rgb(237, 238, 241);
+  --leo-color-themable-yellow-10: rgb(27, 17, 0);
+  --leo-color-themable-yellow-20: rgb(57, 39, 0);
+  --leo-color-themable-yellow-30: rgb(123, 88, 0);
+  --leo-color-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-themable-yellow-50: rgb(225, 164, 0);
+  --leo-color-themable-yellow-60: rgb(255, 188, 24);
+  --leo-color-themable-yellow-70: rgb(255, 236, 202);
+  --leo-color-themable-red-10: rgb(44, 0, 4);
+  --leo-color-themable-red-20: rgb(86, 0, 15);
+  --leo-color-themable-red-30: rgb(179, 0, 42);
+  --leo-color-themable-red-40: rgb(212, 0, 51);
+  --leo-color-themable-red-50: rgb(255, 136, 136);
+  --leo-color-themable-red-60: rgb(255, 177, 176);
+  --leo-color-themable-red-70: rgb(255, 232, 231);
+  --leo-color-themable-green-10: rgb(0, 25, 4);
+  --leo-color-themable-green-20: rgb(0, 53, 13);
+  --leo-color-themable-green-30: rgb(0, 115, 37);
+  --leo-color-themable-green-40: rgb(54, 133, 67);
+  --leo-color-themable-green-50: rgb(117, 198, 126);
+  --leo-color-themable-green-60: rgb(142, 224, 150);
+  --leo-color-themable-green-70: rgb(208, 252, 211);
+  --leo-color-themable-secondary-10: rgb(39, 7, 0);
+  --leo-color-themable-secondary-20: rgb(78, 21, 0);
+  --leo-color-themable-secondary-30: rgb(163, 53, 0);
+  --leo-color-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-themable-secondary-50: rgb(255, 140, 101);
+  --leo-color-themable-secondary-60: rgb(255, 180, 155);
+  --leo-color-themable-secondary-70: rgb(255, 233, 225);
+  --leo-color-themable-primary-10: rgb(10, 0, 70);
+  --leo-color-themable-primary-20: rgb(27, 0, 130);
+  --leo-color-themable-primary-30: rgb(63, 57, 232);
+  --leo-color-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-themable-primary-50: rgb(151, 170, 255);
+  --leo-color-themable-primary-60: rgb(183, 198, 255);
+  --leo-color-themable-primary-70: rgb(233, 238, 255);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1050,6 +1729,125 @@
   --leo-color-tor-window-50: rgb(120, 74, 145);
   --leo-color-tor-window-60: rgb(90, 55, 108);
   --leo-color-tor-window-70: rgb(39, 26, 47);
+  --leo-color-semantic-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-semantic-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-semantic-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-semantic-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-semantic-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-semantic-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-semantic-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-semantic-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-semantic-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-semantic-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-semantic-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-semantic-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-semantic-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-semantic-divider-interactive: rgb(183, 198, 255);
+  --leo-color-semantic-divider-subtle: rgb(226, 229, 233);
+  --leo-color-semantic-divider-strong: rgb(195, 201, 211);
+  --leo-color-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-semantic-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-semantic-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-semantic-container-highlight: rgb(237, 238, 241);
+  --leo-color-semantic-container-interactive: rgb(233, 238, 255);
+  --leo-color-semantic-container-background: rgb(255, 255, 255);
+  --leo-color-semantic-page-background: rgb(246, 247, 248);
+  --leo-color-semantic-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-semantic-icon-default: rgb(105, 114, 132);
+  --leo-color-semantic-icon-interactive: rgb(63, 57, 232);
+  --leo-color-semantic-text-interactive: rgb(63, 57, 232);
+  --leo-color-semantic-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-semantic-text-secondary: rgb(84, 96, 113);
+  --leo-color-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-semantic-text-primary: rgb(17, 19, 23);
+  --leo-color-themable-private-window-10: rgb(245, 243, 255);
+  --leo-color-themable-private-window-20: rgb(229, 224, 255);
+  --leo-color-themable-private-window-30: rgb(179, 159, 255);
+  --leo-color-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-themable-private-window-50: rgb(99, 76, 166);
+  --leo-color-themable-private-window-60: rgb(76, 50, 139);
+  --leo-color-themable-private-window-70: rgb(38, 0, 88);
+  --leo-color-themable-pink-10: rgb(255, 241, 246);
+  --leo-color-themable-pink-20: rgb(255, 217, 230);
+  --leo-color-themable-pink-30: rgb(255, 127, 182);
+  --leo-color-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-themable-pink-50: rgb(163, 37, 100);
+  --leo-color-themable-pink-60: rgb(131, 0, 76);
+  --leo-color-themable-pink-70: rgb(64, 0, 34);
+  --leo-color-themable-purple-10: rgb(242, 245, 255);
+  --leo-color-themable-purple-20: rgb(221, 227, 255);
+  --leo-color-themable-purple-30: rgb(156, 169, 255);
+  --leo-color-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-themable-purple-50: rgb(74, 78, 188);
+  --leo-color-themable-purple-60: rgb(53, 51, 159);
+  --leo-color-themable-purple-70: rgb(23, 0, 100);
+  --leo-color-themable-blue-10: rgb(238, 246, 255);
+  --leo-color-themable-blue-20: rgb(210, 231, 255);
+  --leo-color-themable-blue-30: rgb(110, 181, 255);
+  --leo-color-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-themable-blue-50: rgb(0, 97, 170);
+  --leo-color-themable-blue-60: rgb(0, 72, 130);
+  --leo-color-themable-blue-70: rgb(0, 32, 63);
+  --leo-color-themable-tor-window-10: rgb(250, 242, 255);
+  --leo-color-themable-tor-window-20: rgb(241, 219, 255);
+  --leo-color-themable-tor-window-30: rgb(205, 151, 236);
+  --leo-color-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-themable-tor-window-50: rgb(120, 69, 147);
+  --leo-color-themable-tor-window-60: rgb(94, 44, 120);
+  --leo-color-themable-tor-window-70: rgb(50, 0, 71);
+  --leo-color-themable-teal-10: rgb(225, 251, 255);
+  --leo-color-themable-teal-20: rgb(182, 240, 250);
+  --leo-color-themable-teal-30: rgb(100, 192, 207);
+  --leo-color-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-themable-teal-50: rgb(0, 108, 120);
+  --leo-color-themable-teal-60: rgb(0, 81, 91);
+  --leo-color-themable-teal-70: rgb(0, 37, 42);
+  --leo-color-themable-gray-10: rgb(246, 247, 248);
+  --leo-color-themable-gray-20: rgb(226, 229, 233);
+  --leo-color-themable-gray-30: rgb(168, 177, 191);
+  --leo-color-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-themable-gray-50: rgb(84, 96, 113);
+  --leo-color-themable-gray-60: rgb(63, 72, 85);
+  --leo-color-themable-gray-70: rgb(28, 32, 38);
+  --leo-color-themable-yellow-10: rgb(255, 244, 224);
+  --leo-color-themable-yellow-20: rgb(255, 224, 169);
+  --leo-color-themable-yellow-30: rgb(225, 164, 0);
+  --leo-color-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-themable-yellow-50: rgb(123, 88, 0);
+  --leo-color-themable-yellow-60: rgb(93, 66, 0);
+  --leo-color-themable-yellow-70: rgb(43, 29, 0);
+  --leo-color-themable-red-10: rgb(255, 241, 241);
+  --leo-color-themable-red-20: rgb(255, 219, 217);
+  --leo-color-themable-red-30: rgb(255, 136, 136);
+  --leo-color-themable-red-40: rgb(212, 0, 51);
+  --leo-color-themable-red-50: rgb(179, 0, 42);
+  --leo-color-themable-red-60: rgb(137, 0, 30);
+  --leo-color-themable-red-70: rgb(67, 0, 10);
+  --leo-color-themable-green-10: rgb(224, 255, 226);
+  --leo-color-themable-green-20: rgb(194, 244, 198);
+  --leo-color-themable-green-30: rgb(117, 198, 126);
+  --leo-color-themable-green-40: rgb(54, 133, 67);
+  --leo-color-themable-green-50: rgb(0, 115, 37);
+  --leo-color-themable-green-60: rgb(0, 87, 26);
+  --leo-color-themable-green-70: rgb(0, 40, 8);
+  --leo-color-themable-secondary-10: rgb(255, 242, 238);
+  --leo-color-themable-secondary-20: rgb(255, 220, 208);
+  --leo-color-themable-secondary-30: rgb(255, 140, 101);
+  --leo-color-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-themable-secondary-50: rgb(163, 53, 0);
+  --leo-color-themable-secondary-60: rgb(124, 38, 0);
+  --leo-color-themable-secondary-70: rgb(60, 14, 0);
+  --leo-color-themable-primary-10: rgb(242, 245, 255);
+  --leo-color-themable-primary-20: rgb(220, 227, 255);
+  --leo-color-themable-primary-30: rgb(151, 170, 255);
+  --leo-color-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-themable-primary-50: rgb(63, 57, 232);
+  --leo-color-themable-primary-60: rgb(48, 6, 201);
+  --leo-color-themable-primary-70: rgb(19, 0, 102);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1191,6 +1989,125 @@
   --leo-color-tor-window-50: rgb(194, 165, 209);
   --leo-color-tor-window-60: rgb(213, 194, 224);
   --leo-color-tor-window-70: rgb(242, 237, 245);
+  --leo-color-semantic-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-semantic-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-semantic-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-semantic-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-semantic-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-semantic-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-semantic-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-semantic-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-semantic-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-semantic-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-semantic-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-semantic-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-semantic-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-semantic-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-semantic-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-semantic-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-semantic-divider-interactive: rgb(48, 6, 201);
+  --leo-color-semantic-divider-subtle: rgb(63, 72, 85);
+  --leo-color-semantic-divider-strong: rgb(84, 96, 113);
+  --leo-color-semantic-button-background: rgb(63, 57, 232);
+  --leo-color-semantic-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-semantic-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-semantic-container-highlight: rgb(38, 43, 51);
+  --leo-color-semantic-container-interactive: rgb(19, 0, 102);
+  --leo-color-semantic-container-background: rgb(28, 32, 38);
+  --leo-color-semantic-page-background: rgb(17, 19, 23);
+  --leo-color-semantic-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-semantic-icon-default: rgb(168, 177, 191);
+  --leo-color-semantic-icon-interactive: rgb(151, 170, 255);
+  --leo-color-semantic-text-interactive: rgb(151, 170, 255);
+  --leo-color-semantic-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-semantic-text-secondary: rgb(195, 201, 211);
+  --leo-color-semantic-text-tertiary: rgb(105, 114, 132);
+  --leo-color-semantic-text-primary: rgb(246, 247, 248);
+  --leo-color-themable-private-window-10: rgb(24, 0, 60);
+  --leo-color-themable-private-window-20: rgb(51, 0, 113);
+  --leo-color-themable-private-window-30: rgb(99, 76, 166);
+  --leo-color-themable-private-window-40: rgb(117, 95, 187);
+  --leo-color-themable-private-window-50: rgb(179, 159, 255);
+  --leo-color-themable-private-window-60: rgb(202, 191, 255);
+  --leo-color-themable-private-window-70: rgb(238, 235, 255);
+  --leo-color-themable-pink-10: rgb(42, 0, 21);
+  --leo-color-themable-pink-20: rgb(82, 0, 45);
+  --leo-color-themable-pink-30: rgb(163, 37, 100);
+  --leo-color-themable-pink-40: rgb(184, 59, 119);
+  --leo-color-themable-pink-50: rgb(255, 127, 182);
+  --leo-color-themable-pink-60: rgb(255, 173, 204);
+  --leo-color-themable-pink-70: rgb(255, 231, 239);
+  --leo-color-themable-purple-10: rgb(13, 0, 68);
+  --leo-color-themable-purple-20: rgb(32, 0, 128);
+  --leo-color-themable-purple-30: rgb(74, 78, 188);
+  --leo-color-themable-purple-40: rgb(91, 99, 208);
+  --leo-color-themable-purple-50: rgb(156, 169, 255);
+  --leo-color-themable-purple-60: rgb(186, 197, 255);
+  --leo-color-themable-purple-70: rgb(233, 237, 255);
+  --leo-color-themable-blue-10: rgb(0, 19, 42);
+  --leo-color-themable-blue-20: rgb(0, 43, 82);
+  --leo-color-themable-blue-30: rgb(0, 97, 170);
+  --leo-color-themable-blue-40: rgb(11, 115, 199);
+  --leo-color-themable-blue-50: rgb(110, 181, 255);
+  --leo-color-themable-blue-60: rgb(160, 205, 255);
+  --leo-color-themable-blue-70: rgb(226, 240, 255);
+  --leo-color-themable-tor-window-10: rgb(33, 0, 47);
+  --leo-color-themable-tor-window-20: rgb(66, 0, 92);
+  --leo-color-themable-tor-window-30: rgb(120, 69, 147);
+  --leo-color-themable-tor-window-40: rgb(139, 88, 167);
+  --leo-color-themable-tor-window-50: rgb(205, 151, 236);
+  --leo-color-themable-tor-window-60: rgb(227, 179, 255);
+  --leo-color-themable-tor-window-70: rgb(246, 232, 255);
+  --leo-color-themable-teal-10: rgb(0, 23, 27);
+  --leo-color-themable-teal-20: rgb(0, 49, 56);
+  --leo-color-themable-teal-30: rgb(0, 108, 120);
+  --leo-color-themable-teal-40: rgb(11, 128, 142);
+  --leo-color-themable-teal-50: rgb(100, 192, 207);
+  --leo-color-themable-teal-60: rgb(125, 218, 232);
+  --leo-color-themable-teal-70: rgb(209, 247, 253);
+  --leo-color-themable-gray-10: rgb(17, 19, 23);
+  --leo-color-themable-gray-20: rgb(38, 43, 51);
+  --leo-color-themable-gray-30: rgb(84, 96, 113);
+  --leo-color-themable-gray-40: rgb(105, 114, 132);
+  --leo-color-themable-gray-50: rgb(168, 177, 191);
+  --leo-color-themable-gray-60: rgb(195, 201, 211);
+  --leo-color-themable-gray-70: rgb(237, 238, 241);
+  --leo-color-themable-yellow-10: rgb(27, 17, 0);
+  --leo-color-themable-yellow-20: rgb(57, 39, 0);
+  --leo-color-themable-yellow-30: rgb(123, 88, 0);
+  --leo-color-themable-yellow-40: rgb(146, 106, 0);
+  --leo-color-themable-yellow-50: rgb(225, 164, 0);
+  --leo-color-themable-yellow-60: rgb(255, 188, 24);
+  --leo-color-themable-yellow-70: rgb(255, 236, 202);
+  --leo-color-themable-red-10: rgb(44, 0, 4);
+  --leo-color-themable-red-20: rgb(86, 0, 15);
+  --leo-color-themable-red-30: rgb(179, 0, 42);
+  --leo-color-themable-red-40: rgb(212, 0, 51);
+  --leo-color-themable-red-50: rgb(255, 136, 136);
+  --leo-color-themable-red-60: rgb(255, 177, 176);
+  --leo-color-themable-red-70: rgb(255, 232, 231);
+  --leo-color-themable-green-10: rgb(0, 25, 4);
+  --leo-color-themable-green-20: rgb(0, 53, 13);
+  --leo-color-themable-green-30: rgb(0, 115, 37);
+  --leo-color-themable-green-40: rgb(54, 133, 67);
+  --leo-color-themable-green-50: rgb(117, 198, 126);
+  --leo-color-themable-green-60: rgb(142, 224, 150);
+  --leo-color-themable-green-70: rgb(208, 252, 211);
+  --leo-color-themable-secondary-10: rgb(39, 7, 0);
+  --leo-color-themable-secondary-20: rgb(78, 21, 0);
+  --leo-color-themable-secondary-30: rgb(163, 53, 0);
+  --leo-color-themable-secondary-40: rgb(193, 64, 0);
+  --leo-color-themable-secondary-50: rgb(255, 140, 101);
+  --leo-color-themable-secondary-60: rgb(255, 180, 155);
+  --leo-color-themable-secondary-70: rgb(255, 233, 225);
+  --leo-color-themable-primary-10: rgb(10, 0, 70);
+  --leo-color-themable-primary-20: rgb(27, 0, 130);
+  --leo-color-themable-primary-30: rgb(63, 57, 232);
+  --leo-color-themable-primary-40: rgb(77, 82, 253);
+  --leo-color-themable-primary-50: rgb(151, 170, 255);
+  --leo-color-themable-primary-60: rgb(183, 198, 255);
+  --leo-color-themable-primary-70: rgb(233, 238, 255);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);

@petemill
Copy link
Copy Markdown
Member

petemill commented Jul 26, 2023

Remove some key segments:

  • Themeable
  • Semantic

Don't include the light and dark versions of semantic and themeable, devs will access specific color values in the same way designers can, via primitive

@petemill
Copy link
Copy Markdown
Member

petemill commented Jul 26, 2023

....maybe change "dialogs and modals" to "dialogs"

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 26, 2023 21:43 — with GitHub Actions Inactive
@fallaciousreasoning fallaciousreasoning marked this pull request as ready for review July 26, 2023 21:44
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 26, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-e0beeef6850bd07d66db2053e887b2b1f80f3a92/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-07-26 21:45:16.430488384 +0000
+++ ./tokens/css/variables.css	2023-07-26 21:44:36.806006230 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Tue Jul 25 2023 06:44:49 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Jul 26 2023 21:44:36 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,518 +62,368 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-light-background1: rgb(255, 255, 255);
   --leo-color-legacy-light-background2: rgb(248, 249, 250);
   --leo-color-legacy-light-text1: rgb(33, 37, 41);
@@ -602,27 +456,386 @@
   --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
   --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(229, 224, 255);
+  --leo-color-primitive-private-window-30: rgb(202, 191, 255);
+  --leo-color-primitive-private-window-40: rgb(179, 159, 255);
+  --leo-color-primitive-private-window-50: rgb(117, 95, 187);
+  --leo-color-primitive-private-window-60: rgb(99, 76, 166);
+  --leo-color-primitive-private-window-70: rgb(76, 50, 139);
+  --leo-color-primitive-private-window-80: rgb(51, 0, 113);
+  --leo-color-primitive-private-window-90: rgb(38, 0, 88);
+  --leo-color-primitive-private-window-100: rgb(24, 0, 60);
+  --leo-color-primitive-green-1: rgb(224, 255, 226);
+  --leo-color-primitive-green-10: rgb(208, 252, 211);
+  --leo-color-primitive-green-20: rgb(194, 244, 198);
+  --leo-color-primitive-green-30: rgb(142, 224, 150);
+  --leo-color-primitive-green-40: rgb(117, 198, 126);
+  --leo-color-primitive-green-50: rgb(54, 133, 67);
+  --leo-color-primitive-green-60: rgb(0, 115, 37);
+  --leo-color-primitive-green-70: rgb(0, 87, 26);
+  --leo-color-primitive-green-80: rgb(0, 53, 13);
+  --leo-color-primitive-green-90: rgb(0, 40, 8);
+  --leo-color-primitive-green-100: rgb(0, 25, 4);
+  --leo-color-primitive-yellow-1: rgb(255, 244, 224);
+  --leo-color-primitive-yellow-10: rgb(255, 236, 202);
+  --leo-color-primitive-yellow-20: rgb(255, 224, 169);
+  --leo-color-primitive-yellow-30: rgb(255, 188, 24);
+  --leo-color-primitive-yellow-40: rgb(225, 164, 0);
+  --leo-color-primitive-yellow-50: rgb(146, 106, 0);
+  --leo-color-primitive-yellow-60: rgb(123, 88, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(57, 39, 0);
+  --leo-color-primitive-yellow-90: rgb(43, 29, 0);
+  --leo-color-primitive-yellow-100: rgb(27, 17, 0);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 220, 208);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 140, 101);
+  --leo-color-primitive-secondary-50: rgb(193, 64, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(78, 21, 0);
+  --leo-color-primitive-secondary-90: rgb(60, 14, 0);
+  --leo-color-primitive-secondary-100: rgb(39, 7, 0);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 217, 230);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(255, 127, 182);
+  --leo-color-primitive-pink-50: rgb(184, 59, 119);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(82, 0, 45);
+  --leo-color-primitive-pink-90: rgb(64, 0, 34);
+  --leo-color-primitive-pink-100: rgb(42, 0, 21);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(182, 240, 250);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(100, 192, 207);
+  --leo-color-primitive-teal-50: rgb(11, 128, 142);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(0, 49, 56);
+  --leo-color-primitive-teal-90: rgb(0, 37, 42);
+  --leo-color-primitive-teal-100: rgb(0, 23, 27);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(241, 219, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(205, 151, 236);
+  --leo-color-primitive-tor-window-50: rgb(139, 88, 167);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(66, 0, 92);
+  --leo-color-primitive-tor-window-90: rgb(50, 0, 71);
+  --leo-color-primitive-tor-window-100: rgb(33, 0, 47);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(210, 231, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(110, 181, 255);
+  --leo-color-primitive-blue-50: rgb(11, 115, 199);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(0, 43, 82);
+  --leo-color-primitive-blue-90: rgb(0, 32, 63);
+  --leo-color-primitive-blue-100: rgb(0, 19, 42);
+  --leo-color-primitive-purple-1: rgb(242, 245, 255);
+  --leo-color-primitive-purple-10: rgb(233, 237, 255);
+  --leo-color-primitive-purple-20: rgb(221, 227, 255);
+  --leo-color-primitive-purple-30: rgb(186, 197, 255);
+  --leo-color-primitive-purple-40: rgb(156, 169, 255);
+  --leo-color-primitive-purple-50: rgb(91, 99, 208);
+  --leo-color-primitive-purple-60: rgb(74, 78, 188);
+  --leo-color-primitive-purple-70: rgb(53, 51, 159);
+  --leo-color-primitive-purple-80: rgb(32, 0, 128);
+  --leo-color-primitive-purple-90: rgb(23, 0, 100);
+  --leo-color-primitive-purple-100: rgb(13, 0, 68);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 219, 217);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 136, 136);
+  --leo-color-primitive-red-50: rgb(212, 0, 51);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(86, 0, 15);
+  --leo-color-primitive-red-90: rgb(67, 0, 10);
+  --leo-color-primitive-red-100: rgb(44, 0, 4);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(226, 229, 233);
+  --leo-color-primitive-gray-30: rgb(195, 201, 211);
+  --leo-color-primitive-gray-40: rgb(168, 177, 191);
+  --leo-color-primitive-gray-50: rgb(105, 114, 132);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(38, 43, 51);
+  --leo-color-primitive-gray-90: rgb(28, 32, 38);
+  --leo-color-primitive-gray-100: rgb(17, 19, 23);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(220, 227, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(151, 170, 255);
+  --leo-color-primitive-primary-50: rgb(77, 82, 253);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(27, 0, 130);
+  --leo-color-primitive-primary-90: rgb(19, 0, 102);
+  --leo-color-primitive-primary-100: rgb(10, 0, 70);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
+  --leo-color-light-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-light-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-light-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-light-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-light-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-light-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-light-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-light-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-light-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-light-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-light-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-light-private-window-10: rgb(245, 243, 255);
+  --leo-color-light-private-window-20: rgb(229, 224, 255);
+  --leo-color-light-private-window-30: rgb(179, 159, 255);
+  --leo-color-light-private-window-40: rgb(117, 95, 187);
+  --leo-color-light-private-window-50: rgb(99, 76, 166);
+  --leo-color-light-private-window-60: rgb(76, 50, 139);
+  --leo-color-light-private-window-70: rgb(38, 0, 88);
+  --leo-color-light-pink-10: rgb(255, 241, 246);
+  --leo-color-light-pink-20: rgb(255, 217, 230);
+  --leo-color-light-pink-30: rgb(255, 127, 182);
+  --leo-color-light-pink-40: rgb(184, 59, 119);
+  --leo-color-light-pink-50: rgb(163, 37, 100);
+  --leo-color-light-pink-60: rgb(131, 0, 76);
+  --leo-color-light-pink-70: rgb(64, 0, 34);
+  --leo-color-light-purple-10: rgb(242, 245, 255);
+  --leo-color-light-purple-20: rgb(221, 227, 255);
+  --leo-color-light-purple-30: rgb(156, 169, 255);
+  --leo-color-light-purple-40: rgb(91, 99, 208);
+  --leo-color-light-purple-50: rgb(74, 78, 188);
+  --leo-color-light-purple-60: rgb(53, 51, 159);
+  --leo-color-light-purple-70: rgb(23, 0, 100);
+  --leo-color-light-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-light-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-light-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-light-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-light-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-light-divider-interactive: rgb(183, 198, 255);
+  --leo-color-light-divider-subtle: rgb(226, 229, 233);
+  --leo-color-light-divider-strong: rgb(195, 201, 211);
+  --leo-color-light-button-background: rgb(63, 57, 232);
+  --leo-color-light-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-light-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-light-container-highlight: rgb(237, 238, 241);
+  --leo-color-light-container-interactive: rgb(233, 238, 255);
+  --leo-color-light-container-background: rgb(255, 255, 255);
+  --leo-color-light-blue-10: rgb(238, 246, 255);
+  --leo-color-light-blue-20: rgb(210, 231, 255);
+  --leo-color-light-blue-30: rgb(110, 181, 255);
+  --leo-color-light-blue-40: rgb(11, 115, 199);
+  --leo-color-light-blue-50: rgb(0, 97, 170);
+  --leo-color-light-blue-60: rgb(0, 72, 130);
+  --leo-color-light-blue-70: rgb(0, 32, 63);
+  --leo-color-light-page-background: rgb(246, 247, 248);
+  --leo-color-light-tor-window-10: rgb(250, 242, 255);
+  --leo-color-light-tor-window-20: rgb(241, 219, 255);
+  --leo-color-light-tor-window-30: rgb(205, 151, 236);
+  --leo-color-light-tor-window-40: rgb(139, 88, 167);
+  --leo-color-light-tor-window-50: rgb(120, 69, 147);
+  --leo-color-light-tor-window-60: rgb(94, 44, 120);
+  --leo-color-light-tor-window-70: rgb(50, 0, 71);
+  --leo-color-light-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-light-icon-default: rgb(105, 114, 132);
+  --leo-color-light-icon-interactive: rgb(63, 57, 232);
+  --leo-color-light-teal-10: rgb(225, 251, 255);
+  --leo-color-light-teal-20: rgb(182, 240, 250);
+  --leo-color-light-teal-30: rgb(100, 192, 207);
+  --leo-color-light-teal-40: rgb(11, 128, 142);
+  --leo-color-light-teal-50: rgb(0, 108, 120);
+  --leo-color-light-teal-60: rgb(0, 81, 91);
+  --leo-color-light-teal-70: rgb(0, 37, 42);
+  --leo-color-light-gray-10: rgb(246, 247, 248);
+  --leo-color-light-gray-20: rgb(226, 229, 233);
+  --leo-color-light-gray-30: rgb(168, 177, 191);
+  --leo-color-light-gray-40: rgb(105, 114, 132);
+  --leo-color-light-gray-50: rgb(84, 96, 113);
+  --leo-color-light-gray-60: rgb(63, 72, 85);
+  --leo-color-light-gray-70: rgb(28, 32, 38);
+  --leo-color-light-yellow-10: rgb(255, 244, 224);
+  --leo-color-light-yellow-20: rgb(255, 224, 169);
+  --leo-color-light-yellow-30: rgb(225, 164, 0);
+  --leo-color-light-yellow-40: rgb(146, 106, 0);
+  --leo-color-light-yellow-50: rgb(123, 88, 0);
+  --leo-color-light-yellow-60: rgb(93, 66, 0);
+  --leo-color-light-yellow-70: rgb(43, 29, 0);
+  --leo-color-light-text-interactive: rgb(63, 57, 232);
+  --leo-color-light-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-light-text-secondary: rgb(84, 96, 113);
+  --leo-color-light-text-tertiary: rgb(105, 114, 132);
+  --leo-color-light-text-primary: rgb(17, 19, 23);
+  --leo-color-light-red-10: rgb(255, 241, 241);
+  --leo-color-light-red-20: rgb(255, 219, 217);
+  --leo-color-light-red-30: rgb(255, 136, 136);
+  --leo-color-light-red-40: rgb(212, 0, 51);
+  --leo-color-light-red-50: rgb(179, 0, 42);
+  --leo-color-light-red-60: rgb(137, 0, 30);
+  --leo-color-light-red-70: rgb(67, 0, 10);
+  --leo-color-light-green-10: rgb(224, 255, 226);
+  --leo-color-light-green-20: rgb(194, 244, 198);
+  --leo-color-light-green-30: rgb(117, 198, 126);
+  --leo-color-light-green-40: rgb(54, 133, 67);
+  --leo-color-light-green-50: rgb(0, 115, 37);
+  --leo-color-light-green-60: rgb(0, 87, 26);
+  --leo-color-light-green-70: rgb(0, 40, 8);
+  --leo-color-light-secondary-10: rgb(255, 242, 238);
+  --leo-color-light-secondary-20: rgb(255, 220, 208);
+  --leo-color-light-secondary-30: rgb(255, 140, 101);
+  --leo-color-light-secondary-40: rgb(193, 64, 0);
+  --leo-color-light-secondary-50: rgb(163, 53, 0);
+  --leo-color-light-secondary-60: rgb(124, 38, 0);
+  --leo-color-light-secondary-70: rgb(60, 14, 0);
+  --leo-color-light-primary-10: rgb(242, 245, 255);
+  --leo-color-light-primary-20: rgb(220, 227, 255);
+  --leo-color-light-primary-30: rgb(151, 170, 255);
+  --leo-color-light-primary-40: rgb(77, 82, 253);
+  --leo-color-light-primary-50: rgb(63, 57, 232);
+  --leo-color-light-primary-60: rgb(48, 6, 201);
+  --leo-color-light-primary-70: rgb(19, 0, 102);
+  --leo-color-dark-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-dark-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-dark-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-dark-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-dark-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-dark-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-dark-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-dark-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-dark-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-dark-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-dark-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-dark-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-dark-private-window-10: rgb(24, 0, 60);
+  --leo-color-dark-private-window-20: rgb(51, 0, 113);
+  --leo-color-dark-private-window-30: rgb(99, 76, 166);
+  --leo-color-dark-private-window-40: rgb(117, 95, 187);
+  --leo-color-dark-private-window-50: rgb(179, 159, 255);
+  --leo-color-dark-private-window-60: rgb(202, 191, 255);
+  --leo-color-dark-private-window-70: rgb(238, 235, 255);
+  --leo-color-dark-pink-10: rgb(42, 0, 21);
+  --leo-color-dark-pink-20: rgb(82, 0, 45);
+  --leo-color-dark-pink-30: rgb(163, 37, 100);
+  --leo-color-dark-pink-40: rgb(184, 59, 119);
+  --leo-color-dark-pink-50: rgb(255, 127, 182);
+  --leo-color-dark-pink-60: rgb(255, 173, 204);
+  --leo-color-dark-pink-70: rgb(255, 231, 239);
+  --leo-color-dark-purple-10: rgb(13, 0, 68);
+  --leo-color-dark-purple-20: rgb(32, 0, 128);
+  --leo-color-dark-purple-30: rgb(74, 78, 188);
+  --leo-color-dark-purple-40: rgb(91, 99, 208);
+  --leo-color-dark-purple-50: rgb(156, 169, 255);
+  --leo-color-dark-purple-60: rgb(186, 197, 255);
+  --leo-color-dark-purple-70: rgb(233, 237, 255);
+  --leo-color-dark-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dark-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dark-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dark-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dark-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-dark-divider-interactive: rgb(48, 6, 201);
+  --leo-color-dark-divider-subtle: rgb(63, 72, 85);
+  --leo-color-dark-divider-strong: rgb(84, 96, 113);
+  --leo-color-dark-button-background: rgb(63, 57, 232);
+  --leo-color-dark-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-dark-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-dark-container-highlight: rgb(48, 52, 61);
+  --leo-color-dark-container-interactive: rgb(19, 0, 102);
+  --leo-color-dark-container-background: rgb(28, 32, 38);
+  --leo-color-dark-blue-10: rgb(0, 19, 42);
+  --leo-color-dark-blue-20: rgb(0, 43, 82);
+  --leo-color-dark-blue-30: rgb(0, 97, 170);
+  --leo-color-dark-blue-40: rgb(11, 115, 199);
+  --leo-color-dark-blue-50: rgb(110, 181, 255);
+  --leo-color-dark-blue-60: rgb(160, 205, 255);
+  --leo-color-dark-blue-70: rgb(226, 240, 255);
+  --leo-color-dark-page-background: rgb(17, 19, 23);
+  --leo-color-dark-tor-window-10: rgb(33, 0, 47);
+  --leo-color-dark-tor-window-20: rgb(66, 0, 92);
+  --leo-color-dark-tor-window-30: rgb(120, 69, 147);
+  --leo-color-dark-tor-window-40: rgb(139, 88, 167);
+  --leo-color-dark-tor-window-50: rgb(205, 151, 236);
+  --leo-color-dark-tor-window-60: rgb(227, 179, 255);
+  --leo-color-dark-tor-window-70: rgb(246, 232, 255);
+  --leo-color-dark-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-dark-icon-default: rgb(168, 177, 191);
+  --leo-color-dark-icon-interactive: rgb(151, 170, 255);
+  --leo-color-dark-teal-10: rgb(0, 23, 27);
+  --leo-color-dark-teal-20: rgb(0, 49, 56);
+  --leo-color-dark-teal-30: rgb(0, 108, 120);
+  --leo-color-dark-teal-40: rgb(11, 128, 142);
+  --leo-color-dark-teal-50: rgb(100, 192, 207);
+  --leo-color-dark-teal-60: rgb(125, 218, 232);
+  --leo-color-dark-teal-70: rgb(209, 247, 253);
+  --leo-color-dark-gray-10: rgb(17, 19, 23);
+  --leo-color-dark-gray-20: rgb(38, 43, 51);
+  --leo-color-dark-gray-30: rgb(84, 96, 113);
+  --leo-color-dark-gray-40: rgb(105, 114, 132);
+  --leo-color-dark-gray-50: rgb(168, 177, 191);
+  --leo-color-dark-gray-60: rgb(195, 201, 211);
+  --leo-color-dark-gray-70: rgb(237, 238, 241);
+  --leo-color-dark-yellow-10: rgb(27, 17, 0);
+  --leo-color-dark-yellow-20: rgb(57, 39, 0);
+  --leo-color-dark-yellow-30: rgb(123, 88, 0);
+  --leo-color-dark-yellow-40: rgb(146, 106, 0);
+  --leo-color-dark-yellow-50: rgb(225, 164, 0);
+  --leo-color-dark-yellow-60: rgb(255, 188, 24);
+  --leo-color-dark-yellow-70: rgb(255, 236, 202);
+  --leo-color-dark-text-interactive: rgb(151, 170, 255);
+  --leo-color-dark-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-dark-text-secondary: rgb(195, 201, 211);
+  --leo-color-dark-text-tertiary: rgb(105, 114, 132);
+  --leo-color-dark-text-primary: rgb(246, 247, 248);
+  --leo-color-dark-red-10: rgb(44, 0, 4);
+  --leo-color-dark-red-20: rgb(86, 0, 15);
+  --leo-color-dark-red-30: rgb(179, 0, 42);
+  --leo-color-dark-red-40: rgb(212, 0, 51);
+  --leo-color-dark-red-50: rgb(255, 136, 136);
+  --leo-color-dark-red-60: rgb(255, 177, 176);
+  --leo-color-dark-red-70: rgb(255, 232, 231);
+  --leo-color-dark-green-10: rgb(0, 25, 4);
+  --leo-color-dark-green-20: rgb(0, 53, 13);
+  --leo-color-dark-green-30: rgb(0, 115, 37);
+  --leo-color-dark-green-40: rgb(54, 133, 67);
+  --leo-color-dark-green-50: rgb(117, 198, 126);
+  --leo-color-dark-green-60: rgb(142, 224, 150);
+  --leo-color-dark-green-70: rgb(208, 252, 211);
+  --leo-color-dark-secondary-10: rgb(39, 7, 0);
+  --leo-color-dark-secondary-20: rgb(78, 21, 0);
+  --leo-color-dark-secondary-30: rgb(163, 53, 0);
+  --leo-color-dark-secondary-40: rgb(193, 64, 0);
+  --leo-color-dark-secondary-50: rgb(255, 140, 101);
+  --leo-color-dark-secondary-60: rgb(255, 180, 155);
+  --leo-color-dark-secondary-70: rgb(255, 233, 225);
+  --leo-color-dark-primary-10: rgb(10, 0, 70);
+  --leo-color-dark-primary-20: rgb(27, 0, 130);
+  --leo-color-dark-primary-30: rgb(63, 57, 232);
+  --leo-color-dark-primary-40: rgb(77, 82, 253);
+  --leo-color-dark-primary-50: rgb(151, 170, 255);
+  --leo-color-dark-primary-60: rgb(183, 198, 255);
+  --leo-color-dark-primary-70: rgb(233, 238, 255);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
   --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -637,134 +850,35 @@
   --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
   --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
   --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
-  --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
-  --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
-  --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
-  --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
-  --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
-  --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-spacing-10: 64px;
+  --leo-spacing-11: 80px;
+  --leo-spacing-12: 96px;
+  --leo-spacing-13: 160px;
+  --leo-spacing-08: 40px;
+  --leo-spacing-07: 32px;
+  --leo-spacing-06: 24px;
+  --leo-spacing-04: 12px;
+  --leo-spacing-03: 8px;
+  --leo-spacing-09: 48px;
+  --leo-spacing-02: 4px;
+  --leo-spacing-05: 16px;
+  --leo-spacing-01: 2px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-02: 2px;
+  --leo-radius-07: 1000px;
+  --leo-radius-05: 12px;
+  --leo-radius-06: 16px;
+  --leo-radius-04: 8px;
+  --leo-radius-03: 4px;
+  --leo-radius-01: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +895,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +1026,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +1042,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +1172,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +1188,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1317,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1333,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@sangwoo108
Copy link
Copy Markdown
Collaborator

sangwoo108 commented Jul 27, 2023

Don't include the light and dark versions of semantic and themeable,

Hi, I'm wondering if I'm getting things properly. Are semantic colors independent on light/dark theme and should we be able to access it with primitive? Do we need to implement c++ script to port primitives?

@sangwoo108 sangwoo108 mentioned this pull request Jul 27, 2023
Merged
25 tasks
@fallaciousreasoning
Copy link
Copy Markdown
Collaborator Author

fallaciousreasoning commented Jul 27, 2023 •
edited
Loading

@sangwoo108 essentially, the switching is handled automatically for the CSS variables, and we don't want to expose a specific light & dark mode version of those colors (in CSS) anymore.

Currently, for the --leo-color-red-10 we expose a --leo-color-red-10 (which is dark/light aware), --leo-color-dark-red-10 & --leo-color-light-red-10. In the new system, to work around some shortcomings in Figma variables, @aguscruiz has introduced a low level set of primitive colors, which aren't theme aware.

For example

--leo-color-red-10 might be --leo-color-primitive-red-10 in light mode and --leo-color-primitive-red-90 in dark mode (though we directly use the RGBA values, rather than pointing to the primitive variables).

This shouldn't really affect the C++ colors too much, but:

  1. I've exposed the primitive colors in our colors.h file (and via our GetColor function, though the light/dark variant is the same).
  2. You can still access the separate light/dark tokens (though maybe we want to restrict this @petemill?)

Migrating to the new variables system in Figma has been a pretty major undertaking by @aguscruiz but once this PR lands, this is a rough breakdown of the changes:

  1. The tokens in semantic & themable combine to make up the existing dark/light mode aware tokens. These are not affected by the migration (i.e. --leo-color-red-10 is still --leo-color-red-10, as we strip the semantic and themable portion of the token).
  2. dark/light specific tokens have been removed in favor of the primitive tokens (i.e. --leo-color-light-red-10 is gone, replaced by --leo-color-primitive-red-10. The equivalent dark token is probably --leo-color-primitive-red-90 or something 😆)
  3. To a lesser degree, this affects spacing & radius tokens, except the sizes have changed a bit (which scares me).

(sorry for the rambling wall of text 😆 )

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 27, 2023 02:19 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 27, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-e7146612fb1e48b24a4601ab34511263f002f6ff/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-07-27 02:20:35.253101601 +0000
+++ ./tokens/css/variables.css	2023-07-27 02:20:04.645445323 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Tue Jul 25 2023 06:44:49 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Jul 27 2023 02:20:04 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,713 +62,539 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
-  --leo-color-legacy-light-background1: rgb(255, 255, 255);
-  --leo-color-legacy-light-background2: rgb(248, 249, 250);
-  --leo-color-legacy-light-text1: rgb(33, 37, 41);
-  --leo-color-legacy-light-text2: rgb(73, 80, 87);
-  --leo-color-legacy-light-text3: rgb(134, 142, 150);
-  --leo-color-legacy-light-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-light-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-light-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-light-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-light-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-light-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-light-interactive7: rgb(33, 37, 41);
-  --leo-color-legacy-light-interactive8: rgb(174, 177, 194);
-  --leo-color-legacy-light-disabled: rgb(218, 220, 232);
-  --leo-color-legacy-light-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-light-divider1: rgb(233, 233, 244);
-  --leo-color-legacy-dark-background1: rgb(30, 32, 41);
-  --leo-color-legacy-dark-background2: rgb(23, 23, 31);
-  --leo-color-legacy-dark-text1: rgb(240, 242, 255);
-  --leo-color-legacy-dark-text2: rgb(194, 196, 207);
-  --leo-color-legacy-dark-text3: rgb(132, 136, 156);
-  --leo-color-legacy-dark-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-dark-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-dark-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-dark-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-dark-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-dark-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-dark-interactive7: rgb(240, 242, 255);
-  --leo-color-legacy-dark-interactive8: rgb(94, 97, 117);
-  --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
-  --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(229, 224, 255);
+  --leo-color-primitive-private-window-30: rgb(202, 191, 255);
+  --leo-color-primitive-private-window-40: rgb(179, 159, 255);
+  --leo-color-primitive-private-window-50: rgb(117, 95, 187);
+  --leo-color-primitive-private-window-60: rgb(99, 76, 166);
+  --leo-color-primitive-private-window-70: rgb(76, 50, 139);
+  --leo-color-primitive-private-window-80: rgb(51, 0, 113);
+  --leo-color-primitive-private-window-90: rgb(38, 0, 88);
+  --leo-color-primitive-private-window-100: rgb(24, 0, 60);
+  --leo-color-primitive-green-1: rgb(224, 255, 226);
+  --leo-color-primitive-green-10: rgb(208, 252, 211);
+  --leo-color-primitive-green-20: rgb(194, 244, 198);
+  --leo-color-primitive-green-30: rgb(142, 224, 150);
+  --leo-color-primitive-green-40: rgb(117, 198, 126);
+  --leo-color-primitive-green-50: rgb(54, 133, 67);
+  --leo-color-primitive-green-60: rgb(0, 115, 37);
+  --leo-color-primitive-green-70: rgb(0, 87, 26);
+  --leo-color-primitive-green-80: rgb(0, 53, 13);
+  --leo-color-primitive-green-90: rgb(0, 40, 8);
+  --leo-color-primitive-green-100: rgb(0, 25, 4);
+  --leo-color-primitive-yellow-1: rgb(255, 244, 224);
+  --leo-color-primitive-yellow-10: rgb(255, 236, 202);
+  --leo-color-primitive-yellow-20: rgb(255, 224, 169);
+  --leo-color-primitive-yellow-30: rgb(255, 188, 24);
+  --leo-color-primitive-yellow-40: rgb(225, 164, 0);
+  --leo-color-primitive-yellow-50: rgb(146, 106, 0);
+  --leo-color-primitive-yellow-60: rgb(123, 88, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(57, 39, 0);
+  --leo-color-primitive-yellow-90: rgb(43, 29, 0);
+  --leo-color-primitive-yellow-100: rgb(27, 17, 0);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 220, 208);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 140, 101);
+  --leo-color-primitive-secondary-50: rgb(193, 64, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(78, 21, 0);
+  --leo-color-primitive-secondary-90: rgb(60, 14, 0);
+  --leo-color-primitive-secondary-100: rgb(39, 7, 0);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 217, 230);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(255, 127, 182);
+  --leo-color-primitive-pink-50: rgb(184, 59, 119);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(82, 0, 45);
+  --leo-color-primitive-pink-90: rgb(64, 0, 34);
+  --leo-color-primitive-pink-100: rgb(42, 0, 21);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(182, 240, 250);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(100, 192, 207);
+  --leo-color-primitive-teal-50: rgb(11, 128, 142);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(0, 49, 56);
+  --leo-color-primitive-teal-90: rgb(0, 37, 42);
+  --leo-color-primitive-teal-100: rgb(0, 23, 27);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(241, 219, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(205, 151, 236);
+  --leo-color-primitive-tor-window-50: rgb(139, 88, 167);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(66, 0, 92);
+  --leo-color-primitive-tor-window-90: rgb(50, 0, 71);
+  --leo-color-primitive-tor-window-100: rgb(33, 0, 47);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(210, 231, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(110, 181, 255);
+  --leo-color-primitive-blue-50: rgb(11, 115, 199);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(0, 43, 82);
+  --leo-color-primitive-blue-90: rgb(0, 32, 63);
+  --leo-color-primitive-blue-100: rgb(0, 19, 42);
+  --leo-color-primitive-purple-1: rgb(242, 245, 255);
+  --leo-color-primitive-purple-10: rgb(233, 237, 255);
+  --leo-color-primitive-purple-20: rgb(221, 227, 255);
+  --leo-color-primitive-purple-30: rgb(186, 197, 255);
+  --leo-color-primitive-purple-40: rgb(156, 169, 255);
+  --leo-color-primitive-purple-50: rgb(91, 99, 208);
+  --leo-color-primitive-purple-60: rgb(74, 78, 188);
+  --leo-color-primitive-purple-70: rgb(53, 51, 159);
+  --leo-color-primitive-purple-80: rgb(32, 0, 128);
+  --leo-color-primitive-purple-90: rgb(23, 0, 100);
+  --leo-color-primitive-purple-100: rgb(13, 0, 68);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 219, 217);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 136, 136);
+  --leo-color-primitive-red-50: rgb(212, 0, 51);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(86, 0, 15);
+  --leo-color-primitive-red-90: rgb(67, 0, 10);
+  --leo-color-primitive-red-100: rgb(44, 0, 4);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(226, 229, 233);
+  --leo-color-primitive-gray-30: rgb(195, 201, 211);
+  --leo-color-primitive-gray-40: rgb(168, 177, 191);
+  --leo-color-primitive-gray-50: rgb(105, 114, 132);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(38, 43, 51);
+  --leo-color-primitive-gray-90: rgb(28, 32, 38);
+  --leo-color-primitive-gray-100: rgb(17, 19, 23);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(220, 227, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(151, 170, 255);
+  --leo-color-primitive-primary-50: rgb(77, 82, 253);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(27, 0, 130);
+  --leo-color-primitive-primary-90: rgb(19, 0, 102);
+  --leo-color-primitive-primary-100: rgb(10, 0, 70);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
-  --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
-  --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
-  --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-  --leo-effect-elevation-light-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-dark-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-  --leo-effect-elevation-dark-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
-  --leo-effect-elevation-dark-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
-  --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
-  --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
-  --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
-  --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
-  --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
-  --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
+  --leo-spacing-10: 64px;
+  --leo-spacing-11: 80px;
+  --leo-spacing-12: 96px;
+  --leo-spacing-13: 160px;
+  --leo-spacing-08: 40px;
+  --leo-spacing-07: 32px;
+  --leo-spacing-06: 24px;
+  --leo-spacing-04: 12px;
+  --leo-spacing-03: 8px;
+  --leo-spacing-09: 48px;
+  --leo-spacing-02: 4px;
+  --leo-spacing-05: 16px;
+  --leo-spacing-01: 2px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-02: 2px;
+  --leo-radius-07: 1000px;
+  --leo-radius-05: 12px;
+  --leo-radius-06: 16px;
+  --leo-radius-04: 8px;
+  --leo-radius-03: 4px;
+  --leo-radius-01: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +611,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +742,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +758,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +888,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +904,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-and-modals-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1033,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1049,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-and-modals-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-and-modals-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-and-modals-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-and-modals-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-and-modals-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 27, 2023 03:08 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 27, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-38fc1dc190d2f3a68a6e91ade12922cc1f9a4fcd/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-07-27 03:10:07.693487602 +0000
+++ ./tokens/css/variables.css	2023-07-27 03:09:37.893621955 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Thu Jul 27 2023 02:33:52 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Jul 27 2023 03:09:37 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,713 +62,539 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
-  --leo-color-legacy-light-background1: rgb(255, 255, 255);
-  --leo-color-legacy-light-background2: rgb(248, 249, 250);
-  --leo-color-legacy-light-text1: rgb(33, 37, 41);
-  --leo-color-legacy-light-text2: rgb(73, 80, 87);
-  --leo-color-legacy-light-text3: rgb(134, 142, 150);
-  --leo-color-legacy-light-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-light-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-light-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-light-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-light-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-light-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-light-interactive7: rgb(33, 37, 41);
-  --leo-color-legacy-light-interactive8: rgb(174, 177, 194);
-  --leo-color-legacy-light-disabled: rgb(218, 220, 232);
-  --leo-color-legacy-light-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-light-divider1: rgb(233, 233, 244);
-  --leo-color-legacy-dark-background1: rgb(30, 32, 41);
-  --leo-color-legacy-dark-background2: rgb(23, 23, 31);
-  --leo-color-legacy-dark-text1: rgb(240, 242, 255);
-  --leo-color-legacy-dark-text2: rgb(194, 196, 207);
-  --leo-color-legacy-dark-text3: rgb(132, 136, 156);
-  --leo-color-legacy-dark-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-dark-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-dark-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-dark-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-dark-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-dark-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-dark-interactive7: rgb(240, 242, 255);
-  --leo-color-legacy-dark-interactive8: rgb(94, 97, 117);
-  --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
-  --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(229, 224, 255);
+  --leo-color-primitive-private-window-30: rgb(202, 191, 255);
+  --leo-color-primitive-private-window-40: rgb(179, 159, 255);
+  --leo-color-primitive-private-window-50: rgb(117, 95, 187);
+  --leo-color-primitive-private-window-60: rgb(99, 76, 166);
+  --leo-color-primitive-private-window-70: rgb(76, 50, 139);
+  --leo-color-primitive-private-window-80: rgb(51, 0, 113);
+  --leo-color-primitive-private-window-90: rgb(38, 0, 88);
+  --leo-color-primitive-private-window-100: rgb(24, 0, 60);
+  --leo-color-primitive-green-1: rgb(224, 255, 226);
+  --leo-color-primitive-green-10: rgb(208, 252, 211);
+  --leo-color-primitive-green-20: rgb(194, 244, 198);
+  --leo-color-primitive-green-30: rgb(142, 224, 150);
+  --leo-color-primitive-green-40: rgb(117, 198, 126);
+  --leo-color-primitive-green-50: rgb(54, 133, 67);
+  --leo-color-primitive-green-60: rgb(0, 115, 37);
+  --leo-color-primitive-green-70: rgb(0, 87, 26);
+  --leo-color-primitive-green-80: rgb(0, 53, 13);
+  --leo-color-primitive-green-90: rgb(0, 40, 8);
+  --leo-color-primitive-green-100: rgb(0, 25, 4);
+  --leo-color-primitive-yellow-1: rgb(255, 244, 224);
+  --leo-color-primitive-yellow-10: rgb(255, 236, 202);
+  --leo-color-primitive-yellow-20: rgb(255, 224, 169);
+  --leo-color-primitive-yellow-30: rgb(255, 188, 24);
+  --leo-color-primitive-yellow-40: rgb(225, 164, 0);
+  --leo-color-primitive-yellow-50: rgb(146, 106, 0);
+  --leo-color-primitive-yellow-60: rgb(123, 88, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(57, 39, 0);
+  --leo-color-primitive-yellow-90: rgb(43, 29, 0);
+  --leo-color-primitive-yellow-100: rgb(27, 17, 0);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 220, 208);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 140, 101);
+  --leo-color-primitive-secondary-50: rgb(193, 64, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(78, 21, 0);
+  --leo-color-primitive-secondary-90: rgb(60, 14, 0);
+  --leo-color-primitive-secondary-100: rgb(39, 7, 0);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 217, 230);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(255, 127, 182);
+  --leo-color-primitive-pink-50: rgb(184, 59, 119);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(82, 0, 45);
+  --leo-color-primitive-pink-90: rgb(64, 0, 34);
+  --leo-color-primitive-pink-100: rgb(42, 0, 21);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(182, 240, 250);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(100, 192, 207);
+  --leo-color-primitive-teal-50: rgb(11, 128, 142);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(0, 49, 56);
+  --leo-color-primitive-teal-90: rgb(0, 37, 42);
+  --leo-color-primitive-teal-100: rgb(0, 23, 27);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(241, 219, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(205, 151, 236);
+  --leo-color-primitive-tor-window-50: rgb(139, 88, 167);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(66, 0, 92);
+  --leo-color-primitive-tor-window-90: rgb(50, 0, 71);
+  --leo-color-primitive-tor-window-100: rgb(33, 0, 47);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(210, 231, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(110, 181, 255);
+  --leo-color-primitive-blue-50: rgb(11, 115, 199);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(0, 43, 82);
+  --leo-color-primitive-blue-90: rgb(0, 32, 63);
+  --leo-color-primitive-blue-100: rgb(0, 19, 42);
+  --leo-color-primitive-purple-1: rgb(242, 245, 255);
+  --leo-color-primitive-purple-10: rgb(233, 237, 255);
+  --leo-color-primitive-purple-20: rgb(221, 227, 255);
+  --leo-color-primitive-purple-30: rgb(186, 197, 255);
+  --leo-color-primitive-purple-40: rgb(156, 169, 255);
+  --leo-color-primitive-purple-50: rgb(91, 99, 208);
+  --leo-color-primitive-purple-60: rgb(74, 78, 188);
+  --leo-color-primitive-purple-70: rgb(53, 51, 159);
+  --leo-color-primitive-purple-80: rgb(32, 0, 128);
+  --leo-color-primitive-purple-90: rgb(23, 0, 100);
+  --leo-color-primitive-purple-100: rgb(13, 0, 68);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 219, 217);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 136, 136);
+  --leo-color-primitive-red-50: rgb(212, 0, 51);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(86, 0, 15);
+  --leo-color-primitive-red-90: rgb(67, 0, 10);
+  --leo-color-primitive-red-100: rgb(44, 0, 4);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(226, 229, 233);
+  --leo-color-primitive-gray-30: rgb(195, 201, 211);
+  --leo-color-primitive-gray-40: rgb(168, 177, 191);
+  --leo-color-primitive-gray-50: rgb(105, 114, 132);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(38, 43, 51);
+  --leo-color-primitive-gray-90: rgb(28, 32, 38);
+  --leo-color-primitive-gray-100: rgb(17, 19, 23);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(220, 227, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(151, 170, 255);
+  --leo-color-primitive-primary-50: rgb(77, 82, 253);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(27, 0, 130);
+  --leo-color-primitive-primary-90: rgb(19, 0, 102);
+  --leo-color-primitive-primary-100: rgb(10, 0, 70);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
-  --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
-  --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
-  --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-  --leo-effect-elevation-light-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-dark-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-  --leo-effect-elevation-dark-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
-  --leo-effect-elevation-dark-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
-  --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
-  --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
-  --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
-  --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
-  --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
-  --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
+  --leo-spacing-10: 64px;
+  --leo-spacing-11: 80px;
+  --leo-spacing-12: 96px;
+  --leo-spacing-13: 160px;
+  --leo-spacing-08: 40px;
+  --leo-spacing-07: 32px;
+  --leo-spacing-06: 24px;
+  --leo-spacing-04: 12px;
+  --leo-spacing-03: 8px;
+  --leo-spacing-09: 48px;
+  --leo-spacing-02: 4px;
+  --leo-spacing-05: 16px;
+  --leo-spacing-01: 2px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-02: 2px;
+  --leo-radius-07: 1000px;
+  --leo-radius-05: 12px;
+  --leo-radius-06: 16px;
+  --leo-radius-04: 8px;
+  --leo-radius-03: 4px;
+  --leo-radius-01: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +611,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +742,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +758,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +888,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +904,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1033,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1049,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging July 27, 2023 03:51 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jul 27, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-e4f2922941f5a251dde7cadf3ea9e1e1febe1588/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-07-27 03:52:47.507558413 +0000
+++ ./tokens/css/variables.css	2023-07-27 03:52:17.291542028 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Thu Jul 27 2023 02:33:52 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Jul 27 2023 03:52:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,713 +62,539 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
-  --leo-color-legacy-light-background1: rgb(255, 255, 255);
-  --leo-color-legacy-light-background2: rgb(248, 249, 250);
-  --leo-color-legacy-light-text1: rgb(33, 37, 41);
-  --leo-color-legacy-light-text2: rgb(73, 80, 87);
-  --leo-color-legacy-light-text3: rgb(134, 142, 150);
-  --leo-color-legacy-light-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-light-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-light-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-light-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-light-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-light-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-light-interactive7: rgb(33, 37, 41);
-  --leo-color-legacy-light-interactive8: rgb(174, 177, 194);
-  --leo-color-legacy-light-disabled: rgb(218, 220, 232);
-  --leo-color-legacy-light-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-light-divider1: rgb(233, 233, 244);
-  --leo-color-legacy-dark-background1: rgb(30, 32, 41);
-  --leo-color-legacy-dark-background2: rgb(23, 23, 31);
-  --leo-color-legacy-dark-text1: rgb(240, 242, 255);
-  --leo-color-legacy-dark-text2: rgb(194, 196, 207);
-  --leo-color-legacy-dark-text3: rgb(132, 136, 156);
-  --leo-color-legacy-dark-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-dark-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-dark-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-dark-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-dark-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-dark-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-dark-interactive7: rgb(240, 242, 255);
-  --leo-color-legacy-dark-interactive8: rgb(94, 97, 117);
-  --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
-  --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(229, 224, 255);
+  --leo-color-primitive-private-window-30: rgb(202, 191, 255);
+  --leo-color-primitive-private-window-40: rgb(179, 159, 255);
+  --leo-color-primitive-private-window-50: rgb(117, 95, 187);
+  --leo-color-primitive-private-window-60: rgb(99, 76, 166);
+  --leo-color-primitive-private-window-70: rgb(76, 50, 139);
+  --leo-color-primitive-private-window-80: rgb(51, 0, 113);
+  --leo-color-primitive-private-window-90: rgb(38, 0, 88);
+  --leo-color-primitive-private-window-100: rgb(24, 0, 60);
+  --leo-color-primitive-green-1: rgb(224, 255, 226);
+  --leo-color-primitive-green-10: rgb(208, 252, 211);
+  --leo-color-primitive-green-20: rgb(194, 244, 198);
+  --leo-color-primitive-green-30: rgb(142, 224, 150);
+  --leo-color-primitive-green-40: rgb(117, 198, 126);
+  --leo-color-primitive-green-50: rgb(54, 133, 67);
+  --leo-color-primitive-green-60: rgb(0, 115, 37);
+  --leo-color-primitive-green-70: rgb(0, 87, 26);
+  --leo-color-primitive-green-80: rgb(0, 53, 13);
+  --leo-color-primitive-green-90: rgb(0, 40, 8);
+  --leo-color-primitive-green-100: rgb(0, 25, 4);
+  --leo-color-primitive-yellow-1: rgb(255, 244, 224);
+  --leo-color-primitive-yellow-10: rgb(255, 236, 202);
+  --leo-color-primitive-yellow-20: rgb(255, 224, 169);
+  --leo-color-primitive-yellow-30: rgb(255, 188, 24);
+  --leo-color-primitive-yellow-40: rgb(225, 164, 0);
+  --leo-color-primitive-yellow-50: rgb(146, 106, 0);
+  --leo-color-primitive-yellow-60: rgb(123, 88, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(57, 39, 0);
+  --leo-color-primitive-yellow-90: rgb(43, 29, 0);
+  --leo-color-primitive-yellow-100: rgb(27, 17, 0);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 220, 208);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 140, 101);
+  --leo-color-primitive-secondary-50: rgb(193, 64, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(78, 21, 0);
+  --leo-color-primitive-secondary-90: rgb(60, 14, 0);
+  --leo-color-primitive-secondary-100: rgb(39, 7, 0);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 217, 230);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(255, 127, 182);
+  --leo-color-primitive-pink-50: rgb(184, 59, 119);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(82, 0, 45);
+  --leo-color-primitive-pink-90: rgb(64, 0, 34);
+  --leo-color-primitive-pink-100: rgb(42, 0, 21);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(182, 240, 250);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(100, 192, 207);
+  --leo-color-primitive-teal-50: rgb(11, 128, 142);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(0, 49, 56);
+  --leo-color-primitive-teal-90: rgb(0, 37, 42);
+  --leo-color-primitive-teal-100: rgb(0, 23, 27);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(241, 219, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(205, 151, 236);
+  --leo-color-primitive-tor-window-50: rgb(139, 88, 167);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(66, 0, 92);
+  --leo-color-primitive-tor-window-90: rgb(50, 0, 71);
+  --leo-color-primitive-tor-window-100: rgb(33, 0, 47);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(210, 231, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(110, 181, 255);
+  --leo-color-primitive-blue-50: rgb(11, 115, 199);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(0, 43, 82);
+  --leo-color-primitive-blue-90: rgb(0, 32, 63);
+  --leo-color-primitive-blue-100: rgb(0, 19, 42);
+  --leo-color-primitive-purple-1: rgb(242, 245, 255);
+  --leo-color-primitive-purple-10: rgb(233, 237, 255);
+  --leo-color-primitive-purple-20: rgb(221, 227, 255);
+  --leo-color-primitive-purple-30: rgb(186, 197, 255);
+  --leo-color-primitive-purple-40: rgb(156, 169, 255);
+  --leo-color-primitive-purple-50: rgb(91, 99, 208);
+  --leo-color-primitive-purple-60: rgb(74, 78, 188);
+  --leo-color-primitive-purple-70: rgb(53, 51, 159);
+  --leo-color-primitive-purple-80: rgb(32, 0, 128);
+  --leo-color-primitive-purple-90: rgb(23, 0, 100);
+  --leo-color-primitive-purple-100: rgb(13, 0, 68);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 219, 217);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 136, 136);
+  --leo-color-primitive-red-50: rgb(212, 0, 51);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(86, 0, 15);
+  --leo-color-primitive-red-90: rgb(67, 0, 10);
+  --leo-color-primitive-red-100: rgb(44, 0, 4);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(226, 229, 233);
+  --leo-color-primitive-gray-30: rgb(195, 201, 211);
+  --leo-color-primitive-gray-40: rgb(168, 177, 191);
+  --leo-color-primitive-gray-50: rgb(105, 114, 132);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(38, 43, 51);
+  --leo-color-primitive-gray-90: rgb(28, 32, 38);
+  --leo-color-primitive-gray-100: rgb(17, 19, 23);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(220, 227, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(151, 170, 255);
+  --leo-color-primitive-primary-50: rgb(77, 82, 253);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(27, 0, 130);
+  --leo-color-primitive-primary-90: rgb(19, 0, 102);
+  --leo-color-primitive-primary-100: rgb(10, 0, 70);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
-  --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
-  --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
-  --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-  --leo-effect-elevation-light-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-dark-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-  --leo-effect-elevation-dark-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
-  --leo-effect-elevation-dark-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
-  --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
-  --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
-  --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
-  --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
-  --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
-  --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
+  --leo-spacing-10: 64px;
+  --leo-spacing-11: 80px;
+  --leo-spacing-12: 96px;
+  --leo-spacing-13: 160px;
+  --leo-spacing-08: 40px;
+  --leo-spacing-07: 32px;
+  --leo-spacing-06: 24px;
+  --leo-spacing-04: 12px;
+  --leo-spacing-03: 8px;
+  --leo-spacing-09: 48px;
+  --leo-spacing-02: 4px;
+  --leo-spacing-05: 16px;
+  --leo-spacing-01: 2px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-02: 2px;
+  --leo-radius-07: 1000px;
+  --leo-radius-05: 12px;
+  --leo-radius-06: 16px;
+  --leo-radius-04: 8px;
+  --leo-radius-03: 4px;
+  --leo-radius-01: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +611,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +742,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +758,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +888,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +904,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-text: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-text: rgb(54, 133, 67);
+  --leo-color-systemfeedback-info-text: rgb(11, 115, 199);
+  --leo-color-systemfeedback-success-icon: rgb(117, 198, 126);
+  --leo-color-systemfeedback-warning-icon: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-background: rgb(224, 255, 226);
+  --leo-color-systemfeedback-error-icon: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-background: rgb(255, 244, 224);
+  --leo-color-systemfeedback-info-icon: rgb(110, 181, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(229, 224, 255);
+  --leo-color-private-window-30: rgb(179, 159, 255);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(99, 76, 166);
+  --leo-color-private-window-60: rgb(76, 50, 139);
+  --leo-color-private-window-70: rgb(38, 0, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 217, 230);
+  --leo-color-pink-30: rgb(255, 127, 182);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(64, 0, 34);
+  --leo-color-purple-10: rgb(242, 245, 255);
+  --leo-color-purple-20: rgb(221, 227, 255);
+  --leo-color-purple-30: rgb(156, 169, 255);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(74, 78, 188);
+  --leo-color-purple-60: rgb(53, 51, 159);
+  --leo-color-purple-70: rgb(23, 0, 100);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(252, 252, 253, 0.85);
+  --leo-color-dialogs-divider: rgba(22, 25, 29, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(226, 229, 233);
+  --leo-color-divider-strong: rgb(195, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(102, 116, 137, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(210, 231, 255);
+  --leo-color-blue-30: rgb(110, 181, 255);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(0, 32, 63);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(241, 219, 255);
+  --leo-color-tor-window-30: rgb(205, 151, 236);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(50, 0, 71);
+  --leo-color-icon-disabled: rgba(102, 116, 137, 0.5);
+  --leo-color-icon-default: rgb(105, 114, 132);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(182, 240, 250);
+  --leo-color-teal-30: rgb(100, 192, 207);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(0, 37, 42);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(226, 229, 233);
+  --leo-color-gray-30: rgb(168, 177, 191);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(28, 32, 38);
+  --leo-color-yellow-10: rgb(255, 244, 224);
+  --leo-color-yellow-20: rgb(255, 224, 169);
+  --leo-color-yellow-30: rgb(225, 164, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(123, 88, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(43, 29, 0);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(28, 32, 38, 0.5);
+  --leo-color-text-secondary: rgb(84, 96, 113);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(17, 19, 23);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 219, 217);
+  --leo-color-red-30: rgb(255, 136, 136);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(67, 0, 10);
+  --leo-color-green-10: rgb(224, 255, 226);
+  --leo-color-green-20: rgb(194, 244, 198);
+  --leo-color-green-30: rgb(117, 198, 126);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(0, 115, 37);
+  --leo-color-green-60: rgb(0, 87, 26);
+  --leo-color-green-70: rgb(0, 40, 8);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 220, 208);
+  --leo-color-secondary-30: rgb(255, 140, 101);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(60, 14, 0);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(220, 227, 255);
+  --leo-color-primary-30: rgb(151, 170, 255);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(19, 0, 102);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1033,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1049,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 136, 136);
+  --leo-color-systemfeedback-warning-text: rgb(225, 164, 0);
+  --leo-color-systemfeedback-success-text: rgb(117, 198, 126);
+  --leo-color-systemfeedback-info-text: rgb(110, 181, 255);
+  --leo-color-systemfeedback-success-icon: rgb(54, 133, 67);
+  --leo-color-systemfeedback-warning-icon: rgb(146, 106, 0);
+  --leo-color-systemfeedback-success-background: rgb(0, 40, 8);
+  --leo-color-systemfeedback-error-icon: rgb(212, 0, 51);
+  --leo-color-systemfeedback-warning-background: rgb(43, 29, 0);
+  --leo-color-systemfeedback-info-icon: rgb(11, 115, 199);
+  --leo-color-systemfeedback-error-background: rgb(67, 0, 10);
+  --leo-color-systemfeedback-info-background: rgb(0, 32, 63);
+  --leo-color-private-window-10: rgb(24, 0, 60);
+  --leo-color-private-window-20: rgb(51, 0, 113);
+  --leo-color-private-window-30: rgb(99, 76, 166);
+  --leo-color-private-window-40: rgb(117, 95, 187);
+  --leo-color-private-window-50: rgb(179, 159, 255);
+  --leo-color-private-window-60: rgb(202, 191, 255);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(42, 0, 21);
+  --leo-color-pink-20: rgb(82, 0, 45);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(184, 59, 119);
+  --leo-color-pink-50: rgb(255, 127, 182);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(13, 0, 68);
+  --leo-color-purple-20: rgb(32, 0, 128);
+  --leo-color-purple-30: rgb(74, 78, 188);
+  --leo-color-purple-40: rgb(91, 99, 208);
+  --leo-color-purple-50: rgb(156, 169, 255);
+  --leo-color-purple-60: rgb(186, 197, 255);
+  --leo-color-purple-70: rgb(233, 237, 255);
+  --leo-color-dialogs-button-transparent-hover: rgba(17, 19, 23, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(17, 19, 23, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(17, 19, 23, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(17, 19, 23, 0.8);
+  --leo-color-dialogs-divider: rgba(11, 13, 15, 0.65);
+  --leo-color-divider-interactive: rgb(48, 6, 201);
+  --leo-color-divider-subtle: rgb(63, 72, 85);
+  --leo-color-divider-strong: rgb(84, 96, 113);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(135, 147, 166, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(48, 52, 61);
+  --leo-color-container-interactive: rgb(19, 0, 102);
+  --leo-color-container-background: rgb(28, 32, 38);
+  --leo-color-blue-10: rgb(0, 19, 42);
+  --leo-color-blue-20: rgb(0, 43, 82);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(11, 115, 199);
+  --leo-color-blue-50: rgb(110, 181, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(17, 19, 23);
+  --leo-color-tor-window-10: rgb(33, 0, 47);
+  --leo-color-tor-window-20: rgb(66, 0, 92);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(139, 88, 167);
+  --leo-color-tor-window-50: rgb(205, 151, 236);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(135, 147, 166, 0.5);
+  --leo-color-icon-default: rgb(168, 177, 191);
+  --leo-color-icon-interactive: rgb(151, 170, 255);
+  --leo-color-teal-10: rgb(0, 23, 27);
+  --leo-color-teal-20: rgb(0, 49, 56);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(11, 128, 142);
+  --leo-color-teal-50: rgb(100, 192, 207);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(17, 19, 23);
+  --leo-color-gray-20: rgb(38, 43, 51);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(105, 114, 132);
+  --leo-color-gray-50: rgb(168, 177, 191);
+  --leo-color-gray-60: rgb(195, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(27, 17, 0);
+  --leo-color-yellow-20: rgb(57, 39, 0);
+  --leo-color-yellow-30: rgb(123, 88, 0);
+  --leo-color-yellow-40: rgb(146, 106, 0);
+  --leo-color-yellow-50: rgb(225, 164, 0);
+  --leo-color-yellow-60: rgb(255, 188, 24);
+  --leo-color-yellow-70: rgb(255, 236, 202);
+  --leo-color-text-interactive: rgb(151, 170, 255);
+  --leo-color-text-disabled: rgba(237, 239, 241, 0.5);
+  --leo-color-text-secondary: rgb(195, 201, 211);
+  --leo-color-text-tertiary: rgb(105, 114, 132);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(44, 0, 4);
+  --leo-color-red-20: rgb(86, 0, 15);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(212, 0, 51);
+  --leo-color-red-50: rgb(255, 136, 136);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(0, 25, 4);
+  --leo-color-green-20: rgb(0, 53, 13);
+  --leo-color-green-30: rgb(0, 115, 37);
+  --leo-color-green-40: rgb(54, 133, 67);
+  --leo-color-green-50: rgb(117, 198, 126);
+  --leo-color-green-60: rgb(142, 224, 150);
+  --leo-color-green-70: rgb(208, 252, 211);
+  --leo-color-secondary-10: rgb(39, 7, 0);
+  --leo-color-secondary-20: rgb(78, 21, 0);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(193, 64, 0);
+  --leo-color-secondary-50: rgb(255, 140, 101);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(10, 0, 70);
+  --leo-color-primary-20: rgb(27, 0, 130);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(77, 82, 253);
+  --leo-color-primary-50: rgb(151, 170, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@fallaciousreasoning fallaciousreasoning mentioned this pull request Jul 27, 2023
Merged
25 tasks
@aguscruiz
Copy link
Copy Markdown
Collaborator

aguscruiz commented Jul 28, 2023

Everything looks great for me! There are a couple nitpicks on some of the components but it's super minor and not related to variables. I'll make tickets when I have some time.

But all the variables seem to be matching correctly. Incredible job @fallaciousreasoning!

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging August 7, 2023 00:17 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Aug 7, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-dc579c76c646324c5993f721740c3f2b0475eb3d/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-08-07 00:18:49.896568200 +0000
+++ ./tokens/css/variables.css	2023-08-07 00:18:15.976425863 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Fri Aug 04 2023 02:34:05 GMT+0000 (Coordinated Universal Time)
+ * Generated on Mon Aug 07 2023 00:18:15 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,713 +62,548 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
-  --leo-color-legacy-light-background1: rgb(255, 255, 255);
-  --leo-color-legacy-light-background2: rgb(248, 249, 250);
-  --leo-color-legacy-light-text1: rgb(33, 37, 41);
-  --leo-color-legacy-light-text2: rgb(73, 80, 87);
-  --leo-color-legacy-light-text3: rgb(134, 142, 150);
-  --leo-color-legacy-light-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-light-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-light-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-light-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-light-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-light-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-light-interactive7: rgb(33, 37, 41);
-  --leo-color-legacy-light-interactive8: rgb(174, 177, 194);
-  --leo-color-legacy-light-disabled: rgb(218, 220, 232);
-  --leo-color-legacy-light-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-light-divider1: rgb(233, 233, 244);
-  --leo-color-legacy-dark-background1: rgb(30, 32, 41);
-  --leo-color-legacy-dark-background2: rgb(23, 23, 31);
-  --leo-color-legacy-dark-text1: rgb(240, 242, 255);
-  --leo-color-legacy-dark-text2: rgb(194, 196, 207);
-  --leo-color-legacy-dark-text3: rgb(132, 136, 156);
-  --leo-color-legacy-dark-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-dark-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-dark-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-dark-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-dark-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-dark-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-dark-interactive7: rgb(240, 242, 255);
-  --leo-color-legacy-dark-interactive8: rgb(94, 97, 117);
-  --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
-  --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(223, 216, 255);
+  --leo-color-primitive-private-window-30: rgb(204, 190, 254);
+  --leo-color-primitive-private-window-40: rgb(163, 128, 255);
+  --leo-color-primitive-private-window-50: rgb(123, 99, 191);
+  --leo-color-primitive-private-window-60: rgb(101, 75, 165);
+  --leo-color-primitive-private-window-70: rgb(78, 49, 138);
+  --leo-color-primitive-private-window-80: rgb(61, 18, 123);
+  --leo-color-primitive-private-window-90: rgb(42, 13, 88);
+  --leo-color-primitive-private-window-100: rgb(19, 5, 42);
+  --leo-color-primitive-green-1: rgb(226, 255, 224);
+  --leo-color-primitive-green-10: rgb(211, 251, 208);
+  --leo-color-primitive-green-20: rgb(182, 240, 180);
+  --leo-color-primitive-green-30: rgb(148, 223, 145);
+  --leo-color-primitive-green-40: rgb(42, 186, 50);
+  --leo-color-primitive-green-50: rgb(60, 130, 60);
+  --leo-color-primitive-green-60: rgb(25, 114, 30);
+  --leo-color-primitive-green-70: rgb(16, 86, 20);
+  --leo-color-primitive-green-80: rgb(18, 63, 19);
+  --leo-color-primitive-green-90: rgb(9, 44, 9);
+  --leo-color-primitive-green-100: rgb(4, 20, 3);
+  --leo-color-primitive-yellow-1: rgb(253, 245, 224);
+  --leo-color-primitive-yellow-10: rgb(251, 238, 202);
+  --leo-color-primitive-yellow-20: rgb(248, 220, 144);
+  --leo-color-primitive-yellow-30: rgb(243, 194, 17);
+  --leo-color-primitive-yellow-40: rgb(189, 150, 0);
+  --leo-color-primitive-yellow-50: rgb(140, 111, 3);
+  --leo-color-primitive-yellow-60: rgb(117, 91, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(64, 50, 9);
+  --leo-color-primitive-yellow-90: rgb(45, 35, 7);
+  --leo-color-primitive-yellow-100: rgb(19, 15, 3);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 211, 196);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 96, 34);
+  --leo-color-primitive-secondary-50: rgb(205, 68, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(89, 31, 9);
+  --leo-color-primitive-secondary-90: rgb(63, 21, 6);
+  --leo-color-primitive-secondary-100: rgb(30, 8, 3);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 207, 224);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(248, 85, 162);
+  --leo-color-primitive-pink-50: rgb(194, 69, 128);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(94, 14, 54);
+  --leo-color-primitive-pink-90: rgb(67, 10, 38);
+  --leo-color-primitive-pink-100: rgb(32, 4, 16);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(154, 234, 248);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(0, 175, 195);
+  --leo-color-primitive-teal-50: rgb(7, 127, 141);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(12, 59, 66);
+  --leo-color-primitive-teal-90: rgb(8, 41, 46);
+  --leo-color-primitive-teal-100: rgb(4, 18, 21);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(238, 210, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(199, 108, 246);
+  --leo-color-primitive-tor-window-50: rgb(145, 94, 174);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(76, 15, 103);
+  --leo-color-primitive-tor-window-90: rgb(53, 11, 73);
+  --leo-color-primitive-tor-window-100: rgb(25, 4, 35);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(199, 225, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(57, 159, 255);
+  --leo-color-primitive-blue-50: rgb(16, 117, 201);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(11, 53, 93);
+  --leo-color-primitive-blue-90: rgb(7, 37, 66);
+  --leo-color-primitive-blue-100: rgb(3, 16, 32);
+  --leo-color-primitive-purple-1: rgb(244, 244, 255);
+  --leo-color-primitive-purple-10: rgb(236, 236, 254);
+  --leo-color-primitive-purple-20: rgb(217, 218, 255);
+  --leo-color-primitive-purple-30: rgb(195, 194, 253);
+  --leo-color-primitive-purple-40: rgb(147, 136, 255);
+  --leo-color-primitive-purple-50: rgb(112, 100, 211);
+  --leo-color-primitive-purple-60: rgb(89, 73, 185);
+  --leo-color-primitive-purple-70: rgb(68, 45, 156);
+  --leo-color-primitive-purple-80: rgb(50, 20, 132);
+  --leo-color-primitive-purple-90: rgb(35, 14, 94);
+  --leo-color-primitive-purple-100: rgb(14, 6, 47);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 209, 207);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 90, 99);
+  --leo-color-primitive-red-50: rgb(225, 31, 61);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(98, 15, 24);
+  --leo-color-primitive-red-90: rgb(70, 10, 16);
+  --leo-color-primitive-red-100: rgb(34, 4, 5);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(219, 222, 226);
+  --leo-color-primitive-gray-30: rgb(194, 201, 211);
+  --leo-color-primitive-gray-40: rgb(161, 171, 186);
+  --leo-color-primitive-gray-50: rgb(104, 116, 133);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(48, 52, 61);
+  --leo-color-primitive-gray-90: rgb(33, 36, 42);
+  --leo-color-primitive-gray-100: rgb(13, 15, 20);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(213, 220, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(124, 145, 255);
+  --leo-color-primitive-primary-50: rgb(84, 95, 248);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(33, 22, 143);
+  --leo-color-primitive-primary-90: rgb(22, 16, 101);
+  --leo-color-primitive-primary-100: rgb(7, 7, 50);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
-  --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
-  --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
-  --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-  --leo-effect-elevation-light-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-dark-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-  --leo-effect-elevation-dark-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
-  --leo-effect-elevation-dark-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
+  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
   --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
+  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
+  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
   --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
   --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
   --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
   --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
   --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
+  --leo-spacing-9xl: 160px;
+  --leo-spacing-8xl: 96px;
+  --leo-spacing-4xl: 40px;
+  --leo-spacing-3xl: 32px;
+  --leo-spacing-2xl: 24px;
+  --leo-spacing-l: 12px;
+  --leo-spacing-6xl: 64px;
+  --leo-spacing-m: 8px;
+  --leo-spacing-5xl: 48px;
+  --leo-spacing-s: 4px;
+  --leo-spacing-xl: 16px;
+  --leo-spacing-xs: 2px;
+  --leo-spacing-7xl: 80px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-xs: 2px;
+  --leo-radius-full: 1000px;
+  --leo-radius-l: 12px;
+  --leo-radius-xl: 16px;
+  --leo-radius-m: 8px;
+  --leo-radius-s: 4px;
+  --leo-radius-2xs: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +620,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-text: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-text: rgb(60, 130, 60);
+  --leo-color-systemfeedback-info-text: rgb(16, 117, 201);
+  --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
+  --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-background: rgb(226, 255, 224);
+  --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-background: rgb(253, 245, 224);
+  --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(223, 216, 255);
+  --leo-color-private-window-30: rgb(163, 128, 255);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(101, 75, 165);
+  --leo-color-private-window-60: rgb(78, 49, 138);
+  --leo-color-private-window-70: rgb(42, 13, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 207, 224);
+  --leo-color-pink-30: rgb(248, 85, 162);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(67, 10, 38);
+  --leo-color-purple-10: rgb(244, 244, 255);
+  --leo-color-purple-20: rgb(217, 218, 255);
+  --leo-color-purple-30: rgb(147, 136, 255);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(89, 73, 185);
+  --leo-color-purple-60: rgb(68, 45, 156);
+  --leo-color-purple-70: rgb(35, 14, 94);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.9);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(219, 222, 226);
+  --leo-color-divider-strong: rgb(194, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(199, 225, 255);
+  --leo-color-blue-30: rgb(57, 159, 255);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(7, 37, 66);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(238, 210, 255);
+  --leo-color-tor-window-30: rgb(199, 108, 246);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(53, 11, 73);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(104, 116, 133);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(154, 234, 248);
+  --leo-color-teal-30: rgb(0, 175, 195);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(8, 41, 46);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(219, 222, 226);
+  --leo-color-gray-30: rgb(161, 171, 186);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(33, 36, 42);
+  --leo-color-yellow-10: rgb(253, 245, 224);
+  --leo-color-yellow-20: rgb(248, 220, 144);
+  --leo-color-yellow-30: rgb(189, 150, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(117, 91, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(45, 35, 7);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
+  --leo-color-text-secondary: rgb(63, 72, 85);
+  --leo-color-text-tertiary: rgb(104, 116, 133);
+  --leo-color-text-primary: rgb(13, 15, 20);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 209, 207);
+  --leo-color-red-30: rgb(255, 90, 99);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(70, 10, 16);
+  --leo-color-green-10: rgb(226, 255, 224);
+  --leo-color-green-20: rgb(182, 240, 180);
+  --leo-color-green-30: rgb(42, 186, 50);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(25, 114, 30);
+  --leo-color-green-60: rgb(16, 86, 20);
+  --leo-color-green-70: rgb(9, 44, 9);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 211, 196);
+  --leo-color-secondary-30: rgb(255, 96, 34);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(63, 21, 6);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(213, 220, 255);
+  --leo-color-primary-30: rgb(124, 145, 255);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(22, 16, 101);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +751,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +767,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-text: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-text: rgb(42, 186, 50);
+  --leo-color-systemfeedback-info-text: rgb(57, 159, 255);
+  --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+  --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-background: rgb(9, 44, 9);
+  --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
+  --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+  --leo-color-systemfeedback-error-background: rgb(70, 10, 16);
+  --leo-color-systemfeedback-info-background: rgb(7, 37, 66);
+  --leo-color-private-window-10: rgb(19, 5, 42);
+  --leo-color-private-window-20: rgb(61, 18, 123);
+  --leo-color-private-window-30: rgb(101, 75, 165);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(163, 128, 255);
+  --leo-color-private-window-60: rgb(204, 190, 254);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(32, 4, 16);
+  --leo-color-pink-20: rgb(94, 14, 54);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(248, 85, 162);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(14, 6, 47);
+  --leo-color-purple-20: rgb(50, 20, 132);
+  --leo-color-purple-30: rgb(89, 73, 185);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(147, 136, 255);
+  --leo-color-purple-60: rgb(195, 194, 253);
+  --leo-color-purple-70: rgb(236, 236, 254);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.8);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
+  --leo-color-divider-interactive: rgb(63, 57, 232);
+  --leo-color-divider-subtle: rgb(48, 52, 61);
+  --leo-color-divider-strong: rgb(63, 72, 85);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(33, 36, 42);
+  --leo-color-container-interactive: rgb(22, 16, 101);
+  --leo-color-container-background: rgb(13, 15, 20);
+  --leo-color-blue-10: rgb(3, 16, 32);
+  --leo-color-blue-20: rgb(11, 53, 93);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(57, 159, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(0, 0, 0);
+  --leo-color-tor-window-10: rgb(25, 4, 35);
+  --leo-color-tor-window-20: rgb(76, 15, 103);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(199, 108, 246);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(161, 171, 186);
+  --leo-color-icon-interactive: rgb(124, 145, 255);
+  --leo-color-teal-10: rgb(4, 18, 21);
+  --leo-color-teal-20: rgb(12, 59, 66);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 175, 195);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(13, 15, 20);
+  --leo-color-gray-20: rgb(48, 52, 61);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(161, 171, 186);
+  --leo-color-gray-60: rgb(194, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(19, 15, 3);
+  --leo-color-yellow-20: rgb(64, 50, 9);
+  --leo-color-yellow-30: rgb(117, 91, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(189, 150, 0);
+  --leo-color-yellow-60: rgb(243, 194, 17);
+  --leo-color-yellow-70: rgb(251, 238, 202);
+  --leo-color-text-interactive: rgb(124, 145, 255);
+  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
+  --leo-color-text-secondary: rgb(219, 222, 226);
+  --leo-color-text-tertiary: rgb(161, 171, 186);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(34, 4, 5);
+  --leo-color-red-20: rgb(98, 15, 24);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(255, 90, 99);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(4, 20, 3);
+  --leo-color-green-20: rgb(18, 63, 19);
+  --leo-color-green-30: rgb(25, 114, 30);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(42, 186, 50);
+  --leo-color-green-60: rgb(148, 223, 145);
+  --leo-color-green-70: rgb(211, 251, 208);
+  --leo-color-secondary-10: rgb(30, 8, 3);
+  --leo-color-secondary-20: rgb(89, 31, 9);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(255, 96, 34);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(7, 7, 50);
+  --leo-color-primary-20: rgb(33, 22, 143);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(124, 145, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +897,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +913,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-text: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-text: rgb(60, 130, 60);
+  --leo-color-systemfeedback-info-text: rgb(16, 117, 201);
+  --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
+  --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-background: rgb(226, 255, 224);
+  --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-background: rgb(253, 245, 224);
+  --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(223, 216, 255);
+  --leo-color-private-window-30: rgb(163, 128, 255);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(101, 75, 165);
+  --leo-color-private-window-60: rgb(78, 49, 138);
+  --leo-color-private-window-70: rgb(42, 13, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 207, 224);
+  --leo-color-pink-30: rgb(248, 85, 162);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(67, 10, 38);
+  --leo-color-purple-10: rgb(244, 244, 255);
+  --leo-color-purple-20: rgb(217, 218, 255);
+  --leo-color-purple-30: rgb(147, 136, 255);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(89, 73, 185);
+  --leo-color-purple-60: rgb(68, 45, 156);
+  --leo-color-purple-70: rgb(35, 14, 94);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.9);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(219, 222, 226);
+  --leo-color-divider-strong: rgb(194, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(199, 225, 255);
+  --leo-color-blue-30: rgb(57, 159, 255);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(7, 37, 66);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(238, 210, 255);
+  --leo-color-tor-window-30: rgb(199, 108, 246);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(53, 11, 73);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(104, 116, 133);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(154, 234, 248);
+  --leo-color-teal-30: rgb(0, 175, 195);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(8, 41, 46);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(219, 222, 226);
+  --leo-color-gray-30: rgb(161, 171, 186);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(33, 36, 42);
+  --leo-color-yellow-10: rgb(253, 245, 224);
+  --leo-color-yellow-20: rgb(248, 220, 144);
+  --leo-color-yellow-30: rgb(189, 150, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(117, 91, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(45, 35, 7);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
+  --leo-color-text-secondary: rgb(63, 72, 85);
+  --leo-color-text-tertiary: rgb(104, 116, 133);
+  --leo-color-text-primary: rgb(13, 15, 20);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 209, 207);
+  --leo-color-red-30: rgb(255, 90, 99);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(70, 10, 16);
+  --leo-color-green-10: rgb(226, 255, 224);
+  --leo-color-green-20: rgb(182, 240, 180);
+  --leo-color-green-30: rgb(42, 186, 50);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(25, 114, 30);
+  --leo-color-green-60: rgb(16, 86, 20);
+  --leo-color-green-70: rgb(9, 44, 9);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 211, 196);
+  --leo-color-secondary-30: rgb(255, 96, 34);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(63, 21, 6);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(213, 220, 255);
+  --leo-color-primary-30: rgb(124, 145, 255);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(22, 16, 101);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1042,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1058,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-text: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-text: rgb(42, 186, 50);
+  --leo-color-systemfeedback-info-text: rgb(57, 159, 255);
+  --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+  --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-background: rgb(9, 44, 9);
+  --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
+  --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+  --leo-color-systemfeedback-error-background: rgb(70, 10, 16);
+  --leo-color-systemfeedback-info-background: rgb(7, 37, 66);
+  --leo-color-private-window-10: rgb(19, 5, 42);
+  --leo-color-private-window-20: rgb(61, 18, 123);
+  --leo-color-private-window-30: rgb(101, 75, 165);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(163, 128, 255);
+  --leo-color-private-window-60: rgb(204, 190, 254);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(32, 4, 16);
+  --leo-color-pink-20: rgb(94, 14, 54);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(248, 85, 162);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(14, 6, 47);
+  --leo-color-purple-20: rgb(50, 20, 132);
+  --leo-color-purple-30: rgb(89, 73, 185);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(147, 136, 255);
+  --leo-color-purple-60: rgb(195, 194, 253);
+  --leo-color-purple-70: rgb(236, 236, 254);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.8);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
+  --leo-color-divider-interactive: rgb(63, 57, 232);
+  --leo-color-divider-subtle: rgb(48, 52, 61);
+  --leo-color-divider-strong: rgb(63, 72, 85);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(33, 36, 42);
+  --leo-color-container-interactive: rgb(22, 16, 101);
+  --leo-color-container-background: rgb(13, 15, 20);
+  --leo-color-blue-10: rgb(3, 16, 32);
+  --leo-color-blue-20: rgb(11, 53, 93);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(57, 159, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(0, 0, 0);
+  --leo-color-tor-window-10: rgb(25, 4, 35);
+  --leo-color-tor-window-20: rgb(76, 15, 103);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(199, 108, 246);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(161, 171, 186);
+  --leo-color-icon-interactive: rgb(124, 145, 255);
+  --leo-color-teal-10: rgb(4, 18, 21);
+  --leo-color-teal-20: rgb(12, 59, 66);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 175, 195);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(13, 15, 20);
+  --leo-color-gray-20: rgb(48, 52, 61);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(161, 171, 186);
+  --leo-color-gray-60: rgb(194, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(19, 15, 3);
+  --leo-color-yellow-20: rgb(64, 50, 9);
+  --leo-color-yellow-30: rgb(117, 91, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(189, 150, 0);
+  --leo-color-yellow-60: rgb(243, 194, 17);
+  --leo-color-yellow-70: rgb(251, 238, 202);
+  --leo-color-text-interactive: rgb(124, 145, 255);
+  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
+  --leo-color-text-secondary: rgb(219, 222, 226);
+  --leo-color-text-tertiary: rgb(161, 171, 186);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(34, 4, 5);
+  --leo-color-red-20: rgb(98, 15, 24);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(255, 90, 99);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(4, 20, 3);
+  --leo-color-green-20: rgb(18, 63, 19);
+  --leo-color-green-30: rgb(25, 114, 30);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(42, 186, 50);
+  --leo-color-green-60: rgb(148, 223, 145);
+  --leo-color-green-70: rgb(211, 251, 208);
+  --leo-color-secondary-10: rgb(30, 8, 3);
+  --leo-color-secondary-20: rgb(89, 31, 9);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(255, 96, 34);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(7, 7, 50);
+  --leo-color-primary-20: rgb(33, 22, 143);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(124, 145, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@fallaciousreasoning fallaciousreasoning temporarily deployed to staging August 16, 2023 02:07 — with GitHub Actions Inactive
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Aug 16, 2023

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://313.pr.leo.bravesoftware.com/
✅ Commit preview: https://313.pr.leo.bravesoftware.com/commit-0d4b510360614c737ba6923e9ba005a5c2ed7f4b/

Variables Diff 
--- ./tokens/css/variables.old.css	2023-08-16 02:09:28.982020104 +0000
+++ ./tokens/css/variables.css	2023-08-16 02:08:49.589730002 +0000
@@ -1,21 +1,25 @@
 /**
  * Do not edit directly
- * Generated on Fri Aug 04 2023 02:34:05 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Aug 16 2023 02:08:49 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {
-  --leo-font-macos-large-regular: 400 15px/18px SF Pro Text;
-  --leo-font-macos-large-semibold: 600 15px/18px SF Pro Text;
-  --leo-font-macos-default-regular: 400 13px/15.6px SF Pro Text;
-  --leo-font-macos-default-semibold: 600 13px/15.6px SF Pro Text;
-  --leo-font-macos-small-regular: 400 12px/14.4px SF Pro Text;
-  --leo-font-macos-small-semibold: 600 12px/14.4px SF Pro Text;
+  --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
+  --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
+  --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
+  --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
+  --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
+  --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
+  --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
+  --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
   --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
   --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
   --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
   --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
-  --leo-font-windows-small-regular: 400 12px/14.4px Segoe UI Variable;
-  --leo-font-windows-small-semibold: 600 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
+  --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
+  --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
   --leo-font-primary-heading-display1: 500 52px/78px Poppins;
   --leo-font-primary-heading-display2: 500 36px/54px Poppins;
   --leo-font-primary-heading-h1: 500 32px/48px Poppins;
@@ -44,9 +48,9 @@
   --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
   --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
   --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
-  --leo-font-monospace-large: 400 16px/28px DM Mono;
-  --leo-font-monospace-default: 400 14px/24px DM Mono;
-  --leo-font-monospace-small: 400 12px/18px DM Mono;
+  --leo-font-monospace-large: 400 16px/28px SF Mono;
+  --leo-font-monospace-default: 400 14px/24px SF Mono;
+  --leo-font-monospace-small: 400 12px/18px SF Mono;
   --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
   --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
   --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
@@ -58,713 +62,548 @@
   --leo-font-components-navbutton: 600 15px/20px Poppins;
   --leo-font-components-button-small: 600 12px/16px Poppins;
   --leo-font-components-button-default: 600 13px/20px Poppins;
-  --leo-font-components-button-large: 600 14px/20px Poppins;
+  --leo-font-components-button-large: 600 14px/22px Poppins;
   --leo-font-components-button-jumbo: 600 16px/24px Poppins;
-  --leo-typography-macos-large-regular-font-size: 15px;
+  --leo-typography-macos-large-regular-font-size: 16px;
+  --leo-typography-macos-large-regular-font-weight: 400px;
   --leo-typography-macos-large-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-large-regular-line-height: 18px;
+  --leo-typography-macos-large-regular-line-height: 19.2px;
   --leo-typography-macos-large-regular-paragraph-indent: 0;
   --leo-typography-macos-large-regular-paragraph-spacing: 0;
-  --leo-typography-macos-large-semibold-font-size: 15px;
+  --leo-typography-macos-large-semibold-font-size: 16px;
+  --leo-typography-macos-large-semibold-font-weight: 600px;
   --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-large-semibold-line-height: 18px;
+  --leo-typography-macos-large-semibold-line-height: 19.2px;
   --leo-typography-macos-large-semibold-paragraph-indent: 0;
   --leo-typography-macos-large-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-default-regular-font-size: 13px;
+  --leo-typography-macos-default-regular-font-size: 14px;
+  --leo-typography-macos-default-regular-font-weight: 400px;
   --leo-typography-macos-default-regular-letter-spacing: -0.08px;
-  --leo-typography-macos-default-regular-line-height: 15.6px;
+  --leo-typography-macos-default-regular-line-height: 16.8px;
   --leo-typography-macos-default-regular-paragraph-indent: 0;
   --leo-typography-macos-default-regular-paragraph-spacing: 0;
-  --leo-typography-macos-default-semibold-font-size: 13px;
+  --leo-typography-macos-default-semibold-font-size: 14px;
+  --leo-typography-macos-default-semibold-font-weight: 600px;
   --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
-  --leo-typography-macos-default-semibold-line-height: 15.6px;
+  --leo-typography-macos-default-semibold-line-height: 16.8px;
   --leo-typography-macos-default-semibold-paragraph-indent: 0;
   --leo-typography-macos-default-semibold-paragraph-spacing: 0;
-  --leo-typography-macos-small-regular-font-size: 12px;
+  --leo-typography-macos-small-regular-font-size: 13px;
+  --leo-typography-macos-small-regular-font-weight: 400px;
   --leo-typography-macos-small-regular-letter-spacing: -0.29px;
-  --leo-typography-macos-small-regular-line-height: 14.4px;
+  --leo-typography-macos-small-regular-line-height: 15.6px;
   --leo-typography-macos-small-regular-paragraph-indent: 0;
   --leo-typography-macos-small-regular-paragraph-spacing: 0;
-  --leo-typography-macos-small-semibold-font-size: 12px;
+  --leo-typography-macos-small-semibold-font-size: 13px;
+  --leo-typography-macos-small-semibold-font-weight: 600px;
   --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
-  --leo-typography-macos-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-small-semibold-line-height: 15.6px;
   --leo-typography-macos-small-semibold-paragraph-indent: 0;
   --leo-typography-macos-small-semibold-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-regular-font-size: 12px;
+  --leo-typography-macos-x-small-regular-font-weight: 400px;
+  --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-regular-line-height: 14.4px;
+  --leo-typography-macos-x-small-regular-paragraph-indent: 0;
+  --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-macos-x-small-semibold-font-size: 12px;
+  --leo-typography-macos-x-small-semibold-font-weight: 600px;
+  --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
+  --leo-typography-macos-x-small-semibold-line-height: 14.4px;
+  --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-windows-large-regular-font-size: 16px;
+  --leo-typography-windows-large-regular-font-weight: 400px;
   --leo-typography-windows-large-regular-letter-spacing: 0;
   --leo-typography-windows-large-regular-line-height: 19.2px;
   --leo-typography-windows-large-regular-paragraph-indent: 0;
   --leo-typography-windows-large-regular-paragraph-spacing: 0;
   --leo-typography-windows-large-semibold-font-size: 16px;
+  --leo-typography-windows-large-semibold-font-weight: 600px;
   --leo-typography-windows-large-semibold-letter-spacing: 0;
   --leo-typography-windows-large-semibold-line-height: 19.2px;
   --leo-typography-windows-large-semibold-paragraph-indent: 0;
   --leo-typography-windows-large-semibold-paragraph-spacing: 0;
   --leo-typography-windows-default-regular-font-size: 14px;
+  --leo-typography-windows-default-regular-font-weight: 400px;
   --leo-typography-windows-default-regular-letter-spacing: 0;
   --leo-typography-windows-default-regular-line-height: 16.8px;
   --leo-typography-windows-default-regular-paragraph-indent: 0;
   --leo-typography-windows-default-regular-paragraph-spacing: 0;
   --leo-typography-windows-default-semibold-font-size: 14px;
+  --leo-typography-windows-default-semibold-font-weight: 600px;
   --leo-typography-windows-default-semibold-letter-spacing: 0;
   --leo-typography-windows-default-semibold-line-height: 16.8px;
   --leo-typography-windows-default-semibold-paragraph-indent: 0;
   --leo-typography-windows-default-semibold-paragraph-spacing: 0;
-  --leo-typography-windows-small-regular-font-size: 12px;
+  --leo-typography-windows-small-regular-font-size: 13px;
+  --leo-typography-windows-small-regular-font-weight: 400px;
   --leo-typography-windows-small-regular-letter-spacing: 0;
-  --leo-typography-windows-small-regular-line-height: 14.4px;
+  --leo-typography-windows-small-regular-line-height: 15.6px;
   --leo-typography-windows-small-regular-paragraph-indent: 0;
   --leo-typography-windows-small-regular-paragraph-spacing: 0;
-  --leo-typography-windows-small-semibold-font-size: 12px;
+  --leo-typography-windows-small-semibold-font-size: 13px;
+  --leo-typography-windows-small-semibold-font-weight: 600px;
   --leo-typography-windows-small-semibold-letter-spacing: 0;
-  --leo-typography-windows-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-small-semibold-line-height: 15.6px;
   --leo-typography-windows-small-semibold-paragraph-indent: 0;
   --leo-typography-windows-small-semibold-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-regular-font-size: 12px;
+  --leo-typography-windows-x-small-regular-font-weight: 400px;
+  --leo-typography-windows-x-small-regular-letter-spacing: 0;
+  --leo-typography-windows-x-small-regular-line-height: 14.4px;
+  --leo-typography-windows-x-small-regular-paragraph-indent: 0;
+  --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
+  --leo-typography-windows-x-small-semibold-font-size: 12px;
+  --leo-typography-windows-x-small-semibold-font-weight: 600px;
+  --leo-typography-windows-x-small-semibold-letter-spacing: 0;
+  --leo-typography-windows-x-small-semibold-line-height: 14.4px;
+  --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
+  --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-heading-display1-font-size: 52px;
+  --leo-typography-primary-heading-display1-font-weight: 500px;
   --leo-typography-primary-heading-display1-letter-spacing: 0;
   --leo-typography-primary-heading-display1-line-height: 78px;
   --leo-typography-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-primary-heading-display2-font-size: 36px;
+  --leo-typography-primary-heading-display2-font-weight: 500px;
   --leo-typography-primary-heading-display2-letter-spacing: 0;
   --leo-typography-primary-heading-display2-line-height: 54px;
   --leo-typography-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h1-font-size: 32px;
+  --leo-typography-primary-heading-h1-font-weight: 500px;
   --leo-typography-primary-heading-h1-letter-spacing: 0;
   --leo-typography-primary-heading-h1-line-height: 48px;
   --leo-typography-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-primary-heading-h2-font-size: 28px;
+  --leo-typography-primary-heading-h2-font-weight: 500px;
   --leo-typography-primary-heading-h2-letter-spacing: 0;
   --leo-typography-primary-heading-h2-line-height: 40px;
   --leo-typography-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-primary-heading-h3-font-size: 22px;
+  --leo-typography-primary-heading-h3-font-weight: 500px;
   --leo-typography-primary-heading-h3-letter-spacing: 0;
   --leo-typography-primary-heading-h3-line-height: 32px;
   --leo-typography-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-primary-heading-h4-font-size: 16px;
+  --leo-typography-primary-heading-h4-font-weight: 600px;
   --leo-typography-primary-heading-h4-letter-spacing: 0;
   --leo-typography-primary-heading-h4-line-height: 24px;
   --leo-typography-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-primary-large-regular-font-size: 16px;
+  --leo-typography-primary-large-regular-font-weight: 400px;
   --leo-typography-primary-large-regular-letter-spacing: 0;
   --leo-typography-primary-large-regular-line-height: 28px;
   --leo-typography-primary-large-regular-paragraph-indent: 0;
   --leo-typography-primary-large-regular-paragraph-spacing: 0;
   --leo-typography-primary-large-semibold-font-size: 16px;
+  --leo-typography-primary-large-semibold-font-weight: 600px;
   --leo-typography-primary-large-semibold-letter-spacing: 0;
   --leo-typography-primary-large-semibold-line-height: 28px;
   --leo-typography-primary-large-semibold-paragraph-indent: 0;
   --leo-typography-primary-large-semibold-paragraph-spacing: 0;
   --leo-typography-primary-default-regular-font-size: 14px;
+  --leo-typography-primary-default-regular-font-weight: 400px;
   --leo-typography-primary-default-regular-letter-spacing: 0;
   --leo-typography-primary-default-regular-line-height: 24px;
   --leo-typography-primary-default-regular-paragraph-indent: 0;
   --leo-typography-primary-default-regular-paragraph-spacing: 0;
   --leo-typography-primary-default-semibold-font-size: 14px;
+  --leo-typography-primary-default-semibold-font-weight: 600px;
   --leo-typography-primary-default-semibold-letter-spacing: 0;
   --leo-typography-primary-default-semibold-line-height: 24px;
   --leo-typography-primary-default-semibold-paragraph-indent: 0;
   --leo-typography-primary-default-semibold-paragraph-spacing: 0;
   --leo-typography-primary-small-regular-font-size: 12px;
+  --leo-typography-primary-small-regular-font-weight: 400px;
   --leo-typography-primary-small-regular-letter-spacing: 0;
   --leo-typography-primary-small-regular-line-height: 18px;
   --leo-typography-primary-small-regular-paragraph-indent: 0;
   --leo-typography-primary-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-small-semibold-font-size: 12px;
+  --leo-typography-primary-small-semibold-font-weight: 600px;
   --leo-typography-primary-small-semibold-letter-spacing: 0;
   --leo-typography-primary-small-semibold-line-height: 18px;
   --leo-typography-primary-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-small-semibold-paragraph-spacing: 0;
   --leo-typography-primary-x-small-regular-font-size: 11px;
+  --leo-typography-primary-x-small-regular-font-weight: 400px;
   --leo-typography-primary-x-small-regular-letter-spacing: 0;
   --leo-typography-primary-x-small-regular-line-height: 16px;
   --leo-typography-primary-x-small-regular-paragraph-indent: 0;
   --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
   --leo-typography-primary-x-small-semibold-font-size: 11px;
+  --leo-typography-primary-x-small-semibold-font-weight: 600px;
   --leo-typography-primary-x-small-semibold-letter-spacing: 0;
   --leo-typography-primary-x-small-semibold-line-height: 16px;
   --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display1-font-size: 52px;
+  --leo-typography-secondary-heading-display1-font-weight: 500px;
   --leo-typography-secondary-heading-display1-letter-spacing: 0;
   --leo-typography-secondary-heading-display1-line-height: 78px;
   --leo-typography-secondary-heading-display1-paragraph-indent: 0;
   --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-display2-font-size: 36px;
+  --leo-typography-secondary-heading-display2-font-weight: 500px;
   --leo-typography-secondary-heading-display2-letter-spacing: 0;
   --leo-typography-secondary-heading-display2-line-height: 54px;
   --leo-typography-secondary-heading-display2-paragraph-indent: 0;
   --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h1-font-size: 32px;
+  --leo-typography-secondary-heading-h1-font-weight: 500px;
   --leo-typography-secondary-heading-h1-letter-spacing: 0;
   --leo-typography-secondary-heading-h1-line-height: 48px;
   --leo-typography-secondary-heading-h1-paragraph-indent: 0;
   --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h2-font-size: 28px;
+  --leo-typography-secondary-heading-h2-font-weight: 500px;
   --leo-typography-secondary-heading-h2-letter-spacing: 0;
   --leo-typography-secondary-heading-h2-line-height: 40px;
   --leo-typography-secondary-heading-h2-paragraph-indent: 0;
   --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h3-font-size: 22px;
+  --leo-typography-secondary-heading-h3-font-weight: 500px;
   --leo-typography-secondary-heading-h3-letter-spacing: 0;
   --leo-typography-secondary-heading-h3-line-height: 32px;
   --leo-typography-secondary-heading-h3-paragraph-indent: 0;
   --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
   --leo-typography-secondary-heading-h4-font-size: 16px;
+  --leo-typography-secondary-heading-h4-font-weight: 600px;
   --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
   --leo-typography-secondary-heading-h4-line-height: 24px;
   --leo-typography-secondary-heading-h4-paragraph-indent: 0;
   --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
   --leo-typography-secondary-large-regular-font-size: 16px;
+  --leo-typography-secondary-large-regular-font-weight: 500px;
   --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
   --leo-typography-secondary-large-regular-line-height: 28px;
   --leo-typography-secondary-large-regular-paragraph-indent: 0;
   --leo-typography-secondary-large-regular-paragraph-spacing: 0;
   --leo-typography-secondary-large-semibold-font-size: 16px;
+  --leo-typography-secondary-large-semibold-font-weight: 700px;
   --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
   --leo-typography-secondary-large-semibold-line-height: 28px;
   --leo-typography-secondary-large-semibold-paragraph-indent: 0;
   --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-default-regular-font-size: 14px;
+  --leo-typography-secondary-default-regular-font-weight: 500px;
   --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
   --leo-typography-secondary-default-regular-line-height: 24px;
   --leo-typography-secondary-default-regular-paragraph-indent: 0;
   --leo-typography-secondary-default-regular-paragraph-spacing: 0;
   --leo-typography-secondary-default-semibold-font-size: 14px;
+  --leo-typography-secondary-default-semibold-font-weight: 700px;
   --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
   --leo-typography-secondary-default-semibold-line-height: 24px;
   --leo-typography-secondary-default-semibold-paragraph-indent: 0;
   --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-small-regular-font-size: 12px;
+  --leo-typography-secondary-small-regular-font-weight: 500px;
   --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
   --leo-typography-secondary-small-regular-line-height: 18px;
   --leo-typography-secondary-small-regular-paragraph-indent: 0;
   --leo-typography-secondary-small-regular-paragraph-spacing: 0;
   --leo-typography-secondary-small-semibold-font-size: 12px;
+  --leo-typography-secondary-small-semibold-font-weight: 700px;
   --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
   --leo-typography-secondary-small-semibold-line-height: 18px;
   --leo-typography-secondary-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-default-font-size: 11px;
+  --leo-typography-secondary-x-small-default-font-weight: 500px;
   --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-default-line-height: 16px;
   --leo-typography-secondary-x-small-default-paragraph-indent: 0;
   --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
   --leo-typography-secondary-x-small-semibold-font-size: 11px;
+  --leo-typography-secondary-x-small-semibold-font-weight: 700px;
   --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
   --leo-typography-secondary-x-small-semibold-line-height: 16px;
   --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
   --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
   --leo-typography-monospace-large-font-size: 16px;
+  --leo-typography-monospace-large-font-weight: 400px;
   --leo-typography-monospace-large-letter-spacing: 0;
   --leo-typography-monospace-large-line-height: 28px;
   --leo-typography-monospace-large-paragraph-indent: 0;
   --leo-typography-monospace-large-paragraph-spacing: 0;
   --leo-typography-monospace-default-font-size: 14px;
+  --leo-typography-monospace-default-font-weight: 400px;
   --leo-typography-monospace-default-letter-spacing: 0;
   --leo-typography-monospace-default-line-height: 24px;
   --leo-typography-monospace-default-paragraph-indent: 0;
   --leo-typography-monospace-default-paragraph-spacing: 0;
   --leo-typography-monospace-small-font-size: 12px;
+  --leo-typography-monospace-small-font-weight: 400px;
   --leo-typography-monospace-small-letter-spacing: 0;
   --leo-typography-monospace-small-line-height: 18px;
   --leo-typography-monospace-small-paragraph-indent: 0;
   --leo-typography-monospace-small-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-font-size: 32px;
+  --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display1-line-height: 48px;
   --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-font-size: 28px;
+  --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-display2-line-height: 42px;
   --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-font-size: 28px;
+  --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h1-line-height: 40px;
   --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-font-size: 22px;
+  --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h2-line-height: 32px;
   --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-font-size: 18px;
+  --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
   --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h3-line-height: 28px;
   --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-font-size: 16px;
+  --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
   --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
   --leo-typography-mobile-primary-heading-h4-line-height: 24px;
   --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
   --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
   --leo-typography-components-label-font-size: 10px;
+  --leo-typography-components-label-font-weight: 600px;
   --leo-typography-components-label-letter-spacing: 0.4px;
   --leo-typography-components-label-line-height: 12px;
   --leo-typography-components-label-paragraph-indent: 0;
   --leo-typography-components-label-paragraph-spacing: 0;
   --leo-typography-components-tableheader-font-size: 13px;
+  --leo-typography-components-tableheader-font-weight: 500px;
   --leo-typography-components-tableheader-letter-spacing: 0;
   --leo-typography-components-tableheader-line-height: 20px;
   --leo-typography-components-tableheader-paragraph-indent: 0;
   --leo-typography-components-tableheader-paragraph-spacing: 0;
   --leo-typography-components-navbutton-font-size: 15px;
+  --leo-typography-components-navbutton-font-weight: 600px;
   --leo-typography-components-navbutton-letter-spacing: 0.3px;
   --leo-typography-components-navbutton-line-height: 20px;
   --leo-typography-components-navbutton-paragraph-indent: 0;
   --leo-typography-components-navbutton-paragraph-spacing: 0;
   --leo-typography-components-button-small-font-size: 12px;
+  --leo-typography-components-button-small-font-weight: 600px;
   --leo-typography-components-button-small-letter-spacing: 0.36px;
   --leo-typography-components-button-small-line-height: 16px;
   --leo-typography-components-button-small-paragraph-indent: 0;
   --leo-typography-components-button-small-paragraph-spacing: 0;
   --leo-typography-components-button-default-font-size: 13px;
+  --leo-typography-components-button-default-font-weight: 600px;
   --leo-typography-components-button-default-letter-spacing: 0.39px;
   --leo-typography-components-button-default-line-height: 20px;
   --leo-typography-components-button-default-paragraph-indent: 0;
   --leo-typography-components-button-default-paragraph-spacing: 0;
   --leo-typography-components-button-large-font-size: 14px;
+  --leo-typography-components-button-large-font-weight: 600px;
   --leo-typography-components-button-large-letter-spacing: 0.28px;
-  --leo-typography-components-button-large-line-height: 20px;
+  --leo-typography-components-button-large-line-height: 22px;
   --leo-typography-components-button-large-paragraph-indent: 0;
   --leo-typography-components-button-large-paragraph-spacing: 0;
   --leo-typography-components-button-jumbo-font-size: 16px;
+  --leo-typography-components-button-jumbo-font-weight: 600px;
   --leo-typography-components-button-jumbo-letter-spacing: 0.16px;
   --leo-typography-components-button-jumbo-line-height: 24px;
   --leo-typography-components-button-jumbo-paragraph-indent: 0;
   --leo-typography-components-button-jumbo-paragraph-spacing: 0;
-  --leo-color-light-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-light-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-light-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-light-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-light-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-light-text-primary: rgb(28, 30, 38);
-  --leo-color-light-text-secondary: rgb(102, 109, 137);
-  --leo-color-light-text-tertiary: rgb(126, 133, 160);
-  --leo-color-light-text-interactive: rgb(66, 62, 238);
-  --leo-color-light-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-light-icon-default: rgb(102, 109, 137);
-  --leo-color-light-icon-interactive: rgb(95, 92, 241);
-  --leo-color-light-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-light-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-light-page-background: rgb(245, 245, 247);
-  --leo-color-light-container-background: rgb(255, 255, 255);
-  --leo-color-light-container-highlight: rgb(240, 241, 244);
-  --leo-color-light-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-light-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-light-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-light-divider-subtle: rgb(232, 233, 238);
-  --leo-color-light-divider-strong: rgb(196, 199, 212);
-  --leo-color-light-divider-interactive: rgb(196, 194, 249);
-  --leo-color-light-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-light-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-light-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-light-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-light-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-light-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-light-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-light-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-light-gray-10: rgb(245, 245, 247);
-  --leo-color-light-gray-20: rgb(225, 226, 232);
-  --leo-color-light-gray-30: rgb(168, 173, 191);
-  --leo-color-light-gray-40: rgb(102, 109, 137);
-  --leo-color-light-gray-50: rgb(84, 90, 113);
-  --leo-color-light-gray-60: rgb(63, 67, 85);
-  --leo-color-light-gray-70: rgb(28, 30, 38);
-  --leo-color-light-primary-10: rgb(245, 244, 254);
-  --leo-color-light-primary-20: rgb(226, 226, 252);
-  --leo-color-light-primary-30: rgb(170, 168, 247);
-  --leo-color-light-primary-40: rgb(95, 92, 241);
-  --leo-color-light-primary-50: rgb(66, 62, 238);
-  --leo-color-light-primary-60: rgb(50, 47, 180);
-  --leo-color-light-primary-70: rgb(23, 21, 83);
-  --leo-color-light-secondary-10: rgb(253, 244, 242);
-  --leo-color-light-secondary-20: rgb(254, 222, 214);
-  --leo-color-light-secondary-30: rgb(252, 147, 120);
-  --leo-color-light-secondary-40: rgb(254, 89, 7);
-  --leo-color-light-secondary-50: rgb(178, 38, 3);
-  --leo-color-light-secondary-60: rgb(134, 29, 3);
-  --leo-color-light-secondary-70: rgb(63, 14, 1);
-  --leo-color-light-red-10: rgb(253, 243, 245);
-  --leo-color-light-red-20: rgb(251, 221, 226);
-  --leo-color-light-red-30: rgb(241, 149, 164);
-  --leo-color-light-red-40: rgb(220, 29, 60);
-  --leo-color-light-red-50: rgb(184, 24, 50);
-  --leo-color-light-red-60: rgb(138, 18, 38);
-  --leo-color-light-red-70: rgb(65, 9, 18);
-  --leo-color-light-yellow-10: rgb(255, 244, 216);
-  --leo-color-light-yellow-20: rgb(255, 225, 147);
-  --leo-color-light-yellow-30: rgb(226, 165, 0);
-  --leo-color-light-yellow-40: rgb(146, 106, 0);
-  --leo-color-light-yellow-50: rgb(120, 87, 0);
-  --leo-color-light-yellow-60: rgb(90, 65, 0);
-  --leo-color-light-yellow-70: rgb(40, 29, 0);
-  --leo-color-light-green-10: rgb(232, 249, 235);
-  --leo-color-light-green-20: rgb(194, 238, 201);
-  --leo-color-light-green-30: rgb(77, 198, 97);
-  --leo-color-light-green-40: rgb(49, 128, 62);
-  --leo-color-light-green-50: rgb(41, 105, 51);
-  --leo-color-light-green-60: rgb(31, 79, 39);
-  --leo-color-light-green-70: rgb(14, 35, 17);
-  --leo-color-light-teal-10: rgb(239, 247, 248);
-  --leo-color-light-teal-20: rgb(209, 232, 235);
-  --leo-color-light-teal-30: rgb(118, 186, 194);
-  --leo-color-light-teal-40: rgb(0, 124, 138);
-  --leo-color-light-teal-50: rgb(0, 103, 114);
-  --leo-color-light-teal-60: rgb(0, 77, 86);
-  --leo-color-light-teal-70: rgb(0, 35, 39);
-  --leo-color-light-blue-10: rgb(240, 247, 252);
-  --leo-color-light-blue-20: rgb(208, 232, 252);
-  --leo-color-light-blue-30: rgb(106, 182, 244);
-  --leo-color-light-blue-40: rgb(15, 117, 201);
-  --leo-color-light-blue-50: rgb(12, 95, 163);
-  --leo-color-light-blue-60: rgb(9, 71, 122);
-  --leo-color-light-blue-70: rgb(4, 32, 56);
-  --leo-color-light-purple-10: rgb(245, 246, 252);
-  --leo-color-light-purple-20: rgb(225, 227, 247);
-  --leo-color-light-purple-30: rgb(166, 171, 232);
-  --leo-color-light-purple-40: rgb(93, 101, 211);
-  --leo-color-light-purple-50: rgb(76, 83, 173);
-  --leo-color-light-purple-60: rgb(57, 62, 130);
-  --leo-color-light-purple-70: rgb(26, 28, 59);
-  --leo-color-light-pink-10: rgb(253, 243, 248);
-  --leo-color-light-pink-20: rgb(250, 219, 236);
-  --leo-color-light-pink-30: rgb(240, 146, 197);
-  --leo-color-light-pink-40: rgb(212, 28, 128);
-  --leo-color-light-pink-50: rgb(175, 23, 104);
-  --leo-color-light-pink-60: rgb(133, 17, 80);
-  --leo-color-light-pink-70: rgb(63, 8, 38);
-  --leo-color-light-private-window-10: rgb(245, 244, 250);
-  --leo-color-light-private-window-20: rgb(229, 226, 240);
-  --leo-color-light-private-window-30: rgb(179, 170, 211);
-  --leo-color-light-private-window-40: rgb(117, 102, 176);
-  --leo-color-light-private-window-50: rgb(97, 79, 164);
-  --leo-color-light-private-window-60: rgb(72, 51, 150);
-  --leo-color-light-private-window-70: rgb(30, 13, 94);
-  --leo-color-light-tor-window-10: rgb(248, 245, 250);
-  --leo-color-light-tor-window-20: rgb(235, 225, 240);
-  --leo-color-light-tor-window-30: rgb(194, 165, 209);
-  --leo-color-light-tor-window-40: rgb(145, 94, 173);
-  --leo-color-light-tor-window-50: rgb(120, 74, 145);
-  --leo-color-light-tor-window-60: rgb(90, 55, 108);
-  --leo-color-light-tor-window-70: rgb(39, 26, 47);
-  --leo-color-dark-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-dark-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-dark-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-dark-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-dark-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-dark-text-primary: rgb(237, 238, 241);
-  --leo-color-dark-text-secondary: rgb(135, 141, 166);
-  --leo-color-dark-text-tertiary: rgb(97, 104, 132);
-  --leo-color-dark-text-interactive: rgb(170, 168, 247);
-  --leo-color-dark-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-dark-icon-default: rgb(135, 141, 166);
-  --leo-color-dark-icon-interactive: rgb(135, 132, 244);
-  --leo-color-dark-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-dark-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-dark-page-background: rgb(9, 9, 12);
-  --leo-color-dark-container-background: rgb(25, 27, 34);
-  --leo-color-dark-container-highlight: rgb(13, 14, 18);
-  --leo-color-dark-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-dark-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-dark-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-dark-divider-subtle: rgb(43, 46, 59);
-  --leo-color-dark-divider-strong: rgb(59, 63, 79);
-  --leo-color-dark-divider-interactive: rgb(55, 53, 141);
-  --leo-color-dark-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-dark-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-dark-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-dark-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-dark-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-dark-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-dark-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-dark-gray-10: rgb(17, 18, 23);
-  --leo-color-dark-gray-20: rgb(38, 42, 51);
-  --leo-color-dark-gray-30: rgb(84, 90, 113);
-  --leo-color-dark-gray-40: rgb(135, 141, 166);
-  --leo-color-dark-gray-50: rgb(168, 173, 191);
-  --leo-color-dark-gray-60: rgb(195, 198, 211);
-  --leo-color-dark-gray-70: rgb(237, 238, 241);
-  --leo-color-dark-primary-10: rgb(14, 14, 52);
-  --leo-color-dark-primary-20: rgb(35, 33, 127);
-  --leo-color-dark-primary-30: rgb(66, 62, 238);
-  --leo-color-dark-primary-40: rgb(135, 132, 244);
-  --leo-color-dark-primary-50: rgb(170, 168, 247);
-  --leo-color-dark-primary-60: rgb(197, 196, 250);
-  --leo-color-dark-primary-70: rgb(239, 238, 254);
-  --leo-color-dark-secondary-10: rgb(40, 9, 1);
-  --leo-color-dark-secondary-20: rgb(95, 20, 2);
-  --leo-color-dark-secondary-30: rgb(178, 38, 3);
-  --leo-color-dark-secondary-40: rgb(251, 89, 48);
-  --leo-color-dark-secondary-50: rgb(252, 147, 120);
-  --leo-color-dark-secondary-60: rgb(253, 183, 165);
-  --leo-color-dark-secondary-70: rgb(252, 236, 232);
-  --leo-color-dark-red-10: rgb(42, 6, 11);
-  --leo-color-dark-red-20: rgb(99, 13, 27);
-  --leo-color-dark-red-30: rgb(184, 24, 50);
-  --leo-color-dark-red-40: rgb(235, 99, 122);
-  --leo-color-dark-red-50: rgb(241, 149, 164);
-  --leo-color-dark-red-60: rgb(246, 184, 194);
-  --leo-color-dark-red-70: rgb(252, 234, 237);
-  --leo-color-dark-yellow-10: rgb(25, 18, 0);
-  --leo-color-dark-yellow-20: rgb(63, 46, 0);
-  --leo-color-dark-yellow-30: rgb(120, 87, 0);
-  --leo-color-dark-yellow-40: rgb(187, 136, 0);
-  --leo-color-dark-yellow-50: rgb(226, 165, 0);
-  --leo-color-dark-yellow-60: rgb(254, 191, 23);
-  --leo-color-dark-yellow-70: rgb(255, 238, 193);
-  --leo-color-dark-green-10: rgb(8, 22, 11);
-  --leo-color-dark-green-20: rgb(21, 55, 27);
-  --leo-color-dark-green-30: rgb(41, 105, 51);
-  --leo-color-dark-green-40: rgb(63, 164, 80);
-  --leo-color-dark-green-50: rgb(77, 198, 97);
-  --leo-color-dark-green-60: rgb(129, 220, 144);
-  --leo-color-dark-green-70: rgb(219, 245, 223);
-  --leo-color-dark-teal-10: rgb(0, 22, 25);
-  --leo-color-dark-teal-20: rgb(0, 54, 60);
-  --leo-color-dark-teal-30: rgb(0, 103, 114);
-  --leo-color-dark-teal-40: rgb(61, 158, 168);
-  --leo-color-dark-teal-50: rgb(118, 186, 194);
-  --leo-color-dark-teal-60: rgb(164, 209, 214);
-  --leo-color-dark-teal-70: rgb(227, 241, 242);
-  --leo-color-dark-blue-10: rgb(2, 21, 35);
-  --leo-color-dark-blue-20: rgb(6, 50, 86);
-  --leo-color-dark-blue-30: rgb(12, 95, 163);
-  --leo-color-dark-blue-40: rgb(39, 149, 239);
-  --leo-color-dark-blue-50: rgb(106, 182, 244);
-  --leo-color-dark-blue-60: rgb(155, 206, 248);
-  --leo-color-dark-blue-70: rgb(228, 240, 249);
-  --leo-color-dark-purple-10: rgb(16, 17, 36);
-  --leo-color-dark-purple-20: rgb(40, 44, 90);
-  --leo-color-dark-purple-30: rgb(76, 83, 173);
-  --leo-color-dark-purple-40: rgb(131, 137, 223);
-  --leo-color-dark-purple-50: rgb(166, 171, 232);
-  --leo-color-dark-purple-60: rgb(195, 198, 240);
-  --leo-color-dark-purple-70: rgb(237, 238, 250);
-  --leo-color-dark-pink-10: rgb(41, 5, 25);
-  --leo-color-dark-pink-20: rgb(95, 12, 57);
-  --leo-color-dark-pink-30: rgb(175, 23, 105);
-  --leo-color-dark-pink-40: rgb(232, 95, 169);
-  --leo-color-dark-pink-50: rgb(240, 146, 197);
-  --leo-color-dark-pink-60: rgb(245, 182, 216);
-  --leo-color-dark-pink-70: rgb(252, 233, 243);
-  --leo-color-dark-private-window-10: rgb(20, 9, 63);
-  --leo-color-dark-private-window-20: rgb(49, 35, 103);
-  --leo-color-dark-private-window-30: rgb(97, 79, 164);
-  --leo-color-dark-private-window-40: rgb(149, 137, 194);
-  --leo-color-dark-private-window-50: rgb(179, 170, 211);
-  --leo-color-dark-private-window-60: rgb(216, 211, 232);
-  --leo-color-dark-private-window-70: rgb(245, 244, 250);
-  --leo-color-dark-tor-window-10: rgb(24, 16, 29);
-  --leo-color-dark-tor-window-20: rgb(63, 39, 76);
-  --leo-color-dark-tor-window-30: rgb(120, 74, 145);
-  --leo-color-dark-tor-window-40: rgb(169, 129, 191);
-  --leo-color-dark-tor-window-50: rgb(194, 165, 209);
-  --leo-color-dark-tor-window-60: rgb(213, 194, 224);
-  --leo-color-dark-tor-window-70: rgb(242, 237, 245);
-  --leo-color-legacy-light-background1: rgb(255, 255, 255);
-  --leo-color-legacy-light-background2: rgb(248, 249, 250);
-  --leo-color-legacy-light-text1: rgb(33, 37, 41);
-  --leo-color-legacy-light-text2: rgb(73, 80, 87);
-  --leo-color-legacy-light-text3: rgb(134, 142, 150);
-  --leo-color-legacy-light-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-light-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-light-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-light-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-light-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-light-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-light-interactive7: rgb(33, 37, 41);
-  --leo-color-legacy-light-interactive8: rgb(174, 177, 194);
-  --leo-color-legacy-light-disabled: rgb(218, 220, 232);
-  --leo-color-legacy-light-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-light-divider1: rgb(233, 233, 244);
-  --leo-color-legacy-dark-background1: rgb(30, 32, 41);
-  --leo-color-legacy-dark-background2: rgb(23, 23, 31);
-  --leo-color-legacy-dark-text1: rgb(240, 242, 255);
-  --leo-color-legacy-dark-text2: rgb(194, 196, 207);
-  --leo-color-legacy-dark-text3: rgb(132, 136, 156);
-  --leo-color-legacy-dark-interactive1: rgb(234, 58, 13);
-  --leo-color-legacy-dark-interactive2: rgb(251, 84, 43);
-  --leo-color-legacy-dark-interactive3: rgb(255, 118, 84);
-  --leo-color-legacy-dark-interactive4: rgb(53, 61, 171);
-  --leo-color-legacy-dark-interactive5: rgb(76, 84, 210);
-  --leo-color-legacy-dark-interactive6: rgb(115, 122, 222);
-  --leo-color-legacy-dark-interactive7: rgb(240, 242, 255);
-  --leo-color-legacy-dark-interactive8: rgb(94, 97, 117);
-  --leo-color-legacy-dark-disabled: rgb(52, 58, 64);
-  --leo-color-legacy-dark-focus-border: rgb(160, 165, 235);
-  --leo-color-legacy-dark-divider1: rgb(59, 62, 79);
-  --leo-color-private-container-highlight: rgb(10, 4, 31);
+  --leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
+  --leo-color-primitive-brands-bat-3: rgb(102, 45, 145);
+  --leo-color-primitive-brands-bat-2: rgb(158, 31, 99);
+  --leo-color-primitive-brands-bat-1: rgb(255, 71, 36);
+  --leo-color-primitive-private-window-1: rgb(245, 243, 255);
+  --leo-color-primitive-private-window-10: rgb(238, 235, 255);
+  --leo-color-primitive-private-window-20: rgb(223, 216, 255);
+  --leo-color-primitive-private-window-30: rgb(204, 190, 254);
+  --leo-color-primitive-private-window-40: rgb(163, 128, 255);
+  --leo-color-primitive-private-window-50: rgb(123, 99, 191);
+  --leo-color-primitive-private-window-60: rgb(101, 75, 165);
+  --leo-color-primitive-private-window-70: rgb(78, 49, 138);
+  --leo-color-primitive-private-window-80: rgb(61, 18, 123);
+  --leo-color-primitive-private-window-90: rgb(42, 13, 88);
+  --leo-color-primitive-private-window-100: rgb(19, 5, 42);
+  --leo-color-primitive-green-1: rgb(226, 255, 224);
+  --leo-color-primitive-green-10: rgb(211, 251, 208);
+  --leo-color-primitive-green-20: rgb(182, 240, 180);
+  --leo-color-primitive-green-30: rgb(148, 223, 145);
+  --leo-color-primitive-green-40: rgb(42, 186, 50);
+  --leo-color-primitive-green-50: rgb(60, 130, 60);
+  --leo-color-primitive-green-60: rgb(25, 114, 30);
+  --leo-color-primitive-green-70: rgb(16, 86, 20);
+  --leo-color-primitive-green-80: rgb(18, 63, 19);
+  --leo-color-primitive-green-90: rgb(9, 44, 9);
+  --leo-color-primitive-green-100: rgb(4, 20, 3);
+  --leo-color-primitive-yellow-1: rgb(253, 245, 224);
+  --leo-color-primitive-yellow-10: rgb(251, 238, 202);
+  --leo-color-primitive-yellow-20: rgb(248, 220, 144);
+  --leo-color-primitive-yellow-30: rgb(243, 194, 17);
+  --leo-color-primitive-yellow-40: rgb(189, 150, 0);
+  --leo-color-primitive-yellow-50: rgb(140, 111, 3);
+  --leo-color-primitive-yellow-60: rgb(117, 91, 0);
+  --leo-color-primitive-yellow-70: rgb(93, 66, 0);
+  --leo-color-primitive-yellow-80: rgb(64, 50, 9);
+  --leo-color-primitive-yellow-90: rgb(45, 35, 7);
+  --leo-color-primitive-yellow-100: rgb(19, 15, 3);
+  --leo-color-primitive-secondary-1: rgb(255, 242, 238);
+  --leo-color-primitive-secondary-10: rgb(255, 233, 225);
+  --leo-color-primitive-secondary-20: rgb(255, 211, 196);
+  --leo-color-primitive-secondary-30: rgb(255, 180, 155);
+  --leo-color-primitive-secondary-40: rgb(255, 96, 34);
+  --leo-color-primitive-secondary-50: rgb(205, 68, 0);
+  --leo-color-primitive-secondary-60: rgb(163, 53, 0);
+  --leo-color-primitive-secondary-70: rgb(124, 38, 0);
+  --leo-color-primitive-secondary-80: rgb(89, 31, 9);
+  --leo-color-primitive-secondary-90: rgb(63, 21, 6);
+  --leo-color-primitive-secondary-100: rgb(30, 8, 3);
+  --leo-color-primitive-pink-1: rgb(255, 241, 246);
+  --leo-color-primitive-pink-10: rgb(255, 231, 239);
+  --leo-color-primitive-pink-20: rgb(255, 207, 224);
+  --leo-color-primitive-pink-30: rgb(255, 173, 204);
+  --leo-color-primitive-pink-40: rgb(248, 85, 162);
+  --leo-color-primitive-pink-50: rgb(194, 69, 128);
+  --leo-color-primitive-pink-60: rgb(163, 37, 100);
+  --leo-color-primitive-pink-70: rgb(131, 0, 76);
+  --leo-color-primitive-pink-80: rgb(94, 14, 54);
+  --leo-color-primitive-pink-90: rgb(67, 10, 38);
+  --leo-color-primitive-pink-100: rgb(32, 4, 16);
+  --leo-color-primitive-teal-1: rgb(225, 251, 255);
+  --leo-color-primitive-teal-10: rgb(209, 247, 253);
+  --leo-color-primitive-teal-20: rgb(154, 234, 248);
+  --leo-color-primitive-teal-30: rgb(125, 218, 232);
+  --leo-color-primitive-teal-40: rgb(0, 175, 195);
+  --leo-color-primitive-teal-50: rgb(7, 127, 141);
+  --leo-color-primitive-teal-60: rgb(0, 108, 120);
+  --leo-color-primitive-teal-70: rgb(0, 81, 91);
+  --leo-color-primitive-teal-80: rgb(12, 59, 66);
+  --leo-color-primitive-teal-90: rgb(8, 41, 46);
+  --leo-color-primitive-teal-100: rgb(4, 18, 21);
+  --leo-color-primitive-tor-window-1: rgb(250, 242, 255);
+  --leo-color-primitive-tor-window-10: rgb(246, 232, 255);
+  --leo-color-primitive-tor-window-20: rgb(238, 210, 255);
+  --leo-color-primitive-tor-window-30: rgb(227, 179, 255);
+  --leo-color-primitive-tor-window-40: rgb(199, 108, 246);
+  --leo-color-primitive-tor-window-50: rgb(145, 94, 174);
+  --leo-color-primitive-tor-window-60: rgb(120, 69, 147);
+  --leo-color-primitive-tor-window-70: rgb(94, 44, 120);
+  --leo-color-primitive-tor-window-80: rgb(76, 15, 103);
+  --leo-color-primitive-tor-window-90: rgb(53, 11, 73);
+  --leo-color-primitive-tor-window-100: rgb(25, 4, 35);
+  --leo-color-primitive-blue-1: rgb(238, 246, 255);
+  --leo-color-primitive-blue-10: rgb(226, 240, 255);
+  --leo-color-primitive-blue-20: rgb(199, 225, 255);
+  --leo-color-primitive-blue-30: rgb(160, 205, 255);
+  --leo-color-primitive-blue-40: rgb(57, 159, 255);
+  --leo-color-primitive-blue-50: rgb(16, 117, 201);
+  --leo-color-primitive-blue-60: rgb(0, 97, 170);
+  --leo-color-primitive-blue-70: rgb(0, 72, 130);
+  --leo-color-primitive-blue-80: rgb(11, 53, 93);
+  --leo-color-primitive-blue-90: rgb(7, 37, 66);
+  --leo-color-primitive-blue-100: rgb(3, 16, 32);
+  --leo-color-primitive-purple-1: rgb(244, 244, 255);
+  --leo-color-primitive-purple-10: rgb(236, 236, 254);
+  --leo-color-primitive-purple-20: rgb(217, 218, 255);
+  --leo-color-primitive-purple-30: rgb(195, 194, 253);
+  --leo-color-primitive-purple-40: rgb(147, 136, 255);
+  --leo-color-primitive-purple-50: rgb(112, 100, 211);
+  --leo-color-primitive-purple-60: rgb(89, 73, 185);
+  --leo-color-primitive-purple-70: rgb(68, 45, 156);
+  --leo-color-primitive-purple-80: rgb(50, 20, 132);
+  --leo-color-primitive-purple-90: rgb(35, 14, 94);
+  --leo-color-primitive-purple-100: rgb(14, 6, 47);
+  --leo-color-primitive-red-1: rgb(255, 241, 241);
+  --leo-color-primitive-red-10: rgb(255, 232, 231);
+  --leo-color-primitive-red-20: rgb(255, 209, 207);
+  --leo-color-primitive-red-30: rgb(255, 177, 176);
+  --leo-color-primitive-red-40: rgb(255, 90, 99);
+  --leo-color-primitive-red-50: rgb(225, 31, 61);
+  --leo-color-primitive-red-60: rgb(179, 0, 42);
+  --leo-color-primitive-red-70: rgb(137, 0, 30);
+  --leo-color-primitive-red-80: rgb(98, 15, 24);
+  --leo-color-primitive-red-90: rgb(70, 10, 16);
+  --leo-color-primitive-red-100: rgb(34, 4, 5);
+  --leo-color-primitive-gray-1: rgb(246, 247, 248);
+  --leo-color-primitive-gray-10: rgb(237, 238, 241);
+  --leo-color-primitive-gray-20: rgb(219, 222, 226);
+  --leo-color-primitive-gray-30: rgb(194, 201, 211);
+  --leo-color-primitive-gray-40: rgb(161, 171, 186);
+  --leo-color-primitive-gray-50: rgb(104, 116, 133);
+  --leo-color-primitive-gray-60: rgb(84, 96, 113);
+  --leo-color-primitive-gray-70: rgb(63, 72, 85);
+  --leo-color-primitive-gray-80: rgb(48, 52, 61);
+  --leo-color-primitive-gray-90: rgb(33, 36, 42);
+  --leo-color-primitive-gray-100: rgb(13, 15, 20);
+  --leo-color-primitive-primary-1: rgb(242, 245, 255);
+  --leo-color-primitive-primary-10: rgb(233, 238, 255);
+  --leo-color-primitive-primary-20: rgb(213, 220, 255);
+  --leo-color-primitive-primary-30: rgb(183, 198, 255);
+  --leo-color-primitive-primary-40: rgb(124, 145, 255);
+  --leo-color-primitive-primary-50: rgb(84, 95, 248);
+  --leo-color-primitive-primary-60: rgb(63, 57, 232);
+  --leo-color-primitive-primary-70: rgb(48, 6, 201);
+  --leo-color-primitive-primary-80: rgb(33, 22, 143);
+  --leo-color-primitive-primary-90: rgb(22, 16, 101);
+  --leo-color-primitive-primary-100: rgb(7, 7, 50);
   --leo-color-white: rgb(255, 255, 255);
   --leo-color-black: rgb(0, 0, 0);
-  --leo-color-logos-bat-1: rgb(255, 71, 36);
-  --leo-color-logos-bat-2: rgb(158, 31, 99);
-  --leo-color-logos-bat-3: rgb(102, 45, 145);
-  --leo-spacing-4: 4px;
-  --leo-spacing-8: 8px;
-  --leo-spacing-12: 12px;
-  --leo-spacing-16: 16px;
-  --leo-spacing-24: 24px;
-  --leo-spacing-32: 32px;
-  --leo-spacing-40: 40px;
-  --leo-radius-1: 1px;
-  --leo-radius-2: 2px;
-  --leo-radius-4: 3px;
-  --leo-radius-8: 8px;
-  --leo-radius-12: 8px;
-  --leo-radius-16: 16px;
-  --leo-radius-full: 100px;
-  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(66, 62, 238);
-  --leo-effect-elevation-light-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
-  --leo-effect-elevation-light-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
-  --leo-effect-elevation-light-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-  --leo-effect-elevation-light-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-light-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-  --leo-effect-elevation-dark-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-  --leo-effect-elevation-dark-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
-  --leo-effect-elevation-dark-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
-  --leo-effect-elevation-dark-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
-  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(139, 16, 198) 22%, rgb(208, 36, 128) 70%, rgb(233, 94, 60) 96%);
+  --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
   --leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
-  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(50, 47, 180) 0%, rgb(66, 62, 238) 100%);
-  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(81, 77, 224) 0%, rgb(175, 23, 104) 100%);
+  --leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
+  --leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
   --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
   --leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
   --leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
   --leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
   --leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+  --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
+  --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
+  --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  --leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
+  --leo-spacing-9xl: 160px;
+  --leo-spacing-8xl: 96px;
+  --leo-spacing-4xl: 40px;
+  --leo-spacing-3xl: 32px;
+  --leo-spacing-2xl: 24px;
+  --leo-spacing-l: 12px;
+  --leo-spacing-6xl: 64px;
+  --leo-spacing-m: 8px;
+  --leo-spacing-5xl: 48px;
+  --leo-spacing-s: 4px;
+  --leo-spacing-xl: 16px;
+  --leo-spacing-xs: 2px;
+  --leo-spacing-7xl: 80px;
+  --leo-icon-xl: 32px;
+  --leo-icon-l: 24px;
+  --leo-icon-xs: 16px;
+  --leo-icon-s: 18px;
+  --leo-icon-m: 20px;
+  --leo-radius-xs: 2px;
+  --leo-radius-full: 1000px;
+  --leo-radius-l: 12px;
+  --leo-radius-xl: 16px;
+  --leo-radius-m: 8px;
+  --leo-radius-s: 4px;
+  --leo-radius-2xs: 1px;
 }
 
 @media (prefers-color-scheme: light) {
  :root {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -781,6 +620,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-text: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-text: rgb(60, 130, 60);
+  --leo-color-systemfeedback-info-text: rgb(16, 117, 201);
+  --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
+  --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-background: rgb(226, 255, 224);
+  --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-background: rgb(253, 245, 224);
+  --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(223, 216, 255);
+  --leo-color-private-window-30: rgb(163, 128, 255);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(101, 75, 165);
+  --leo-color-private-window-60: rgb(78, 49, 138);
+  --leo-color-private-window-70: rgb(42, 13, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 207, 224);
+  --leo-color-pink-30: rgb(248, 85, 162);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(67, 10, 38);
+  --leo-color-purple-10: rgb(244, 244, 255);
+  --leo-color-purple-20: rgb(217, 218, 255);
+  --leo-color-purple-30: rgb(147, 136, 255);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(89, 73, 185);
+  --leo-color-purple-60: rgb(68, 45, 156);
+  --leo-color-purple-70: rgb(35, 14, 94);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(219, 222, 226);
+  --leo-color-divider-strong: rgb(194, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(199, 225, 255);
+  --leo-color-blue-30: rgb(57, 159, 255);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(7, 37, 66);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(238, 210, 255);
+  --leo-color-tor-window-30: rgb(199, 108, 246);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(53, 11, 73);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(104, 116, 133);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(154, 234, 248);
+  --leo-color-teal-30: rgb(0, 175, 195);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(8, 41, 46);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(219, 222, 226);
+  --leo-color-gray-30: rgb(161, 171, 186);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(33, 36, 42);
+  --leo-color-yellow-10: rgb(253, 245, 224);
+  --leo-color-yellow-20: rgb(248, 220, 144);
+  --leo-color-yellow-30: rgb(189, 150, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(117, 91, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(45, 35, 7);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
+  --leo-color-text-secondary: rgb(63, 72, 85);
+  --leo-color-text-tertiary: rgb(104, 116, 133);
+  --leo-color-text-primary: rgb(13, 15, 20);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 209, 207);
+  --leo-color-red-30: rgb(255, 90, 99);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(70, 10, 16);
+  --leo-color-green-10: rgb(226, 255, 224);
+  --leo-color-green-20: rgb(182, 240, 180);
+  --leo-color-green-30: rgb(42, 186, 50);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(25, 114, 30);
+  --leo-color-green-60: rgb(16, 86, 20);
+  --leo-color-green-70: rgb(9, 44, 9);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 211, 196);
+  --leo-color-secondary-30: rgb(255, 96, 34);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(63, 21, 6);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(213, 220, 255);
+  --leo-color-primary-30: rgb(124, 145, 255);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(22, 16, 101);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -793,121 +751,6 @@
 
 @media (prefers-color-scheme: dark) {
  :root {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -924,6 +767,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-text: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-text: rgb(42, 186, 50);
+  --leo-color-systemfeedback-info-text: rgb(57, 159, 255);
+  --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+  --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-background: rgb(9, 44, 9);
+  --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
+  --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+  --leo-color-systemfeedback-error-background: rgb(70, 10, 16);
+  --leo-color-systemfeedback-info-background: rgb(7, 37, 66);
+  --leo-color-private-window-10: rgb(19, 5, 42);
+  --leo-color-private-window-20: rgb(61, 18, 123);
+  --leo-color-private-window-30: rgb(101, 75, 165);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(163, 128, 255);
+  --leo-color-private-window-60: rgb(204, 190, 254);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(32, 4, 16);
+  --leo-color-pink-20: rgb(94, 14, 54);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(248, 85, 162);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(14, 6, 47);
+  --leo-color-purple-20: rgb(50, 20, 132);
+  --leo-color-purple-30: rgb(89, 73, 185);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(147, 136, 255);
+  --leo-color-purple-60: rgb(195, 194, 253);
+  --leo-color-purple-70: rgb(236, 236, 254);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
+  --leo-color-divider-interactive: rgb(63, 57, 232);
+  --leo-color-divider-subtle: rgb(48, 52, 61);
+  --leo-color-divider-strong: rgb(63, 72, 85);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(33, 36, 42);
+  --leo-color-container-interactive: rgb(22, 16, 101);
+  --leo-color-container-background: rgb(13, 15, 20);
+  --leo-color-blue-10: rgb(3, 16, 32);
+  --leo-color-blue-20: rgb(11, 53, 93);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(57, 159, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(0, 0, 0);
+  --leo-color-tor-window-10: rgb(25, 4, 35);
+  --leo-color-tor-window-20: rgb(76, 15, 103);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(199, 108, 246);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(161, 171, 186);
+  --leo-color-icon-interactive: rgb(124, 145, 255);
+  --leo-color-teal-10: rgb(4, 18, 21);
+  --leo-color-teal-20: rgb(12, 59, 66);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 175, 195);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(13, 15, 20);
+  --leo-color-gray-20: rgb(48, 52, 61);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(161, 171, 186);
+  --leo-color-gray-60: rgb(194, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(19, 15, 3);
+  --leo-color-yellow-20: rgb(64, 50, 9);
+  --leo-color-yellow-30: rgb(117, 91, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(189, 150, 0);
+  --leo-color-yellow-60: rgb(243, 194, 17);
+  --leo-color-yellow-70: rgb(251, 238, 202);
+  --leo-color-text-interactive: rgb(124, 145, 255);
+  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
+  --leo-color-text-secondary: rgb(219, 222, 226);
+  --leo-color-text-tertiary: rgb(161, 171, 186);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(34, 4, 5);
+  --leo-color-red-20: rgb(98, 15, 24);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(255, 90, 99);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(4, 20, 3);
+  --leo-color-green-20: rgb(18, 63, 19);
+  --leo-color-green-30: rgb(25, 114, 30);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(42, 186, 50);
+  --leo-color-green-60: rgb(148, 223, 145);
+  --leo-color-green-70: rgb(211, 251, 208);
+  --leo-color-secondary-10: rgb(30, 8, 3);
+  --leo-color-secondary-20: rgb(89, 31, 9);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(255, 96, 34);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(7, 7, 50);
+  --leo-color-primary-20: rgb(33, 22, 143);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(124, 145, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
@@ -935,121 +897,6 @@
 }
 
 [data-theme="light"] {
-  --leo-color-iconbackground-hover: rgba(19, 22, 32, 0.05);
-  --leo-color-iconbackground-active: rgba(19, 22, 32, 0.08);
-  --leo-color-icon-tint: rgba(11, 22, 65, 0.6);
-  --leo-color-frosted-glass: rgba(252, 252, 253, 0.95);
-  --leo-color-frosted-glass-divider: rgba(22, 23, 29, 0.1);
-  --leo-color-text-primary: rgb(28, 30, 38);
-  --leo-color-text-secondary: rgb(102, 109, 137);
-  --leo-color-text-tertiary: rgb(126, 133, 160);
-  --leo-color-text-interactive: rgb(66, 62, 238);
-  --leo-color-text-disabled: rgba(28, 31, 38, 0.5);
-  --leo-color-icon-default: rgb(102, 109, 137);
-  --leo-color-icon-interactive: rgb(95, 92, 241);
-  --leo-color-icon-disabled: rgba(102, 109, 137, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(245, 245, 247);
-  --leo-color-container-background: rgb(255, 255, 255);
-  --leo-color-container-highlight: rgb(240, 241, 244);
-  --leo-color-container-interactive-background: rgb(242, 241, 254);
-  --leo-color-container-disabled: rgba(63, 67, 85, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.35);
-  --leo-color-divider-subtle: rgb(232, 233, 238);
-  --leo-color-divider-strong: rgb(196, 199, 212);
-  --leo-color-divider-interactive: rgb(196, 194, 249);
-  --leo-color-systemfeedback-info-background: rgb(240, 247, 252);
-  --leo-color-systemfeedback-info-icon: rgb(15, 117, 201);
-  --leo-color-systemfeedback-error-background: rgb(253, 243, 245);
-  --leo-color-systemfeedback-error-icon: rgb(220, 29, 60);
-  --leo-color-systemfeedback-warning-background: rgb(255, 244, 216);
-  --leo-color-systemfeedback-warning-icon: rgb(226, 165, 0);
-  --leo-color-systemfeedback-success-background: rgb(232, 249, 235);
-  --leo-color-systemfeedback-success-icon: rgb(49, 128, 62);
-  --leo-color-gray-10: rgb(245, 245, 247);
-  --leo-color-gray-20: rgb(225, 226, 232);
-  --leo-color-gray-30: rgb(168, 173, 191);
-  --leo-color-gray-40: rgb(102, 109, 137);
-  --leo-color-gray-50: rgb(84, 90, 113);
-  --leo-color-gray-60: rgb(63, 67, 85);
-  --leo-color-gray-70: rgb(28, 30, 38);
-  --leo-color-primary-10: rgb(245, 244, 254);
-  --leo-color-primary-20: rgb(226, 226, 252);
-  --leo-color-primary-30: rgb(170, 168, 247);
-  --leo-color-primary-40: rgb(95, 92, 241);
-  --leo-color-primary-50: rgb(66, 62, 238);
-  --leo-color-primary-60: rgb(50, 47, 180);
-  --leo-color-primary-70: rgb(23, 21, 83);
-  --leo-color-secondary-10: rgb(253, 244, 242);
-  --leo-color-secondary-20: rgb(254, 222, 214);
-  --leo-color-secondary-30: rgb(252, 147, 120);
-  --leo-color-secondary-40: rgb(254, 89, 7);
-  --leo-color-secondary-50: rgb(178, 38, 3);
-  --leo-color-secondary-60: rgb(134, 29, 3);
-  --leo-color-secondary-70: rgb(63, 14, 1);
-  --leo-color-red-10: rgb(253, 243, 245);
-  --leo-color-red-20: rgb(251, 221, 226);
-  --leo-color-red-30: rgb(241, 149, 164);
-  --leo-color-red-40: rgb(220, 29, 60);
-  --leo-color-red-50: rgb(184, 24, 50);
-  --leo-color-red-60: rgb(138, 18, 38);
-  --leo-color-red-70: rgb(65, 9, 18);
-  --leo-color-yellow-10: rgb(255, 244, 216);
-  --leo-color-yellow-20: rgb(255, 225, 147);
-  --leo-color-yellow-30: rgb(226, 165, 0);
-  --leo-color-yellow-40: rgb(146, 106, 0);
-  --leo-color-yellow-50: rgb(120, 87, 0);
-  --leo-color-yellow-60: rgb(90, 65, 0);
-  --leo-color-yellow-70: rgb(40, 29, 0);
-  --leo-color-green-10: rgb(232, 249, 235);
-  --leo-color-green-20: rgb(194, 238, 201);
-  --leo-color-green-30: rgb(77, 198, 97);
-  --leo-color-green-40: rgb(49, 128, 62);
-  --leo-color-green-50: rgb(41, 105, 51);
-  --leo-color-green-60: rgb(31, 79, 39);
-  --leo-color-green-70: rgb(14, 35, 17);
-  --leo-color-teal-10: rgb(239, 247, 248);
-  --leo-color-teal-20: rgb(209, 232, 235);
-  --leo-color-teal-30: rgb(118, 186, 194);
-  --leo-color-teal-40: rgb(0, 124, 138);
-  --leo-color-teal-50: rgb(0, 103, 114);
-  --leo-color-teal-60: rgb(0, 77, 86);
-  --leo-color-teal-70: rgb(0, 35, 39);
-  --leo-color-blue-10: rgb(240, 247, 252);
-  --leo-color-blue-20: rgb(208, 232, 252);
-  --leo-color-blue-30: rgb(106, 182, 244);
-  --leo-color-blue-40: rgb(15, 117, 201);
-  --leo-color-blue-50: rgb(12, 95, 163);
-  --leo-color-blue-60: rgb(9, 71, 122);
-  --leo-color-blue-70: rgb(4, 32, 56);
-  --leo-color-purple-10: rgb(245, 246, 252);
-  --leo-color-purple-20: rgb(225, 227, 247);
-  --leo-color-purple-30: rgb(166, 171, 232);
-  --leo-color-purple-40: rgb(93, 101, 211);
-  --leo-color-purple-50: rgb(76, 83, 173);
-  --leo-color-purple-60: rgb(57, 62, 130);
-  --leo-color-purple-70: rgb(26, 28, 59);
-  --leo-color-pink-10: rgb(253, 243, 248);
-  --leo-color-pink-20: rgb(250, 219, 236);
-  --leo-color-pink-30: rgb(240, 146, 197);
-  --leo-color-pink-40: rgb(212, 28, 128);
-  --leo-color-pink-50: rgb(175, 23, 104);
-  --leo-color-pink-60: rgb(133, 17, 80);
-  --leo-color-pink-70: rgb(63, 8, 38);
-  --leo-color-private-window-10: rgb(245, 244, 250);
-  --leo-color-private-window-20: rgb(229, 226, 240);
-  --leo-color-private-window-30: rgb(179, 170, 211);
-  --leo-color-private-window-40: rgb(117, 102, 176);
-  --leo-color-private-window-50: rgb(97, 79, 164);
-  --leo-color-private-window-60: rgb(72, 51, 150);
-  --leo-color-private-window-70: rgb(30, 13, 94);
-  --leo-color-tor-window-10: rgb(248, 245, 250);
-  --leo-color-tor-window-20: rgb(235, 225, 240);
-  --leo-color-tor-window-30: rgb(194, 165, 209);
-  --leo-color-tor-window-40: rgb(145, 94, 173);
-  --leo-color-tor-window-50: rgb(120, 74, 145);
-  --leo-color-tor-window-60: rgb(90, 55, 108);
-  --leo-color-tor-window-70: rgb(39, 26, 47);
   --leo-color-legacy-background1: rgb(255, 255, 255);
   --leo-color-legacy-background2: rgb(248, 249, 250);
   --leo-color-legacy-text1: rgb(33, 37, 41);
@@ -1066,6 +913,125 @@
   --leo-color-legacy-disabled: rgb(218, 220, 232);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(233, 233, 244);
+  --leo-color-systemfeedback-error-text: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-text: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-text: rgb(60, 130, 60);
+  --leo-color-systemfeedback-info-text: rgb(16, 117, 201);
+  --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
+  --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-background: rgb(226, 255, 224);
+  --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-background: rgb(253, 245, 224);
+  --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
+  --leo-color-systemfeedback-error-background: rgb(255, 241, 241);
+  --leo-color-systemfeedback-info-background: rgb(238, 246, 255);
+  --leo-color-private-window-10: rgb(245, 243, 255);
+  --leo-color-private-window-20: rgb(223, 216, 255);
+  --leo-color-private-window-30: rgb(163, 128, 255);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(101, 75, 165);
+  --leo-color-private-window-60: rgb(78, 49, 138);
+  --leo-color-private-window-70: rgb(42, 13, 88);
+  --leo-color-pink-10: rgb(255, 241, 246);
+  --leo-color-pink-20: rgb(255, 207, 224);
+  --leo-color-pink-30: rgb(248, 85, 162);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(163, 37, 100);
+  --leo-color-pink-60: rgb(131, 0, 76);
+  --leo-color-pink-70: rgb(67, 10, 38);
+  --leo-color-purple-10: rgb(244, 244, 255);
+  --leo-color-purple-20: rgb(217, 218, 255);
+  --leo-color-purple-30: rgb(147, 136, 255);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(89, 73, 185);
+  --leo-color-purple-60: rgb(68, 45, 156);
+  --leo-color-purple-70: rgb(35, 14, 94);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
+  --leo-color-divider-interactive: rgb(183, 198, 255);
+  --leo-color-divider-subtle: rgb(219, 222, 226);
+  --leo-color-divider-strong: rgb(194, 201, 211);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(63, 72, 85, 0.18);
+  --leo-color-container-highlight: rgb(237, 238, 241);
+  --leo-color-container-interactive: rgb(233, 238, 255);
+  --leo-color-container-background: rgb(255, 255, 255);
+  --leo-color-blue-10: rgb(238, 246, 255);
+  --leo-color-blue-20: rgb(199, 225, 255);
+  --leo-color-blue-30: rgb(57, 159, 255);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(0, 97, 170);
+  --leo-color-blue-60: rgb(0, 72, 130);
+  --leo-color-blue-70: rgb(7, 37, 66);
+  --leo-color-page-background: rgb(246, 247, 248);
+  --leo-color-tor-window-10: rgb(250, 242, 255);
+  --leo-color-tor-window-20: rgb(238, 210, 255);
+  --leo-color-tor-window-30: rgb(199, 108, 246);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(120, 69, 147);
+  --leo-color-tor-window-60: rgb(94, 44, 120);
+  --leo-color-tor-window-70: rgb(53, 11, 73);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(104, 116, 133);
+  --leo-color-icon-interactive: rgb(63, 57, 232);
+  --leo-color-teal-10: rgb(225, 251, 255);
+  --leo-color-teal-20: rgb(154, 234, 248);
+  --leo-color-teal-30: rgb(0, 175, 195);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 108, 120);
+  --leo-color-teal-60: rgb(0, 81, 91);
+  --leo-color-teal-70: rgb(8, 41, 46);
+  --leo-color-gray-10: rgb(246, 247, 248);
+  --leo-color-gray-20: rgb(219, 222, 226);
+  --leo-color-gray-30: rgb(161, 171, 186);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(84, 96, 113);
+  --leo-color-gray-60: rgb(63, 72, 85);
+  --leo-color-gray-70: rgb(33, 36, 42);
+  --leo-color-yellow-10: rgb(253, 245, 224);
+  --leo-color-yellow-20: rgb(248, 220, 144);
+  --leo-color-yellow-30: rgb(189, 150, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(117, 91, 0);
+  --leo-color-yellow-60: rgb(93, 66, 0);
+  --leo-color-yellow-70: rgb(45, 35, 7);
+  --leo-color-text-interactive: rgb(63, 57, 232);
+  --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
+  --leo-color-text-secondary: rgb(63, 72, 85);
+  --leo-color-text-tertiary: rgb(104, 116, 133);
+  --leo-color-text-primary: rgb(13, 15, 20);
+  --leo-color-red-10: rgb(255, 241, 241);
+  --leo-color-red-20: rgb(255, 209, 207);
+  --leo-color-red-30: rgb(255, 90, 99);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(179, 0, 42);
+  --leo-color-red-60: rgb(137, 0, 30);
+  --leo-color-red-70: rgb(70, 10, 16);
+  --leo-color-green-10: rgb(226, 255, 224);
+  --leo-color-green-20: rgb(182, 240, 180);
+  --leo-color-green-30: rgb(42, 186, 50);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(25, 114, 30);
+  --leo-color-green-60: rgb(16, 86, 20);
+  --leo-color-green-70: rgb(9, 44, 9);
+  --leo-color-secondary-10: rgb(255, 242, 238);
+  --leo-color-secondary-20: rgb(255, 211, 196);
+  --leo-color-secondary-30: rgb(255, 96, 34);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(163, 53, 0);
+  --leo-color-secondary-60: rgb(124, 38, 0);
+  --leo-color-secondary-70: rgb(63, 21, 6);
+  --leo-color-primary-10: rgb(242, 245, 255);
+  --leo-color-primary-20: rgb(213, 220, 255);
+  --leo-color-primary-30: rgb(124, 145, 255);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(63, 57, 232);
+  --leo-color-primary-60: rgb(48, 6, 201);
+  --leo-color-primary-70: rgb(22, 16, 101);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
@@ -1076,121 +1042,6 @@
 }
 
 [data-theme="dark"] {
-  --leo-color-iconbackground-hover: rgba(4, 4, 6, 0.2);
-  --leo-color-iconbackground-active: rgba(4, 4, 6, 0.3);
-  --leo-color-icon-tint: rgba(177, 183, 205, 0.8);
-  --leo-color-frosted-glass: rgba(24, 26, 32, 0.95);
-  --leo-color-frosted-glass-divider: rgba(11, 12, 15, 0.65);
-  --leo-color-text-primary: rgb(237, 238, 241);
-  --leo-color-text-secondary: rgb(135, 141, 166);
-  --leo-color-text-tertiary: rgb(97, 104, 132);
-  --leo-color-text-interactive: rgb(170, 168, 247);
-  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
-  --leo-color-icon-default: rgb(135, 141, 166);
-  --leo-color-icon-interactive: rgb(135, 132, 244);
-  --leo-color-icon-disabled: rgba(135, 141, 166, 0.5);
-  --leo-color-interaction-button-primary-background: rgb(66, 62, 238);
-  --leo-color-page-background: rgb(9, 9, 12);
-  --leo-color-container-background: rgb(25, 27, 34);
-  --leo-color-container-highlight: rgb(13, 14, 18);
-  --leo-color-container-interactive-background: rgb(14, 14, 52);
-  --leo-color-container-disabled: rgba(195, 198, 211, 0.18);
-  --leo-color-modal-screen-background: rgba(17, 18, 23, 0.7);
-  --leo-color-divider-subtle: rgb(43, 46, 59);
-  --leo-color-divider-strong: rgb(59, 63, 79);
-  --leo-color-divider-interactive: rgb(55, 53, 141);
-  --leo-color-systemfeedback-info-background: rgb(5, 39, 67);
-  --leo-color-systemfeedback-info-icon: rgb(39, 149, 239);
-  --leo-color-systemfeedback-error-background: rgb(68, 9, 18);
-  --leo-color-systemfeedback-error-icon: rgb(235, 99, 122);
-  --leo-color-systemfeedback-warning-background: rgb(51, 37, 0);
-  --leo-color-systemfeedback-warning-icon: rgb(187, 136, 0);
-  --leo-color-systemfeedback-success-background: rgb(16, 41, 20);
-  --leo-color-systemfeedback-success-icon: rgb(63, 164, 80);
-  --leo-color-gray-10: rgb(17, 18, 23);
-  --leo-color-gray-20: rgb(38, 42, 51);
-  --leo-color-gray-30: rgb(84, 90, 113);
-  --leo-color-gray-40: rgb(135, 141, 166);
-  --leo-color-gray-50: rgb(168, 173, 191);
-  --leo-color-gray-60: rgb(195, 198, 211);
-  --leo-color-gray-70: rgb(237, 238, 241);
-  --leo-color-primary-10: rgb(14, 14, 52);
-  --leo-color-primary-20: rgb(35, 33, 127);
-  --leo-color-primary-30: rgb(66, 62, 238);
-  --leo-color-primary-40: rgb(135, 132, 244);
-  --leo-color-primary-50: rgb(170, 168, 247);
-  --leo-color-primary-60: rgb(197, 196, 250);
-  --leo-color-primary-70: rgb(239, 238, 254);
-  --leo-color-secondary-10: rgb(40, 9, 1);
-  --leo-color-secondary-20: rgb(95, 20, 2);
-  --leo-color-secondary-30: rgb(178, 38, 3);
-  --leo-color-secondary-40: rgb(251, 89, 48);
-  --leo-color-secondary-50: rgb(252, 147, 120);
-  --leo-color-secondary-60: rgb(253, 183, 165);
-  --leo-color-secondary-70: rgb(252, 236, 232);
-  --leo-color-red-10: rgb(42, 6, 11);
-  --leo-color-red-20: rgb(99, 13, 27);
-  --leo-color-red-30: rgb(184, 24, 50);
-  --leo-color-red-40: rgb(235, 99, 122);
-  --leo-color-red-50: rgb(241, 149, 164);
-  --leo-color-red-60: rgb(246, 184, 194);
-  --leo-color-red-70: rgb(252, 234, 237);
-  --leo-color-yellow-10: rgb(25, 18, 0);
-  --leo-color-yellow-20: rgb(63, 46, 0);
-  --leo-color-yellow-30: rgb(120, 87, 0);
-  --leo-color-yellow-40: rgb(187, 136, 0);
-  --leo-color-yellow-50: rgb(226, 165, 0);
-  --leo-color-yellow-60: rgb(254, 191, 23);
-  --leo-color-yellow-70: rgb(255, 238, 193);
-  --leo-color-green-10: rgb(8, 22, 11);
-  --leo-color-green-20: rgb(21, 55, 27);
-  --leo-color-green-30: rgb(41, 105, 51);
-  --leo-color-green-40: rgb(63, 164, 80);
-  --leo-color-green-50: rgb(77, 198, 97);
-  --leo-color-green-60: rgb(129, 220, 144);
-  --leo-color-green-70: rgb(219, 245, 223);
-  --leo-color-teal-10: rgb(0, 22, 25);
-  --leo-color-teal-20: rgb(0, 54, 60);
-  --leo-color-teal-30: rgb(0, 103, 114);
-  --leo-color-teal-40: rgb(61, 158, 168);
-  --leo-color-teal-50: rgb(118, 186, 194);
-  --leo-color-teal-60: rgb(164, 209, 214);
-  --leo-color-teal-70: rgb(227, 241, 242);
-  --leo-color-blue-10: rgb(2, 21, 35);
-  --leo-color-blue-20: rgb(6, 50, 86);
-  --leo-color-blue-30: rgb(12, 95, 163);
-  --leo-color-blue-40: rgb(39, 149, 239);
-  --leo-color-blue-50: rgb(106, 182, 244);
-  --leo-color-blue-60: rgb(155, 206, 248);
-  --leo-color-blue-70: rgb(228, 240, 249);
-  --leo-color-purple-10: rgb(16, 17, 36);
-  --leo-color-purple-20: rgb(40, 44, 90);
-  --leo-color-purple-30: rgb(76, 83, 173);
-  --leo-color-purple-40: rgb(131, 137, 223);
-  --leo-color-purple-50: rgb(166, 171, 232);
-  --leo-color-purple-60: rgb(195, 198, 240);
-  --leo-color-purple-70: rgb(237, 238, 250);
-  --leo-color-pink-10: rgb(41, 5, 25);
-  --leo-color-pink-20: rgb(95, 12, 57);
-  --leo-color-pink-30: rgb(175, 23, 105);
-  --leo-color-pink-40: rgb(232, 95, 169);
-  --leo-color-pink-50: rgb(240, 146, 197);
-  --leo-color-pink-60: rgb(245, 182, 216);
-  --leo-color-pink-70: rgb(252, 233, 243);
-  --leo-color-private-window-10: rgb(20, 9, 63);
-  --leo-color-private-window-20: rgb(49, 35, 103);
-  --leo-color-private-window-30: rgb(97, 79, 164);
-  --leo-color-private-window-40: rgb(149, 137, 194);
-  --leo-color-private-window-50: rgb(179, 170, 211);
-  --leo-color-private-window-60: rgb(216, 211, 232);
-  --leo-color-private-window-70: rgb(245, 244, 250);
-  --leo-color-tor-window-10: rgb(24, 16, 29);
-  --leo-color-tor-window-20: rgb(63, 39, 76);
-  --leo-color-tor-window-30: rgb(120, 74, 145);
-  --leo-color-tor-window-40: rgb(169, 129, 191);
-  --leo-color-tor-window-50: rgb(194, 165, 209);
-  --leo-color-tor-window-60: rgb(213, 194, 224);
-  --leo-color-tor-window-70: rgb(242, 237, 245);
   --leo-color-legacy-background1: rgb(30, 32, 41);
   --leo-color-legacy-background2: rgb(23, 23, 31);
   --leo-color-legacy-text1: rgb(240, 242, 255);
@@ -1207,6 +1058,125 @@
   --leo-color-legacy-disabled: rgb(52, 58, 64);
   --leo-color-legacy-focus-border: rgb(160, 165, 235);
   --leo-color-legacy-divider1: rgb(59, 62, 79);
+  --leo-color-systemfeedback-error-text: rgb(255, 90, 99);
+  --leo-color-systemfeedback-warning-text: rgb(189, 150, 0);
+  --leo-color-systemfeedback-success-text: rgb(42, 186, 50);
+  --leo-color-systemfeedback-info-text: rgb(57, 159, 255);
+  --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+  --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+  --leo-color-systemfeedback-success-background: rgb(9, 44, 9);
+  --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+  --leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
+  --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+  --leo-color-systemfeedback-error-background: rgb(70, 10, 16);
+  --leo-color-systemfeedback-info-background: rgb(7, 37, 66);
+  --leo-color-private-window-10: rgb(19, 5, 42);
+  --leo-color-private-window-20: rgb(61, 18, 123);
+  --leo-color-private-window-30: rgb(101, 75, 165);
+  --leo-color-private-window-40: rgb(123, 99, 191);
+  --leo-color-private-window-50: rgb(163, 128, 255);
+  --leo-color-private-window-60: rgb(204, 190, 254);
+  --leo-color-private-window-70: rgb(238, 235, 255);
+  --leo-color-pink-10: rgb(32, 4, 16);
+  --leo-color-pink-20: rgb(94, 14, 54);
+  --leo-color-pink-30: rgb(163, 37, 100);
+  --leo-color-pink-40: rgb(194, 69, 128);
+  --leo-color-pink-50: rgb(248, 85, 162);
+  --leo-color-pink-60: rgb(255, 173, 204);
+  --leo-color-pink-70: rgb(255, 231, 239);
+  --leo-color-purple-10: rgb(14, 6, 47);
+  --leo-color-purple-20: rgb(50, 20, 132);
+  --leo-color-purple-30: rgb(89, 73, 185);
+  --leo-color-purple-40: rgb(112, 100, 211);
+  --leo-color-purple-50: rgb(147, 136, 255);
+  --leo-color-purple-60: rgb(195, 194, 253);
+  --leo-color-purple-70: rgb(236, 236, 254);
+  --leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
+  --leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
+  --leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.7);
+  --leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
+  --leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
+  --leo-color-divider-interactive: rgb(63, 57, 232);
+  --leo-color-divider-subtle: rgb(48, 52, 61);
+  --leo-color-divider-strong: rgb(63, 72, 85);
+  --leo-color-button-background: rgb(63, 57, 232);
+  --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+  --leo-color-container-disabled: rgba(195, 201, 211, 0.18);
+  --leo-color-container-highlight: rgb(33, 36, 42);
+  --leo-color-container-interactive: rgb(22, 16, 101);
+  --leo-color-container-background: rgb(13, 15, 20);
+  --leo-color-blue-10: rgb(3, 16, 32);
+  --leo-color-blue-20: rgb(11, 53, 93);
+  --leo-color-blue-30: rgb(0, 97, 170);
+  --leo-color-blue-40: rgb(16, 117, 201);
+  --leo-color-blue-50: rgb(57, 159, 255);
+  --leo-color-blue-60: rgb(160, 205, 255);
+  --leo-color-blue-70: rgb(226, 240, 255);
+  --leo-color-page-background: rgb(0, 0, 0);
+  --leo-color-tor-window-10: rgb(25, 4, 35);
+  --leo-color-tor-window-20: rgb(76, 15, 103);
+  --leo-color-tor-window-30: rgb(120, 69, 147);
+  --leo-color-tor-window-40: rgb(145, 94, 174);
+  --leo-color-tor-window-50: rgb(199, 108, 246);
+  --leo-color-tor-window-60: rgb(227, 179, 255);
+  --leo-color-tor-window-70: rgb(246, 232, 255);
+  --leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
+  --leo-color-icon-default: rgb(161, 171, 186);
+  --leo-color-icon-interactive: rgb(124, 145, 255);
+  --leo-color-teal-10: rgb(4, 18, 21);
+  --leo-color-teal-20: rgb(12, 59, 66);
+  --leo-color-teal-30: rgb(0, 108, 120);
+  --leo-color-teal-40: rgb(7, 127, 141);
+  --leo-color-teal-50: rgb(0, 175, 195);
+  --leo-color-teal-60: rgb(125, 218, 232);
+  --leo-color-teal-70: rgb(209, 247, 253);
+  --leo-color-gray-10: rgb(13, 15, 20);
+  --leo-color-gray-20: rgb(48, 52, 61);
+  --leo-color-gray-30: rgb(84, 96, 113);
+  --leo-color-gray-40: rgb(104, 116, 133);
+  --leo-color-gray-50: rgb(161, 171, 186);
+  --leo-color-gray-60: rgb(194, 201, 211);
+  --leo-color-gray-70: rgb(237, 238, 241);
+  --leo-color-yellow-10: rgb(19, 15, 3);
+  --leo-color-yellow-20: rgb(64, 50, 9);
+  --leo-color-yellow-30: rgb(117, 91, 0);
+  --leo-color-yellow-40: rgb(140, 111, 3);
+  --leo-color-yellow-50: rgb(189, 150, 0);
+  --leo-color-yellow-60: rgb(243, 194, 17);
+  --leo-color-yellow-70: rgb(251, 238, 202);
+  --leo-color-text-interactive: rgb(124, 145, 255);
+  --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
+  --leo-color-text-secondary: rgb(219, 222, 226);
+  --leo-color-text-tertiary: rgb(161, 171, 186);
+  --leo-color-text-primary: rgb(246, 247, 248);
+  --leo-color-red-10: rgb(34, 4, 5);
+  --leo-color-red-20: rgb(98, 15, 24);
+  --leo-color-red-30: rgb(179, 0, 42);
+  --leo-color-red-40: rgb(225, 31, 61);
+  --leo-color-red-50: rgb(255, 90, 99);
+  --leo-color-red-60: rgb(255, 177, 176);
+  --leo-color-red-70: rgb(255, 232, 231);
+  --leo-color-green-10: rgb(4, 20, 3);
+  --leo-color-green-20: rgb(18, 63, 19);
+  --leo-color-green-30: rgb(25, 114, 30);
+  --leo-color-green-40: rgb(60, 130, 60);
+  --leo-color-green-50: rgb(42, 186, 50);
+  --leo-color-green-60: rgb(148, 223, 145);
+  --leo-color-green-70: rgb(211, 251, 208);
+  --leo-color-secondary-10: rgb(30, 8, 3);
+  --leo-color-secondary-20: rgb(89, 31, 9);
+  --leo-color-secondary-30: rgb(163, 53, 0);
+  --leo-color-secondary-40: rgb(205, 68, 0);
+  --leo-color-secondary-50: rgb(255, 96, 34);
+  --leo-color-secondary-60: rgb(255, 180, 155);
+  --leo-color-secondary-70: rgb(255, 233, 225);
+  --leo-color-primary-10: rgb(7, 7, 50);
+  --leo-color-primary-20: rgb(33, 22, 143);
+  --leo-color-primary-30: rgb(63, 57, 232);
+  --leo-color-primary-40: rgb(84, 95, 248);
+  --leo-color-primary-50: rgb(124, 145, 255);
+  --leo-color-primary-60: rgb(183, 198, 255);
+  --leo-color-primary-70: rgb(233, 238, 255);
   --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
   --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
   --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);

@fallaciousreasoning fallaciousreasoning mentioned this pull request Aug 16, 2023
Closed
petemill
petemill approved these changes Aug 17, 2023
View reviewed changes
Copy link
Copy Markdown
Member

@petemill petemill left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎆

@fallaciousreasoning fallaciousreasoning merged commit a2c6127 into main Aug 17, 2023
@fallaciousreasoning fallaciousreasoning deleted the variables branch August 17, 2023 23:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@petemill petemill petemill approved these changes

@AlanBreck AlanBreck Awaiting requested review from AlanBreck AlanBreck is a code owner

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@fallaciousreasoning @petemill @sangwoo108 @aguscruiz