@revikornmann/muka-ui 0.4.0 → 0.5.0

package/dist/styles/tokens-bouwplan-dark.css

@@ -912,33 +912,33 @@
   --color-skyDark-10: #a8eeff;
   --color-skyDark-11: #75c7f0;
   --color-skyDark-12: #c2f3ff;
-  --color-surface-sunken: #313538;
-  --color-surface-level0: #2b2f31;
-  --color-surface-level1: #26292b;
-  --color-surface-level2: #202425;
-  --color-surface-level3: #151718;
-  --color-surface-hover: #1a1d1e;
-  --color-surface-pressed: #151718;
+  --color-surface-sunken: #383830;
+  --color-surface-level0: #31312a;
+  --color-surface-level1: #2a2a24;
+  --color-surface-level2: #23231e;
+  --color-surface-level3: #161615;
+  --color-surface-hover: #1c1c19;
+  --color-surface-pressed: #161615;
   --color-surface-backdrop: rgba(0, 0, 0, 0.565);
-  --color-surface-inverse: #e9ecef;
+  --color-surface-inverse: #e9e9e8;
   --color-surface-white: #ffffff;
-  --color-icon-default-default: #e9ecef;
-  --color-icon-default-inverse: #151718;
-  --color-icon-subtle-default: #5a6169;
-  --color-icon-subtle-inverse: #202425;
-  --color-icon-muted-default: #3a3f42;
-  --color-text-default-default: #e9ecef;
-  --color-text-default-inverse: #151718;
+  --color-icon-default-default: #e9e9e8;
+  --color-icon-default-inverse: #161615;
+  --color-icon-subtle-default: #63635a;
+  --color-icon-subtle-inverse: #23231e;
+  --color-icon-muted-default: #434339;
+  --color-text-default-default: #e9e9e8;
+  --color-text-default-inverse: #161615;
   --color-text-document: #000000;
-  --color-text-subtle-default: #5a6169;
-  --color-text-subtle-inverse: #202425;
-  --color-text-muted-default: #3a3f42;
-  --color-text-action-default: #70b8ff;
-  --color-text-action-hover: #c2e6ff;
-  --color-text-action-pressed: #3b9eff;
-  --color-state-success-default: #3dd68c;
-  --color-state-success-contrast: #b1f1cb;
-  --color-state-success-background: #132d21;
+  --color-text-subtle-default: #63635a;
+  --color-text-subtle-inverse: #23231e;
+  --color-text-muted-default: #434339;
+  --color-text-action-default: #f76b15;
+  --color-text-action-hover: #ffe0c2;
+  --color-text-action-pressed: #ff801f;
+  --color-state-success-default: #58d5ba;
+  --color-state-success-contrast: #c4f5e1;
+  --color-state-success-background: #092c2b;
   --color-state-error-default: #e54d4e;
   --color-state-error-contrast: #fea6a6;
   --color-state-error-background: #3d181e;
@@ -948,30 +948,30 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ffca16;
   --color-state-warning-background: #302008;
-  --color-border-contrast: #3a3f42;
-  --color-border-default: #26292b;
-  --color-border-muted: #202425;
-  --color-border-focus: #70b8ff;
-  --color-action-default: #70b8ff;
-  --color-action-hover: #c2e6ff;
-  --color-action-pressed: #3b9eff;
-  --color-action-muted: #104d87;
-  --color-action-inverse-default: #0d1520;
-  --color-action-inverse-hover: #111927;
-  --color-action-inverse-pressed: #111927;
-  --color-action-inverse-muted: #0d2847;
-  --alias-color-neutral-1: #151718;
-  --alias-color-neutral-2: #1a1d1e;
-  --alias-color-neutral-3: #202425;
-  --alias-color-neutral-4: #26292b;
-  --alias-color-neutral-5: #2b2f31;
-  --alias-color-neutral-6: #313538;
-  --alias-color-neutral-7: #3a3f42;
-  --alias-color-neutral-8: #4c5155;
-  --alias-color-neutral-9: #5a6169;
-  --alias-color-neutral-10: #69717d;
-  --alias-color-neutral-11: #9ba1ab;
-  --alias-color-neutral-12: #e9ecef;
+  --color-border-contrast: #434339;
+  --color-border-default: #2a2a24;
+  --color-border-muted: #23231e;
+  --color-border-focus: #f76b15;
+  --color-action-default: #f76b15;
+  --color-action-hover: #ffe0c2;
+  --color-action-pressed: #ff801f;
+  --color-action-muted: #7e451d;
+  --color-action-inverse-default: #17120e;
+  --color-action-inverse-hover: #1e160f;
+  --color-action-inverse-pressed: #1e160f;
+  --color-action-inverse-muted: #331e0b;
+  --alias-color-neutral-1: #161615;
+  --alias-color-neutral-2: #1c1c19;
+  --alias-color-neutral-3: #23231e;
+  --alias-color-neutral-4: #2a2a24;
+  --alias-color-neutral-5: #31312a;
+  --alias-color-neutral-6: #383830;
+  --alias-color-neutral-7: #434339;
+  --alias-color-neutral-8: #54544a;
+  --alias-color-neutral-9: #63635a;
+  --alias-color-neutral-10: #73736a;
+  --alias-color-neutral-11: #a4a499;
+  --alias-color-neutral-12: #e9e9e8;
   --alias-color-neutral-alpha-1: rgba(0, 0, 0, 0.090);
   --alias-color-neutral-alpha-2: rgba(0, 0, 0, 0.220);
   --alias-color-neutral-alpha-3: rgba(0, 0, 0, 0.439);
@@ -981,32 +981,32 @@
   --alias-color-neutral-alpha-7: rgba(0, 0, 0, 0.565);
   --alias-color-neutral-alpha-8: rgba(0, 0, 0, 0.910);
   --alias-color-neutral-alpha-9: rgba(0, 0, 0, 0.910);
-  --alias-color-brand-primary-regular: #70b8ff;
-  --alias-color-brand-primary-contrast: #c2e6ff;
-  --alias-color-brand-primary-muted: #0d2847;
-  --alias-color-brand-secondary-regular: #11809c;
-  --alias-color-brand-secondary-contrast: #4ccce6;
-  --alias-color-brand-secondary-muted: #082c36;
-  --alias-color-brand-default-deprecated: #0090ff;
-  --alias-color-brand-contrast-deprecated: #c2e6ff;
-  --alias-color-brand-muted-deprecated: #004074;
-  --alias-color-accent-default: #70b8ff;
-  --alias-color-accent-hover: #c2e6ff;
-  --alias-color-accent-pressed: #3b9eff;
-  --alias-color-accent-contrast: #c2e6ff;
-  --alias-color-accent-muted: #104d87;
-  --alias-color-accent-inverse-default: #0d1520;
-  --alias-color-accent-inverse-hover: #111927;
-  --alias-color-accent-inverse-pressed: #111927;
-  --alias-color-accent-inverse-contrast: #111927;
-  --alias-color-accent-inverse-muted: #0d2847;
-  --alias-color-state-success-contrast: #b1f1cb;
-  --alias-color-state-success-default: #3dd68c;
-  --alias-color-state-success-muted: #132d21;
-  --alias-color-state-success-surface-level0: #121b17;
-  --alias-color-state-success-surface-level1: #132d21;
-  --alias-color-state-success-surface-level2: #113b29;
-  --alias-color-state-success-surface-level3: #174933;
+  --alias-color-brand-primary-regular: #f76b15;
+  --alias-color-brand-primary-contrast: #ffe0c2;
+  --alias-color-brand-primary-muted: #331e0b;
+  --alias-color-brand-secondary-regular: #a35829;
+  --alias-color-brand-secondary-contrast: #ff801f;
+  --alias-color-brand-secondary-muted: #331e0b;
+  --alias-color-brand-default-deprecated: #f76b15;
+  --alias-color-brand-contrast-deprecated: #ffe0c2;
+  --alias-color-brand-muted-deprecated: #462100;
+  --alias-color-accent-default: #f76b15;
+  --alias-color-accent-hover: #ffe0c2;
+  --alias-color-accent-pressed: #ff801f;
+  --alias-color-accent-contrast: #ffe0c2;
+  --alias-color-accent-muted: #7e451d;
+  --alias-color-accent-inverse-default: #17120e;
+  --alias-color-accent-inverse-hover: #1e160f;
+  --alias-color-accent-inverse-pressed: #1e160f;
+  --alias-color-accent-inverse-contrast: #1e160f;
+  --alias-color-accent-inverse-muted: #331e0b;
+  --alias-color-state-success-contrast: #c4f5e1;
+  --alias-color-state-success-default: #58d5ba;
+  --alias-color-state-success-muted: #092c2b;
+  --alias-color-state-success-surface-level0: #0f1b1b;
+  --alias-color-state-success-surface-level1: #092c2b;
+  --alias-color-state-success-surface-level2: #003a38;
+  --alias-color-state-success-surface-level3: #004744;
   --alias-color-state-warning-contrast: #ffca16;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #302008;
@@ -1028,23 +1028,23 @@
   --alias-color-state-info-surface-level1: #112840;
   --alias-color-state-info-surface-level2: #113555;
   --alias-color-state-info-surface-level3: #154467;
-  --alias-color-state-neutral-contrast: #9ba1ab;
-  --alias-color-state-neutral-default: #5a6169;
-  --alias-color-state-neutral-muted: #202425;
-  --alias-color-state-neutral-surface-level0: #1a1d1e;
-  --alias-color-state-neutral-surface-level1: #202425;
-  --alias-color-state-neutral-surface-level2: #26292b;
-  --alias-color-state-neutral-surface-level3: #2b2f31;
-  --alias-font-plain-family: Manrope;
+  --alias-color-state-neutral-contrast: #a4a499;
+  --alias-color-state-neutral-default: #63635a;
+  --alias-color-state-neutral-muted: #23231e;
+  --alias-color-state-neutral-surface-level0: #1c1c19;
+  --alias-color-state-neutral-surface-level1: #23231e;
+  --alias-color-state-neutral-surface-level2: #2a2a24;
+  --alias-color-state-neutral-surface-level3: #31312a;
+  --alias-font-plain-family: Red Hat Text;
   --alias-font-plain-weight-regular: 400;
-  --alias-font-plain-weight-medium: 500;
-  --alias-font-plain-weight-semibold: 600;
-  --alias-font-plain-weight-bold: 700;
-  --alias-font-mono-family: JetBrains Mono;
+  --alias-font-plain-weight-medium: 400;
+  --alias-font-plain-weight-semibold: 500;
+  --alias-font-plain-weight-bold: 600;
+  --alias-font-mono-family: Menlo;
   --alias-font-mono-weight-regular: Regular;
   --alias-font-mono-weight-bold: Bold;
   --alias-font-script-family: Yesteryear;
-  --alias-font-brand-family: Manrope;
+  --alias-font-brand-family: Red Hat Display;
   --alias-font-brand-weight-regular: 400;
   --alias-font-brand-weight-medium: 500;
   --alias-font-brand-weight-semibold: 600;
@@ -1072,185 +1072,185 @@
   --border-radius-full: 999rem;
   --border-width-regular: 0.0625rem;
   --border-width-bold: 0.125rem;
-  --text-heading-xl-fontFamily: Manrope;
+  --text-heading-xl-fontFamily: Red Hat Display;
   --text-heading-xl-fontWeight: 600;
   --text-heading-xl-fontSize: 2.5rem;
   --text-heading-xl-lineHeight: 3rem;
   --text-heading-xl-letterSpacing: 0;
-  --text-heading-lg-fontFamily: Manrope;
+  --text-heading-lg-fontFamily: Red Hat Display;
   --text-heading-lg-fontWeight: 600;
   --text-heading-lg-fontSize: 2rem;
   --text-heading-lg-lineHeight: 2.5rem;
   --text-heading-lg-letterSpacing: 0;
-  --text-heading-md-fontFamily: Manrope;
+  --text-heading-md-fontFamily: Red Hat Display;
   --text-heading-md-fontWeight: 600;
   --text-heading-md-fontSize: 1.5rem;
   --text-heading-md-lineHeight: 2rem;
   --text-heading-md-letterSpacing: 0;
-  --text-heading-sm-fontFamily: Manrope;
+  --text-heading-sm-fontFamily: Red Hat Display;
   --text-heading-sm-fontWeight: 600;
   --text-heading-sm-fontSize: 1.25rem;
   --text-heading-sm-lineHeight: 1.5rem;
   --text-heading-sm-letterSpacing: 0;
-  --text-heading-xs-fontFamily: Manrope;
+  --text-heading-xs-fontFamily: Red Hat Display;
   --text-heading-xs-fontWeight: 500;
   --text-heading-xs-fontSize: 1.125rem;
   --text-heading-xs-lineHeight: 1.25rem;
   --text-heading-xs-letterSpacing: 0;
-  --text-heading-overline-fontFamily: Manrope;
+  --text-heading-overline-fontFamily: Red Hat Display;
   --text-heading-overline-fontWeight: 600;
   --text-heading-overline-fontSize: 1rem;
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
-  --text-label-sm-regular-fontFamily: Manrope;
+  --text-label-sm-regular-fontFamily: Red Hat Text;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
   --text-label-sm-regular-lineHeight: 0.875rem;
-  --text-label-sm-semibold-fontFamily: Manrope;
-  --text-label-sm-semibold-fontWeight: 600;
+  --text-label-sm-semibold-fontFamily: Red Hat Text;
+  --text-label-sm-semibold-fontWeight: 500;
   --text-label-sm-semibold-fontSize: 0.875rem;
   --text-label-sm-semibold-lineHeight: 0.875rem;
-  --text-label-sm-bold-fontFamily: Manrope;
-  --text-label-sm-bold-fontWeight: 700;
+  --text-label-sm-bold-fontFamily: Red Hat Text;
+  --text-label-sm-bold-fontWeight: 600;
   --text-label-sm-bold-fontSize: 0.875rem;
   --text-label-sm-bold-lineHeight: 0.875rem;
-  --text-label-md-regular-fontFamily: Manrope;
+  --text-label-md-regular-fontFamily: Red Hat Text;
   --text-label-md-regular-fontWeight: 400;
   --text-label-md-regular-fontSize: 1rem;
   --text-label-md-regular-lineHeight: 1rem;
-  --text-label-md-semibold-fontFamily: Manrope;
-  --text-label-md-semibold-fontWeight: 600;
+  --text-label-md-semibold-fontFamily: Red Hat Text;
+  --text-label-md-semibold-fontWeight: 500;
   --text-label-md-semibold-fontSize: 1rem;
   --text-label-md-semibold-lineHeight: 1rem;
-  --text-label-md-bold-fontFamily: Manrope;
-  --text-label-md-bold-fontWeight: 700;
+  --text-label-md-bold-fontFamily: Red Hat Text;
+  --text-label-md-bold-fontWeight: 600;
   --text-label-md-bold-fontSize: 1rem;
   --text-label-md-bold-lineHeight: 1rem;
-  --text-label-lg-regular-fontFamily: Manrope;
+  --text-label-lg-regular-fontFamily: Red Hat Text;
   --text-label-lg-regular-fontWeight: 400;
   --text-label-lg-regular-fontSize: 1.125rem;
   --text-label-lg-regular-lineHeight: 1.125rem;
-  --text-label-lg-semibold-fontFamily: Manrope;
-  --text-label-lg-semibold-fontWeight: 600;
+  --text-label-lg-semibold-fontFamily: Red Hat Text;
+  --text-label-lg-semibold-fontWeight: 500;
   --text-label-lg-semibold-fontSize: 1.125rem;
   --text-label-lg-semibold-lineHeight: 1.125rem;
-  --text-label-lg-bold-fontFamily: Manrope;
-  --text-label-lg-bold-fontWeight: 700;
+  --text-label-lg-bold-fontFamily: Red Hat Text;
+  --text-label-lg-bold-fontWeight: 600;
   --text-label-lg-bold-fontSize: 1.125rem;
   --text-label-lg-bold-lineHeight: 1.125rem;
-  --text-label-xl-regular-fontFamily: Manrope;
+  --text-label-xl-regular-fontFamily: Red Hat Text;
   --text-label-xl-regular-fontWeight: 400;
   --text-label-xl-regular-fontSize: 1.25rem;
   --text-label-xl-regular-lineHeight: 1.25rem;
-  --text-label-xl-semibold-fontFamily: Manrope;
-  --text-label-xl-semibold-fontWeight: 600;
+  --text-label-xl-semibold-fontFamily: Red Hat Text;
+  --text-label-xl-semibold-fontWeight: 500;
   --text-label-xl-semibold-fontSize: 1.25rem;
   --text-label-xl-semibold-lineHeight: 1.25rem;
-  --text-label-xl-bold-fontFamily: Manrope;
-  --text-label-xl-bold-fontWeight: 700;
+  --text-label-xl-bold-fontFamily: Red Hat Text;
+  --text-label-xl-bold-fontWeight: 600;
   --text-label-xl-bold-fontSize: 1.25rem;
   --text-label-xl-bold-lineHeight: 1.25rem;
-  --text-label-2xl-regular-fontFamily: Manrope;
+  --text-label-2xl-regular-fontFamily: Red Hat Text;
   --text-label-2xl-regular-fontWeight: 400;
   --text-label-2xl-regular-fontSize: 1.5rem;
   --text-label-2xl-regular-lineHeight: 1.5rem;
-  --text-label-2xl-semibold-fontFamily: Manrope;
-  --text-label-2xl-semibold-fontWeight: 600;
+  --text-label-2xl-semibold-fontFamily: Red Hat Text;
+  --text-label-2xl-semibold-fontWeight: 500;
   --text-label-2xl-semibold-fontSize: 1.5rem;
   --text-label-2xl-semibold-lineHeight: 1.5rem;
-  --text-label-2xl-bold-fontFamily: Manrope;
-  --text-label-2xl-bold-fontWeight: 700;
+  --text-label-2xl-bold-fontFamily: Red Hat Text;
+  --text-label-2xl-bold-fontWeight: 600;
   --text-label-2xl-bold-fontSize: 1.5rem;
   --text-label-2xl-bold-lineHeight: 1.5rem;
-  --text-subheading-xl-fontFamily: Manrope;
+  --text-subheading-xl-fontFamily: Red Hat Text;
   --text-subheading-xl-fontSize: 2rem;
   --text-subheading-xl-lineHeight: 2.5rem;
   --text-subheading-xl-paragraphSpacing: 1rem;
   --text-subheading-xl-fontWeight: 400;
-  --text-subheading-lg-fontFamily: Manrope;
+  --text-subheading-lg-fontFamily: Red Hat Text;
   --text-subheading-lg-fontWeight: 400;
   --text-subheading-lg-fontSize: 1.25rem;
   --text-subheading-lg-lineHeight: 1.5rem;
   --text-subheading-lg-paragraphSpacing: 0.75rem;
-  --text-subheading-md-fontFamily: Manrope;
+  --text-subheading-md-fontFamily: Red Hat Text;
   --text-subheading-md-fontWeight: 400;
   --text-subheading-md-fontSize: 1.125rem;
   --text-subheading-md-lineHeight: 1.25rem;
   --text-subheading-md-paragraphSpacing: 0.5rem;
-  --text-subheading-sm-fontFamily: Manrope;
+  --text-subheading-sm-fontFamily: Red Hat Text;
   --text-subheading-sm-fontWeight: 400;
   --text-subheading-sm-fontSize: 1rem;
   --text-subheading-sm-lineHeight: 1.125rem;
-  --text-body-xs-regular-fontFamily: Manrope;
+  --text-body-xs-regular-fontFamily: Red Hat Text;
   --text-body-xs-regular-fontWeight: 400;
   --text-body-xs-regular-fontSize: 0.75rem;
   --text-body-xs-regular-lineHeight: 1.125rem;
   --text-body-xs-regular-paragraphSpacing: 0.5rem;
-  --text-body-xs-bold-fontFamily: Manrope;
-  --text-body-xs-bold-fontWeight: 700;
+  --text-body-xs-bold-fontFamily: Red Hat Text;
+  --text-body-xs-bold-fontWeight: 600;
   --text-body-xs-bold-fontSize: 0.75rem;
   --text-body-xs-bold-lineHeight: 1.125rem;
   --text-body-xs-bold-paragraphSpacing: 0.5rem;
-  --text-body-sm-regular-fontFamily: Manrope;
+  --text-body-sm-regular-fontFamily: Red Hat Text;
   --text-body-sm-regular-fontWeight: 400;
   --text-body-sm-regular-fontSize: 0.875rem;
   --text-body-sm-regular-lineHeight: 1.25rem;
   --text-body-sm-regular-paragraphSpacing: 0.25rem;
-  --text-body-sm-bold-fontFamily: Manrope;
-  --text-body-sm-bold-fontWeight: 700;
+  --text-body-sm-bold-fontFamily: Red Hat Text;
+  --text-body-sm-bold-fontWeight: 600;
   --text-body-sm-bold-fontSize: 0.875rem;
   --text-body-sm-bold-lineHeight: 1.25rem;
   --text-body-sm-bold-paragraphSpacing: 0.25rem;
-  --text-body-base-regular-fontFamily: Manrope;
+  --text-body-base-regular-fontFamily: Red Hat Text;
   --text-body-base-regular-fontWeight: 400;
   --text-body-base-regular-fontSize: 1rem;
   --text-body-base-regular-lineHeight: 1.5rem;
   --text-body-base-regular-paragraphSpacing: 0.5rem;
-  --text-body-base-bold-fontFamily: Manrope;
-  --text-body-base-bold-fontWeight: 700;
+  --text-body-base-bold-fontFamily: Red Hat Text;
+  --text-body-base-bold-fontWeight: 600;
   --text-body-base-bold-fontSize: 1rem;
   --text-body-base-bold-lineHeight: 1.5rem;
   --text-body-base-bold-paragraphSpacing: 0.5rem;
-  --text-body-lg-regular-fontFamily: Manrope;
+  --text-body-lg-regular-fontFamily: Red Hat Text;
   --text-body-lg-regular-fontWeight: 400;
   --text-body-lg-regular-fontSize: 1.125rem;
   --text-body-lg-regular-lineHeight: 2rem;
   --text-body-lg-regular-paragraphSpacing: 0.75rem;
-  --text-body-lg-bold-fontFamily: Manrope;
-  --text-body-lg-bold-fontWeight: 700;
+  --text-body-lg-bold-fontFamily: Red Hat Text;
+  --text-body-lg-bold-fontWeight: 600;
   --text-body-lg-bold-fontSize: 1.125rem;
   --text-body-lg-bold-lineHeight: 2rem;
   --text-body-lg-bold-paragraphSpacing: 0.75rem;
-  --text-body-xl-regular-fontFamily: Manrope;
+  --text-body-xl-regular-fontFamily: Red Hat Text;
   --text-body-xl-regular-fontWeight: 400;
   --text-body-xl-regular-fontSize: 1.25rem;
   --text-body-xl-regular-lineHeight: 2.5rem;
   --text-body-xl-regular-paragraphSpacing: 1rem;
-  --text-body-xl-bold-fontFamily: Manrope;
-  --text-body-xl-bold-fontWeight: 700;
+  --text-body-xl-bold-fontFamily: Red Hat Text;
+  --text-body-xl-bold-fontWeight: 600;
   --text-body-xl-bold-fontSize: 1.25rem;
   --text-body-xl-bold-lineHeight: 2.5rem;
   --text-body-xl-bold-paragraphSpacing: 1rem;
-  --text-body-2xl-regular-fontFamily: Manrope;
+  --text-body-2xl-regular-fontFamily: Red Hat Text;
   --text-body-2xl-regular-fontWeight: 400;
   --text-body-2xl-regular-fontSize: 1.5rem;
   --text-body-2xl-regular-lineHeight: 3rem;
   --text-body-2xl-regular-paragraphSpacing: 1rem;
-  --text-body-2xl-bold-fontFamily: Manrope;
-  --text-body-2xl-bold-fontWeight: 700;
+  --text-body-2xl-bold-fontFamily: Red Hat Text;
+  --text-body-2xl-bold-fontWeight: 600;
   --text-body-2xl-bold-fontSize: 1.5rem;
   --text-body-2xl-bold-lineHeight: 3rem;
   --text-body-2xl-bold-paragraphSpacing: 1rem;
-  --text-input-sm-fontFamily: Manrope;
+  --text-input-sm-fontFamily: Red Hat Text;
   --text-input-sm-fontWeight: 400;
   --text-input-sm-fontSize: 0.875rem;
   --text-input-sm-lineHeight: 0.875rem;
-  --text-input-md-fontFamily: Manrope;
+  --text-input-md-fontFamily: Red Hat Text;
   --text-input-md-fontWeight: 400;
   --text-input-md-fontSize: 1rem;
   --text-input-md-lineHeight: 1rem;
-  --text-input-lg-fontFamily: Manrope;
+  --text-input-lg-fontFamily: Red Hat Text;
   --text-input-lg-fontWeight: 400;
   --text-input-lg-fontSize: 1.125rem;
   --text-input-lg-lineHeight: 1.125rem;
@@ -1262,26 +1262,26 @@
   --shadow-level6: 0 48px 96px 0 rgba(0, 0, 0, 0.220), inset 0 0 1px 0 rgba(0, 0, 0, 0.220);
   --shadow-bevel: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
   --shadow-sunken: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.090), inset 0px 2px 4px 0px rgba(0, 0, 0, 0.090);
-  --button-color-primary-background-default: #70b8ff;
-  --button-color-primary-background-hover: #c2e6ff;
-  --button-color-primary-background-pressed: #3b9eff;
-  --button-color-primary-background-disabled: #104d87;
-  --button-color-primary-foreground-default: #0d1520;
-  --button-color-primary-foreground-hover: #111927;
-  --button-color-primary-foreground-pressed: #111927;
-  --button-color-primary-foreground-disabled: #0d2847;
+  --button-color-primary-background-default: #f76b15;
+  --button-color-primary-background-hover: #ffe0c2;
+  --button-color-primary-background-pressed: #ff801f;
+  --button-color-primary-background-disabled: #7e451d;
+  --button-color-primary-foreground-default: #17120e;
+  --button-color-primary-foreground-hover: #1e160f;
+  --button-color-primary-foreground-pressed: #1e160f;
+  --button-color-primary-foreground-disabled: #331e0b;
   --button-color-primary-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
   --button-color-primary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
   --button-color-primary-shadow-pressed: none;
   --button-color-primary-shadow-disabled: none;
-  --button-color-secondary-background-default: #202425;
-  --button-color-secondary-background-hover: #202425;
-  --button-color-secondary-background-pressed: #26292b;
-  --button-color-secondary-background-disabled: #26292b;
-  --button-color-secondary-foreground-default: #e9ecef;
-  --button-color-secondary-foreground-hover: #c2e6ff;
-  --button-color-secondary-foreground-pressed: #3b9eff;
-  --button-color-secondary-foreground-disabled: #3a3f42;
+  --button-color-secondary-background-default: #23231e;
+  --button-color-secondary-background-hover: #23231e;
+  --button-color-secondary-background-pressed: #2a2a24;
+  --button-color-secondary-background-disabled: #2a2a24;
+  --button-color-secondary-foreground-default: #e9e9e8;
+  --button-color-secondary-foreground-hover: #ffe0c2;
+  --button-color-secondary-foreground-pressed: #ff801f;
+  --button-color-secondary-foreground-disabled: #434339;
   --button-color-secondary-shadow-default: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
   --button-color-secondary-shadow-hover: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.090);
   --button-color-secondary-shadow-pressed: none;
@@ -1290,26 +1290,26 @@
   --button-color-ghost-background-hover: transparent;
   --button-color-ghost-background-pressed: transparent;
   --button-color-ghost-background-disabled: transparent;
-  --button-color-ghost-foreground-default: #e9ecef;
-  --button-color-ghost-foreground-hover: #e9ecef;
-  --button-color-ghost-foreground-pressed: #e9ecef;
-  --button-color-ghost-foreground-disabled: #5a6169;
+  --button-color-ghost-foreground-default: #e9e9e8;
+  --button-color-ghost-foreground-hover: #e9e9e8;
+  --button-color-ghost-foreground-pressed: #e9e9e8;
+  --button-color-ghost-foreground-disabled: #63635a;
   --button-color-ghost-border-default: transparent;
-  --button-color-ghost-border-hover: #26292b;
-  --button-color-ghost-border-pressed: #26292b;
+  --button-color-ghost-border-hover: #2a2a24;
+  --button-color-ghost-border-pressed: #2a2a24;
   --button-color-ghost-border-disabled: transparent;
-  --button-color-tertiary-background-default: #151718;
-  --button-color-tertiary-background-hover: #151718;
-  --button-color-tertiary-background-pressed: #202425;
-  --button-color-tertiary-background-disabled: #151718;
-  --button-color-tertiary-foreground-default: #70b8ff;
-  --button-color-tertiary-foreground-hover: #c2e6ff;
-  --button-color-tertiary-foreground-pressed: #3b9eff;
-  --button-color-tertiary-foreground-disabled: #3a3f42;
-  --button-color-tertiary-border-default: #26292b;
-  --button-color-tertiary-border-hover: #3a3f42;
-  --button-color-tertiary-border-pressed: #3a3f42;
-  --button-color-tertiary-border-disabled: #26292b;
+  --button-color-tertiary-background-default: #161615;
+  --button-color-tertiary-background-hover: #161615;
+  --button-color-tertiary-background-pressed: #23231e;
+  --button-color-tertiary-background-disabled: #161615;
+  --button-color-tertiary-foreground-default: #f76b15;
+  --button-color-tertiary-foreground-hover: #ffe0c2;
+  --button-color-tertiary-foreground-pressed: #ff801f;
+  --button-color-tertiary-foreground-disabled: #434339;
+  --button-color-tertiary-border-default: #2a2a24;
+  --button-color-tertiary-border-hover: #434339;
+  --button-color-tertiary-border-pressed: #434339;
+  --button-color-tertiary-border-disabled: #2a2a24;
   --button-radius-sm: 0.75rem;
   --button-radius-md: 0.75rem;
   --button-radius-lg: 0.75rem;
@@ -1326,18 +1326,18 @@
   --button-icon-md: 1.25rem;
   --button-icon-lg: 1.5rem;
   --button-icon-xl: 2rem;
-  --card-color-default-background: #151718;
-  --card-color-default-foreground: #e9ecef;
-  --card-color-default-border: #26292b;
-  --card-color-hover-background: #202425;
-  --card-color-hover-foreground: #e9ecef;
-  --card-color-hover-border: #3a3f42;
-  --card-color-pressed-background: #26292b;
-  --card-color-pressed-foreground: #e9ecef;
-  --card-color-pressed-border: #70b8ff;
-  --card-color-selected-background: #202425;
-  --card-color-selected-foreground: #e9ecef;
-  --card-color-selected-border: #70b8ff;
+  --card-color-default-background: #161615;
+  --card-color-default-foreground: #e9e9e8;
+  --card-color-default-border: #2a2a24;
+  --card-color-hover-background: #23231e;
+  --card-color-hover-foreground: #e9e9e8;
+  --card-color-hover-border: #434339;
+  --card-color-pressed-background: #2a2a24;
+  --card-color-pressed-foreground: #e9e9e8;
+  --card-color-pressed-border: #f76b15;
+  --card-color-selected-background: #23231e;
+  --card-color-selected-foreground: #e9e9e8;
+  --card-color-selected-border: #f76b15;
   --card-radius-sm: 0.1875rem;
   --card-radius-md: 0.375rem;
   --card-radius-lg: 0.75rem;
@@ -1348,33 +1348,33 @@
   --card-shadow-hover: 0 0 1px 0 rgba(0, 0, 0, 0.090), 0 8px 16px 0 rgba(0, 0, 0, 0.090);
   --card-shadow-pressed: 0 0 1px 0 rgba(0, 0, 0, 0.090), 0 2px 4px 0 rgba(0, 0, 0, 0.090);
   --card-shadow-selected: 0px 0px 1px 0px rgba(0, 0, 0, 0.090), 0px 2px 4px 0px rgba(0, 0, 0, 0.090);
-  --card-border-default: 0.0625rem solid #26292b;
-  --card-border-hover: 0.0625rem solid #3a3f42;
-  --card-border-pressed: 0.125rem solid #70b8ff;
-  --card-border-selected: 0.125rem solid #70b8ff;
-  --input-field-color-default-background: #151718;
-  --input-field-color-default-foreground: #e9ecef;
-  --input-field-color-default-border: #3a3f42;
-  --input-field-color-hover-background: #151718;
-  --input-field-color-hover-foreground: #e9ecef;
-  --input-field-color-hover-border: #3a3f42;
-  --input-field-color-focus-background: #151718;
-  --input-field-color-focus-foreground: #e9ecef;
-  --input-field-color-focus-border: #70b8ff;
-  --input-field-color-error-background: #151718;
-  --input-field-color-error-foreground: #e9ecef;
+  --card-border-default: 0.0625rem solid #2a2a24;
+  --card-border-hover: 0.0625rem solid #434339;
+  --card-border-pressed: 0.125rem solid #f76b15;
+  --card-border-selected: 0.125rem solid #f76b15;
+  --input-field-color-default-background: #161615;
+  --input-field-color-default-foreground: #e9e9e8;
+  --input-field-color-default-border: #434339;
+  --input-field-color-hover-background: #161615;
+  --input-field-color-hover-foreground: #e9e9e8;
+  --input-field-color-hover-border: #434339;
+  --input-field-color-focus-background: #161615;
+  --input-field-color-focus-foreground: #e9e9e8;
+  --input-field-color-focus-border: #f76b15;
+  --input-field-color-error-background: #161615;
+  --input-field-color-error-foreground: #e9e9e8;
   --input-field-color-error-border: #fea6a6;
-  --input-field-color-disabled-background: #26292b;
-  --input-field-color-disabled-foreground: #5a6169;
-  --input-field-color-disabled-border: #26292b;
+  --input-field-color-disabled-background: #2a2a24;
+  --input-field-color-disabled-foreground: #63635a;
+  --input-field-color-disabled-border: #2a2a24;
   --input-field-radius-sm: 0.1875rem;
   --input-field-radius-md: 0.375rem;
   --input-field-radius-lg: 0.75rem;
   --input-field-padding-x: 0.75rem;
   --input-field-padding-y: 0.5rem;
-  --input-field-border-default: 0.125rem solid #3a3f42;
-  --input-field-border-hover: 0.0625rem solid #3a3f42;
-  --input-field-border-focused: 0.125rem solid #70b8ff;
+  --input-field-border-default: 0.125rem solid #434339;
+  --input-field-border-hover: 0.0625rem solid #434339;
+  --input-field-border-focused: 0.125rem solid #f76b15;
   --input-field-height-sm: 2rem;
   --input-field-height-default: 2.5rem;
   --input-field-height-lg: 3rem;
@@ -1384,18 +1384,18 @@
   --input-control-height-sm: 1.25rem;
   --input-control-height-default: 1.5rem;
   --input-control-height-lg: 2rem;
-  --input-control-color-default-background: #151718;
-  --input-control-color-default-foreground: #70b8ff;
-  --input-control-color-default-border: #26292b;
-  --input-control-color-hover-background: #202425;
-  --input-control-color-hover-foreground: #c2e6ff;
-  --input-control-color-hover-border: #3a3f42;
-  --input-control-color-pressed-background: #26292b;
-  --input-control-color-pressed-foreground: #3b9eff;
-  --input-control-color-pressed-border: #70b8ff;
-  --input-control-color-disabled-background: #26292b;
-  --input-control-color-disabled-foreground: #26292b;
-  --input-control-color-disabled-border: #26292b;
+  --input-control-color-default-background: #161615;
+  --input-control-color-default-foreground: #f76b15;
+  --input-control-color-default-border: #2a2a24;
+  --input-control-color-hover-background: #23231e;
+  --input-control-color-hover-foreground: #ffe0c2;
+  --input-control-color-hover-border: #434339;
+  --input-control-color-pressed-background: #2a2a24;
+  --input-control-color-pressed-foreground: #ff801f;
+  --input-control-color-pressed-border: #f76b15;
+  --input-control-color-disabled-background: #2a2a24;
+  --input-control-color-disabled-foreground: #2a2a24;
+  --input-control-color-disabled-border: #2a2a24;
   --input-label-height-sm: 1.5rem;
   --input-label-height-default: 2rem;
   --input-label-height-lg: 2.5rem;
@@ -1418,18 +1418,18 @@
   --chip-padding-trailing-sm: 2px;
   --chip-padding-trailing-md: 0.25rem;
   --chip-padding-trailing-lg: 0.25rem;
-  --chip-dismiss-default-background-default: #202425;
-  --chip-dismiss-default-background-hover: #26292b;
-  --chip-dismiss-default-background-pressed: #2b2f31;
-  --chip-dismiss-default-foreground-default: #9ba1ab;
-  --chip-dismiss-default-foreground-hover: #9ba1ab;
-  --chip-dismiss-default-foreground-pressed: #9ba1ab;
-  --chip-dismiss-success-background-default: #132d21;
-  --chip-dismiss-success-background-hover: #113b29;
-  --chip-dismiss-success-background-pressed: #174933;
-  --chip-dismiss-success-foreground-default: #b1f1cb;
-  --chip-dismiss-success-foreground-hover: #b1f1cb;
-  --chip-dismiss-success-foreground-pressed: #b1f1cb;
+  --chip-dismiss-default-background-default: #23231e;
+  --chip-dismiss-default-background-hover: #2a2a24;
+  --chip-dismiss-default-background-pressed: #31312a;
+  --chip-dismiss-default-foreground-default: #a4a499;
+  --chip-dismiss-default-foreground-hover: #a4a499;
+  --chip-dismiss-default-foreground-pressed: #a4a499;
+  --chip-dismiss-success-background-default: #092c2b;
+  --chip-dismiss-success-background-hover: #003a38;
+  --chip-dismiss-success-background-pressed: #004744;
+  --chip-dismiss-success-foreground-default: #c4f5e1;
+  --chip-dismiss-success-foreground-hover: #c4f5e1;
+  --chip-dismiss-success-foreground-pressed: #c4f5e1;
   --chip-dismiss-warning-background-default: #302008;
   --chip-dismiss-warning-background-hover: #3f2700;
   --chip-dismiss-warning-background-pressed: #4d3000;
@@ -1455,31 +1455,31 @@
   --checkbox-icon-size-sm: 1rem;
   --checkbox-icon-size-default: 1.25rem;
   --checkbox-icon-size-lg: 1.5rem;
-  --checkbox-color-default-background: #151718;
-  --checkbox-color-default-border: #3a3f42;
-  --checkbox-color-default-icon: #151718;
-  --checkbox-color-hover-background: #202425;
-  --checkbox-color-hover-border: #3a3f42;
-  --checkbox-color-checked-background: #70b8ff;
-  --checkbox-color-checked-border: #70b8ff;
-  --checkbox-color-checked-icon: #151718;
-  --checkbox-color-disabled-background: #26292b;
-  --checkbox-color-disabled-border: #26292b;
-  --checkbox-color-disabled-icon: #26292b;
+  --checkbox-color-default-background: #161615;
+  --checkbox-color-default-border: #434339;
+  --checkbox-color-default-icon: #161615;
+  --checkbox-color-hover-background: #23231e;
+  --checkbox-color-hover-border: #434339;
+  --checkbox-color-checked-background: #f76b15;
+  --checkbox-color-checked-border: #f76b15;
+  --checkbox-color-checked-icon: #161615;
+  --checkbox-color-disabled-background: #2a2a24;
+  --checkbox-color-disabled-border: #2a2a24;
+  --checkbox-color-disabled-icon: #2a2a24;
   --alert-color-info-background: #112840;
-  --alert-color-info-foreground: #e9ecef;
+  --alert-color-info-foreground: #e9e9e8;
   --alert-color-info-accent: #75c7f0;
   --alert-color-info-border: #7ce2fe;
-  --alert-color-success-background: #132d21;
-  --alert-color-success-foreground: #e9ecef;
-  --alert-color-success-accent: #b1f1cb;
-  --alert-color-success-border: #3dd68c;
+  --alert-color-success-background: #092c2b;
+  --alert-color-success-foreground: #e9e9e8;
+  --alert-color-success-accent: #c4f5e1;
+  --alert-color-success-border: #58d5ba;
   --alert-color-error-background: #3d181e;
-  --alert-color-error-foreground: #e9ecef;
+  --alert-color-error-foreground: #e9e9e8;
   --alert-color-error-accent: #e54d4e;
   --alert-color-error-border: #e54d4e;
   --alert-color-warning-background: #302008;
-  --alert-color-warning-foreground: #e9ecef;
+  --alert-color-warning-foreground: #e9e9e8;
   --alert-color-warning-accent: #ffca16;
   --alert-color-warning-border: #ffc53d;
   --alert-padding-sm-x: 0.75rem;
@@ -1492,21 +1492,21 @@
   --alert-gap: 0.75rem;
   --alert-icon-size: 1rem;
   --alert-border-width: 0.0625rem;
-  --select-field-color-default-background: #151718;
-  --select-field-color-default-foreground: #e9ecef;
-  --select-field-color-default-border: #3a3f42;
-  --select-field-color-hover-background: #151718;
-  --select-field-color-hover-foreground: #e9ecef;
-  --select-field-color-hover-border: #3a3f42;
-  --select-field-color-focus-background: #151718;
-  --select-field-color-focus-foreground: #e9ecef;
-  --select-field-color-focus-border: #70b8ff;
-  --select-field-color-error-background: #151718;
-  --select-field-color-error-foreground: #e9ecef;
+  --select-field-color-default-background: #161615;
+  --select-field-color-default-foreground: #e9e9e8;
+  --select-field-color-default-border: #434339;
+  --select-field-color-hover-background: #161615;
+  --select-field-color-hover-foreground: #e9e9e8;
+  --select-field-color-hover-border: #434339;
+  --select-field-color-focus-background: #161615;
+  --select-field-color-focus-foreground: #e9e9e8;
+  --select-field-color-focus-border: #f76b15;
+  --select-field-color-error-background: #161615;
+  --select-field-color-error-foreground: #e9e9e8;
   --select-field-color-error-border: #fea6a6;
-  --select-field-color-disabled-background: #26292b;
-  --select-field-color-disabled-foreground: #5a6169;
-  --select-field-color-disabled-border: #26292b;
+  --select-field-color-disabled-background: #2a2a24;
+  --select-field-color-disabled-foreground: #63635a;
+  --select-field-color-disabled-border: #2a2a24;
   --select-field-radius-sm: 0.1875rem;
   --select-field-radius-md: 0.375rem;
   --select-field-radius-lg: 0.75rem;
@@ -1516,8 +1516,8 @@
   --select-field-height-default: 2.5rem;
   --select-field-height-lg: 3rem;
   --dialog-color-backdrop: rgba(0, 0, 0, 0.565);
-  --dialog-color-background: #151718;
-  --dialog-color-body-background: #151718;
+  --dialog-color-background: #161615;
+  --dialog-color-body-background: #161615;
   --dialog-border-radius: 1.5rem;
   --dialog-border-radius-desktop: 1.5rem;
   --dialog-shadow-default: 0 48px 96px 0 rgba(0, 0, 0, 0.220), inset 0 0 1px 0 rgba(0, 0, 0, 0.220);
@@ -1533,12 +1533,12 @@
   --dialog-margin-top-mobile: 3.5rem;
   --dialog-drag-handle-width: 64px;
   --dialog-drag-handle-height: 4px;
-  --dialog-drag-handle-color: #3a3f42;
+  --dialog-drag-handle-color: #434339;
   --dialog-drag-handle-padding-y: 0.75rem;
   --dialog-drag-handle-radius: 999rem;
   --dialog-padding-x: 1rem;
-  --menu-content-color-background: #151718;
-  --menu-content-color-border: #202425;
+  --menu-content-color-background: #161615;
+  --menu-content-color-border: #23231e;
   --menu-content-border-radius: 0.75rem;
   --menu-content-border-width: 0.0625rem;
   --menu-content-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.090), 0 8px 16px 0 rgba(0, 0, 0, 0.090);
@@ -1546,17 +1546,17 @@
   --menu-content-min-width: 12rem;
   --menu-content-max-height: 20rem;
   --menu-item-color-default-background: transparent;
-  --menu-item-color-default-foreground: #e9ecef;
-  --menu-item-color-default-icon: #5a6169;
-  --menu-item-color-hover-background: #1a1d1e;
-  --menu-item-color-hover-foreground: #e9ecef;
-  --menu-item-color-hover-icon: #e9ecef;
-  --menu-item-color-focus-background: #104d87;
-  --menu-item-color-focus-foreground: #e9ecef;
-  --menu-item-color-focus-icon: #e9ecef;
+  --menu-item-color-default-foreground: #e9e9e8;
+  --menu-item-color-default-icon: #63635a;
+  --menu-item-color-hover-background: #1c1c19;
+  --menu-item-color-hover-foreground: #e9e9e8;
+  --menu-item-color-hover-icon: #e9e9e8;
+  --menu-item-color-focus-background: #7e451d;
+  --menu-item-color-focus-foreground: #e9e9e8;
+  --menu-item-color-focus-icon: #e9e9e8;
   --menu-item-color-disabled-background: transparent;
-  --menu-item-color-disabled-foreground: #3a3f42;
-  --menu-item-color-disabled-icon: #3a3f42;
+  --menu-item-color-disabled-foreground: #434339;
+  --menu-item-color-disabled-icon: #434339;
   --menu-item-color-destructive-default-foreground: #fea6a6;
   --menu-item-color-destructive-default-icon: #fea6a6;
   --menu-item-color-destructive-hover-background: #3d181e;
@@ -1567,40 +1567,40 @@
   --menu-item-padding-y: 0.5rem;
   --menu-item-gap: 0.5rem;
   --menu-item-height: 2.5rem;
-  --menu-separator-color: #202425;
+  --menu-separator-color: #23231e;
   --menu-separator-height: 0.0625rem;
   --menu-separator-margin-y: 0.25rem;
-  --menu-group-label-color: #5a6169;
+  --menu-group-label-color: #63635a;
   --menu-group-label-padding-x: 0.75rem;
   --menu-group-label-padding-y: 0.5rem;
-  --menu-shortcut-color: #3a3f42;
+  --menu-shortcut-color: #434339;
   --menu-checkbox-indicator-size: 1rem;
-  --menu-checkbox-indicator-color: #70b8ff;
+  --menu-checkbox-indicator-color: #f76b15;
   --menu-radio-indicator-size: 1rem;
-  --menu-radio-indicator-color: #70b8ff;
+  --menu-radio-indicator-color: #f76b15;
   --contextmenu-trigger-outline-width: 0.125rem;
-  --contextmenu-trigger-outline-color: #70b8ff;
+  --contextmenu-trigger-outline-color: #f76b15;
   --contextmenu-trigger-outline-offset: 0.25rem;
-  --tabs-trigger-color-default-background: #202425;
-  --tabs-trigger-color-default-foreground: #e9ecef;
-  --tabs-trigger-color-default-border: #3a3f42;
-  --tabs-trigger-color-hover-background: #202425;
-  --tabs-trigger-color-hover-foreground: #e9ecef;
-  --tabs-trigger-color-hover-border: #3a3f42;
-  --tabs-trigger-color-current-background: #151718;
-  --tabs-trigger-color-current-foreground: #e9ecef;
-  --tabs-trigger-color-current-border: #3a3f42;
-  --tabs-trigger-color-disabled-foreground: #3a3f42;
-  --tabs-trigger-color-disabled-background: #202425;
-  --tabs-trigger-color-disabled-border: #3a3f42;
+  --tabs-trigger-color-default-background: #23231e;
+  --tabs-trigger-color-default-foreground: #e9e9e8;
+  --tabs-trigger-color-default-border: #434339;
+  --tabs-trigger-color-hover-background: #23231e;
+  --tabs-trigger-color-hover-foreground: #e9e9e8;
+  --tabs-trigger-color-hover-border: #434339;
+  --tabs-trigger-color-current-background: #161615;
+  --tabs-trigger-color-current-foreground: #e9e9e8;
+  --tabs-trigger-color-current-border: #434339;
+  --tabs-trigger-color-disabled-foreground: #434339;
+  --tabs-trigger-color-disabled-background: #23231e;
+  --tabs-trigger-color-disabled-border: #434339;
   --tabs-trigger-padding-x: 0.75rem;
   --tabs-trigger-padding-y: 0.5rem;
   --tabs-trigger-height: 3rem;
   --tabs-trigger-radius: 0.75rem;
-  --tabs-panel-background: #151718;
-  --tabs-panel-border: #3a3f42;
-  --separator-color-default: #26292b;
-  --separator-color-contrast: #3a3f42;
+  --tabs-panel-background: #161615;
+  --tabs-panel-border: #434339;
+  --separator-color-default: #2a2a24;
+  --separator-color-contrast: #434339;
   --separator-width: 0.0625rem;
   --separator-spacing-sm: 0.5rem;
   --separator-spacing-md: 1rem;
@@ -1611,17 +1611,17 @@
   --radio-dot-size-sm: 0.75rem;
   --radio-dot-size-default: 1rem;
   --radio-dot-size-lg: 1.25rem;
-  --radio-color-default-background: #151718;
-  --radio-color-default-border: #3a3f42;
-  --radio-color-default-dot: #151718;
-  --radio-color-hover-background: #202425;
-  --radio-color-hover-border: #3a3f42;
-  --radio-color-checked-background: #151718;
-  --radio-color-checked-border: #70b8ff;
-  --radio-color-checked-dot: #70b8ff;
-  --radio-color-disabled-background: #26292b;
-  --radio-color-disabled-border: #26292b;
-  --radio-color-disabled-dot: #26292b;
+  --radio-color-default-background: #161615;
+  --radio-color-default-border: #434339;
+  --radio-color-default-dot: #161615;
+  --radio-color-hover-background: #23231e;
+  --radio-color-hover-border: #434339;
+  --radio-color-checked-background: #161615;
+  --radio-color-checked-border: #f76b15;
+  --radio-color-checked-dot: #f76b15;
+  --radio-color-disabled-background: #2a2a24;
+  --radio-color-disabled-border: #2a2a24;
+  --radio-color-disabled-dot: #2a2a24;
   --progress-size-bar-height-sm: 0.5rem;
   --progress-size-bar-height-md: 0.75rem;
   --progress-size-bar-height-lg: 1rem;
@@ -1636,13 +1636,13 @@
   --avatar-size-md: 4rem;
   --avatar-size-lg: 5rem;
   --avatar-size-xl: 7rem;
-  --avatar-color-background-default: #202425;
-  --avatar-color-background-loading: #26292b;
-  --avatar-color-foreground-default: #e9ecef;
-  --avatar-color-foreground-muted: #3a3f42;
-  --avatar-color-border-default: #26292b;
-  --avatar-color-status-online: #3dd68c;
-  --avatar-color-status-offline: #3a3f42;
+  --avatar-color-background-default: #23231e;
+  --avatar-color-background-loading: #2a2a24;
+  --avatar-color-foreground-default: #e9e9e8;
+  --avatar-color-foreground-muted: #434339;
+  --avatar-color-border-default: #2a2a24;
+  --avatar-color-status-online: #58d5ba;
+  --avatar-color-status-offline: #434339;
   --avatar-color-status-busy: #e54d4e;
   --avatar-color-status-away: #ffc53d;
   --avatar-radius-circle: 999rem;
@@ -1660,17 +1660,17 @@
   --avatar-border-width: 1px;
   --avatar-group-spacing-tight: -0.5rem;
   --avatar-group-spacing-normal: -0.25rem;
-  --toast-color-info-background: #e9ecef;
-  --toast-color-info-foreground: #151718;
+  --toast-color-info-background: #e9e9e8;
+  --toast-color-info-foreground: #161615;
   --toast-color-info-accent: #112840;
-  --toast-color-success-background: #e9ecef;
-  --toast-color-success-foreground: #151718;
-  --toast-color-success-accent: #132d21;
-  --toast-color-warning-background: #e9ecef;
-  --toast-color-warning-foreground: #151718;
+  --toast-color-success-background: #e9e9e8;
+  --toast-color-success-foreground: #161615;
+  --toast-color-success-accent: #092c2b;
+  --toast-color-warning-background: #e9e9e8;
+  --toast-color-warning-foreground: #161615;
   --toast-color-warning-accent: #302008;
-  --toast-color-error-background: #e9ecef;
-  --toast-color-error-foreground: #151718;
+  --toast-color-error-background: #e9e9e8;
+  --toast-color-error-foreground: #161615;
   --toast-color-error-accent: #3d181e;
   --toast-padding-x: 1rem;
   --toast-padding-y: 0.75rem;
@@ -1683,16 +1683,16 @@
   --toggle-track-width: 3.5rem;
   --toggle-track-height: 2rem;
   --toggle-track-radius: 999rem;
-  --toggle-track-color-off: #313538;
-  --toggle-track-color-on: #70b8ff;
-  --toggle-track-color-disabled: #26292b;
+  --toggle-track-color-off: #383830;
+  --toggle-track-color-on: #f76b15;
+  --toggle-track-color-disabled: #2a2a24;
   --toggle-knob-size: 1.5rem;
   --toggle-knob-offset: 0.25rem;
-  --toggle-knob-color-default: #151718;
-  --toggle-knob-color-disabled: #202425;
-  --topbar-color-background: #151718;
-  --topbar-color-foreground: #e9ecef;
-  --topbar-color-border: #26292b;
+  --toggle-knob-color-default: #161615;
+  --toggle-knob-color-disabled: #23231e;
+  --topbar-color-background: #161615;
+  --topbar-color-foreground: #e9e9e8;
+  --topbar-color-border: #2a2a24;
   --topbar-height-sm: 64px;
   --topbar-height-md: 80px;
   --topbar-height-lg: 80px;
@@ -1708,10 +1708,10 @@
   --topbar-button-size-lg: 64px;
   --topbar-drag-handle-width: 54px;
   --topbar-drag-handle-height: 4px;
-  --topbar-drag-handle-color: #26292b;
+  --topbar-drag-handle-color: #2a2a24;
   --topbar-drag-handle-padding-y: 0.75rem;
   --topbar-drag-handle-radius: 999rem;
-  --controlbar-color-background: #151718;
+  --controlbar-color-background: #161615;
   --controlbar-max-width-sm: 768px;
   --controlbar-max-width-lg: 1024px;
   --controlbar-padding-x-sm: 1rem;
@@ -1722,10 +1722,10 @@
   --controlbar-gap-lg: 1rem;
   --controlbar-content-radius-sm: 0.75rem;
   --controlbar-content-radius-lg: 0.375rem;
-  --bottombar-color-background: #151718;
-  --bottombar-color-border: #26292b;
-  --bottombar-color-tab-active: #e9ecef;
-  --bottombar-color-tab-inactive: #5a6169;
+  --bottombar-color-background: #161615;
+  --bottombar-color-border: #2a2a24;
+  --bottombar-color-tab-active: #e9e9e8;
+  --bottombar-color-tab-inactive: #63635a;
   --bottombar-floating-radius: 1.5rem;
   --bottombar-floating-padding: 0.75rem;
   --bottombar-floating-margin-x: 0.75rem;
@@ -1745,7 +1745,7 @@
   --bottombar-actions-button-height-sm: 3rem;
   --bottombar-actions-button-height-lg: 4rem;
   --bottombar-navigation-floating-padding: 0.5rem;
-  --view-color-background: #202425;
+  --view-color-background: #23231e;
   --badge-size-height-sm: 1.5rem;
   --badge-size-height-md: 2rem;
   --badge-size-height-lg: 2.5rem;
@@ -1770,16 +1770,16 @@
   --table-row-selected-background: #112840;
   --table-pagination-padding: 0.75rem;
   --table-pagination-gap: 1rem;
-  --table-pagination-background: #26292b;
-  --table-pagination-border: #26292b;
-  --datatable-header-background: #26292b;
-  --datatable-header-foreground: #e9ecef;
-  --datatable-header-border: #26292b;
-  --datatable-row-background: #151718;
-  --datatable-row-foreground: #e9ecef;
-  --datatable-row-border: #26292b;
-  --datatable-row-hover-background: #1a1d1e;
-  --datatable-row-pressed-background: #151718;
+  --table-pagination-background: #2a2a24;
+  --table-pagination-border: #2a2a24;
+  --datatable-header-background: #2a2a24;
+  --datatable-header-foreground: #e9e9e8;
+  --datatable-header-border: #2a2a24;
+  --datatable-row-background: #161615;
+  --datatable-row-foreground: #e9e9e8;
+  --datatable-row-border: #2a2a24;
+  --datatable-row-hover-background: #1c1c19;
+  --datatable-row-pressed-background: #161615;
   --datatable-row-selected-background: #112840;
   --datatable-cell-padding-x-sm: 0.5rem;
   --datatable-cell-padding-x-md: 0.75rem;
@@ -1788,24 +1788,24 @@
   --datatable-cell-padding-y-md: 0.75rem;
   --datatable-cell-padding-y-lg: 1rem;
   --datatable-cell-min-height: 2rem;
-  --datatable-divider-color: #26292b;
+  --datatable-divider-color: #2a2a24;
   --datatable-selection-column-width: 3.5rem;
-  --datatable-focus-ring: #70b8ff;
-  --datepicker-color-background: #151718;
+  --datatable-focus-ring: #f76b15;
+  --datepicker-color-background: #161615;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;
   --datepicker-size-day-lg: 3.5rem;
   --datepicker-calendar-width: 280px;
   --datepicker-calendar-gap: 0.25rem;
-  --segmentgroup-container-background: #202425;
+  --segmentgroup-container-background: #23231e;
   --segmentgroup-container-radius: 999rem;
   --segmentgroup-container-padding: 0.25rem;
   --segmentgroup-container-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.090), inset 0px 2px 4px 0px rgba(0, 0, 0, 0.090);
-  --segmentgroup-segment-color-selected-background: #151718;
-  --segmentgroup-segment-color-selected-foreground: #e9ecef;
+  --segmentgroup-segment-color-selected-background: #161615;
+  --segmentgroup-segment-color-selected-foreground: #e9e9e8;
   --segmentgroup-segment-color-unselected-background: transparent;
-  --segmentgroup-segment-color-unselected-foreground: #5a6169;
-  --segmentgroup-segment-color-hover-foreground: #e9ecef;
+  --segmentgroup-segment-color-unselected-foreground: #63635a;
+  --segmentgroup-segment-color-hover-foreground: #e9e9e8;
   --segmentgroup-segment-shadow-selected: 0px 0px 1px 0px rgba(0, 0, 0, 0.090), 0px 2px 4px 0px rgba(0, 0, 0, 0.090);
   --segmentgroup-segment-shadow-unselected: none;
   --segmentgroup-segment-radius: 1.5rem;
@@ -1824,52 +1824,52 @@
   --emptystate-icon-size-sm: 2rem;
   --emptystate-icon-size-md: 3rem;
   --emptystate-icon-size-lg: 4rem;
-  --emptystate-icon-color: #3a3f42;
-  --emptystate-title-color: #e9ecef;
-  --emptystate-description-color: #3a3f42;
+  --emptystate-icon-color: #434339;
+  --emptystate-title-color: #e9e9e8;
+  --emptystate-description-color: #434339;
   --emptystate-actions-gap: 0.75rem;
   --emptystate-actions-marginTop: 1rem;
-  --documentviewer-container-background: #151718;
+  --documentviewer-container-background: #161615;
   --documentviewer-container-borderRadius: 0.75rem;
   --documentviewer-toolbar-height: 3rem;
   --documentviewer-toolbar-padding-x: 1rem;
   --documentviewer-toolbar-padding-y: 0.5rem;
-  --documentviewer-toolbar-background: #26292b;
-  --documentviewer-toolbar-border: #26292b;
+  --documentviewer-toolbar-background: #2a2a24;
+  --documentviewer-toolbar-border: #2a2a24;
   --documentviewer-toolbar-gap: 0.5rem;
-  --documentviewer-canvas-background: #202425;
+  --documentviewer-canvas-background: #23231e;
   --documentviewer-canvas-padding: 1rem;
   --documentviewer-thumbnails-width: 8rem;
-  --documentviewer-thumbnails-background: #26292b;
-  --documentviewer-thumbnails-border: #26292b;
+  --documentviewer-thumbnails-background: #2a2a24;
+  --documentviewer-thumbnails-border: #2a2a24;
   --documentviewer-thumbnails-item-padding: 0.5rem;
   --documentviewer-thumbnails-item-borderRadius: 0.1875rem;
   --documentviewer-thumbnails-item-gap: 0.25rem;
   --documentviewer-thumbnails-item-background-default: transparent;
-  --documentviewer-thumbnails-item-background-hover: #202425;
-  --documentviewer-thumbnails-item-background-selected: #151718;
+  --documentviewer-thumbnails-item-background-hover: #23231e;
+  --documentviewer-thumbnails-item-background-selected: #161615;
   --documentviewer-thumbnails-item-border-default: transparent;
-  --documentviewer-thumbnails-item-border-selected: #70b8ff;
+  --documentviewer-thumbnails-item-border-selected: #f76b15;
   --documentviewer-page-background: #ffffff;
   --documentviewer-page-foreground: #000000;
   --documentviewer-page-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.090), 0 2px 4px 0 rgba(0, 0, 0, 0.090);
   --documentviewer-page-borderRadius: 0.1875rem;
   --documentviewer-zoom-button-width: 2rem;
   --documentviewer-loading-overlay-background: rgba(0, 0, 0, 0.565);
-  --documentviewer-error-background: #26292b;
-  --documentviewer-error-text: #e9ecef;
-  --fileupload-dropzone-color-default-background: #202425;
-  --fileupload-dropzone-color-default-border: #26292b;
-  --fileupload-dropzone-color-default-foreground: #5a6169;
-  --fileupload-dropzone-color-hover-background: #26292b;
-  --fileupload-dropzone-color-hover-border: #3a3f42;
+  --documentviewer-error-background: #2a2a24;
+  --documentviewer-error-text: #e9e9e8;
+  --fileupload-dropzone-color-default-background: #23231e;
+  --fileupload-dropzone-color-default-border: #2a2a24;
+  --fileupload-dropzone-color-default-foreground: #63635a;
+  --fileupload-dropzone-color-hover-background: #2a2a24;
+  --fileupload-dropzone-color-hover-border: #434339;
   --fileupload-dropzone-color-active-background: #112840;
-  --fileupload-dropzone-color-active-border: #70b8ff;
+  --fileupload-dropzone-color-active-border: #f76b15;
   --fileupload-dropzone-color-error-background: #3d181e;
   --fileupload-dropzone-color-error-border: #fea6a6;
-  --fileupload-dropzone-color-disabled-background: #26292b;
-  --fileupload-dropzone-color-disabled-border: #26292b;
-  --fileupload-dropzone-color-disabled-foreground: #5a6169;
+  --fileupload-dropzone-color-disabled-background: #2a2a24;
+  --fileupload-dropzone-color-disabled-border: #2a2a24;
+  --fileupload-dropzone-color-disabled-foreground: #63635a;
   --fileupload-dropzone-padding-sm: 1rem;
   --fileupload-dropzone-padding-md: 1.5rem;
   --fileupload-dropzone-padding-lg: 2rem;
@@ -1877,12 +1877,12 @@
   --fileupload-dropzone-border-width: 0.125rem;
   --fileupload-dropzone-border-style: dashed;
   --fileupload-dropzone-gap: 0.75rem;
-  --fileupload-item-color-default-background: #202425;
-  --fileupload-item-color-default-foreground: #e9ecef;
+  --fileupload-item-color-default-background: #23231e;
+  --fileupload-item-color-default-foreground: #e9e9e8;
   --fileupload-item-color-error-background: #3d181e;
   --fileupload-item-color-error-foreground: #e54d4e;
-  --fileupload-item-color-success-background: #132d21;
-  --fileupload-item-color-success-foreground: #3dd68c;
+  --fileupload-item-color-success-background: #092c2b;
+  --fileupload-item-color-success-foreground: #58d5ba;
   --fileupload-item-padding-x: 0.75rem;
   --fileupload-item-padding-y: 0.75rem;
   --fileupload-item-radius: 0.375rem;
@@ -1897,7 +1897,7 @@
   --piechart-color-categorical-6: #00a2c7;
   --piechart-color-categorical-7: #ffc53d;
   --piechart-color-categorical-8: #d6409f;
-  --piechart-color-track: #2b2f31;
+  --piechart-color-track: #31312a;
   --piechart-size-diameter-sm: 2rem;
   --piechart-size-diameter-md: 4rem;
   --piechart-size-diameter-lg: 8rem;