@revikornmann/muka-ui 0.4.1 → 0.6.0

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

@@ -540,6 +540,102 @@
   --color-white-alpha-10: rgba(255, 255, 255, 0.478);
   --color-white-alpha-11: rgba(255, 255, 255, 0.565);
   --color-white-alpha-12: rgba(255, 255, 255, 0.910);
+  --color-mauveA-1: rgba(85, 0, 85, 0.012);
+  --color-mauveA-2: rgba(43, 0, 85, 0.024);
+  --color-mauveA-3: rgba(48, 0, 64, 0.063);
+  --color-mauveA-4: rgba(32, 0, 54, 0.094);
+  --color-mauveA-5: rgba(32, 0, 56, 0.125);
+  --color-mauveA-6: rgba(20, 0, 53, 0.153);
+  --color-mauveA-7: rgba(16, 0, 51, 0.196);
+  --color-mauveA-8: rgba(8, 0, 49, 0.271);
+  --color-mauveA-9: rgba(5, 0, 29, 0.451);
+  --color-mauveA-10: rgba(5, 0, 25, 0.49);
+  --color-mauveA-11: rgba(4, 0, 17, 0.612);
+  --color-mauveA-12: rgba(2, 0, 8, 0.878);
+  --color-grayA-1: rgba(0, 0, 0, 0.012);
+  --color-grayA-2: rgba(0, 0, 0, 0.024);
+  --color-grayA-3: rgba(0, 0, 0, 0.059);
+  --color-grayA-4: rgba(0, 0, 0, 0.09);
+  --color-grayA-5: rgba(0, 0, 0, 0.122);
+  --color-grayA-6: rgba(0, 0, 0, 0.149);
+  --color-grayA-7: rgba(0, 0, 0, 0.192);
+  --color-grayA-8: rgba(0, 0, 0, 0.267);
+  --color-grayA-9: rgba(0, 0, 0, 0.447);
+  --color-grayA-10: rgba(0, 0, 0, 0.486);
+  --color-grayA-11: rgba(0, 0, 0, 0.608);
+  --color-grayA-12: rgba(0, 0, 0, 0.875);
+  --color-sandA-1: rgba(85, 85, 0, 0.012);
+  --color-sandA-2: rgba(37, 37, 0, 0.027);
+  --color-sandA-3: rgba(32, 16, 0, 0.063);
+  --color-sandA-4: rgba(31, 21, 0, 0.098);
+  --color-sandA-5: rgba(31, 24, 0, 0.129);
+  --color-sandA-6: rgba(25, 19, 0, 0.161);
+  --color-sandA-7: rgba(25, 20, 0, 0.208);
+  --color-sandA-8: rgba(25, 21, 1, 0.29);
+  --color-sandA-9: rgba(15, 15, 0, 0.475);
+  --color-sandA-10: rgba(12, 12, 0, 0.514);
+  --color-sandA-11: rgba(8, 8, 0, 0.631);
+  --color-sandA-12: rgba(6, 5, 0, 0.89);
+  --color-sageA-1: rgba(0, 128, 64, 0.016);
+  --color-sageA-2: rgba(0, 64, 32, 0.031);
+  --color-sageA-3: rgba(0, 45, 30, 0.067);
+  --color-sageA-4: rgba(0, 31, 21, 0.098);
+  --color-sageA-5: rgba(0, 24, 8, 0.125);
+  --color-sageA-6: rgba(0, 20, 13, 0.157);
+  --color-sageA-7: rgba(0, 20, 10, 0.204);
+  --color-sageA-8: rgba(0, 15, 8, 0.278);
+  --color-sageA-9: rgba(0, 17, 11, 0.475);
+  --color-sageA-10: rgba(0, 16, 10, 0.514);
+  --color-sageA-11: rgba(0, 10, 7, 0.627);
+  --color-sageA-12: rgba(0, 8, 5, 0.898);
+  --color-mauveDarkA-1: rgba(0, 0, 0, 0.0);
+  --color-mauveDarkA-2: rgba(245, 244, 246, 0.035);
+  --color-mauveDarkA-3: rgba(235, 234, 248, 0.078);
+  --color-mauveDarkA-4: rgba(238, 229, 248, 0.114);
+  --color-mauveDarkA-5: rgba(239, 230, 254, 0.145);
+  --color-mauveDarkA-6: rgba(241, 230, 253, 0.188);
+  --color-mauveDarkA-7: rgba(238, 233, 255, 0.251);
+  --color-mauveDarkA-8: rgba(238, 231, 255, 0.365);
+  --color-mauveDarkA-9: rgba(234, 230, 253, 0.431);
+  --color-mauveDarkA-10: rgba(236, 233, 253, 0.486);
+  --color-mauveDarkA-11: rgba(245, 241, 255, 0.718);
+  --color-mauveDarkA-12: rgba(253, 253, 255, 0.937);
+  --color-grayDarkA-1: rgba(0, 0, 0, 0.0);
+  --color-grayDarkA-2: rgba(255, 255, 255, 0.035);
+  --color-grayDarkA-3: rgba(255, 255, 255, 0.071);
+  --color-grayDarkA-4: rgba(255, 255, 255, 0.106);
+  --color-grayDarkA-5: rgba(255, 255, 255, 0.133);
+  --color-grayDarkA-6: rgba(255, 255, 255, 0.173);
+  --color-grayDarkA-7: rgba(255, 255, 255, 0.231);
+  --color-grayDarkA-8: rgba(255, 255, 255, 0.333);
+  --color-grayDarkA-9: rgba(255, 255, 255, 0.392);
+  --color-grayDarkA-10: rgba(255, 255, 255, 0.447);
+  --color-grayDarkA-11: rgba(255, 255, 255, 0.686);
+  --color-grayDarkA-12: rgba(255, 255, 255, 0.929);
+  --color-sandDarkA-1: rgba(0, 0, 0, 0.0);
+  --color-sandDarkA-2: rgba(244, 244, 243, 0.035);
+  --color-sandDarkA-3: rgba(246, 246, 245, 0.075);
+  --color-sandDarkA-4: rgba(254, 254, 243, 0.106);
+  --color-sandDarkA-5: rgba(251, 251, 235, 0.137);
+  --color-sandDarkA-6: rgba(255, 250, 237, 0.176);
+  --color-sandDarkA-7: rgba(255, 251, 237, 0.235);
+  --color-sandDarkA-8: rgba(255, 249, 235, 0.341);
+  --color-sandDarkA-9: rgba(255, 250, 233, 0.396);
+  --color-sandDarkA-10: rgba(255, 253, 238, 0.451);
+  --color-sandDarkA-11: rgba(255, 252, 244, 0.69);
+  --color-sandDarkA-12: rgba(255, 255, 253, 0.929);
+  --color-sageDarkA-1: rgba(0, 0, 0, 0.0);
+  --color-sageDarkA-2: rgba(240, 242, 241, 0.031);
+  --color-sageDarkA-3: rgba(243, 245, 244, 0.071);
+  --color-sageDarkA-4: rgba(242, 254, 253, 0.102);
+  --color-sageDarkA-5: rgba(241, 251, 250, 0.133);
+  --color-sageDarkA-6: rgba(237, 251, 244, 0.176);
+  --color-sageDarkA-7: rgba(237, 252, 247, 0.235);
+  --color-sageDarkA-8: rgba(235, 253, 246, 0.341);
+  --color-sageDarkA-9: rgba(223, 253, 242, 0.4);
+  --color-sageDarkA-10: rgba(229, 253, 246, 0.455);
+  --color-sageDarkA-11: rgba(244, 254, 251, 0.69);
+  --color-sageDarkA-12: rgba(253, 255, 254, 0.929);
   --color-grayDark-1: #111111;
   --color-grayDark-2: #191919;
   --color-grayDark-3: #222222;
@@ -917,8 +1013,8 @@
   --color-surface-level1: #2a2a24;
   --color-surface-level2: #23231e;
   --color-surface-level3: #161615;
-  --color-surface-hover: #1c1c19;
-  --color-surface-pressed: #161615;
+  --color-surface-hover: rgba(244, 244, 243, 0.035);
+  --color-surface-pressed: rgba(246, 246, 245, 0.075);
   --color-surface-backdrop: rgba(0, 0, 0, 0.565);
   --color-surface-inverse: #e9e9e8;
   --color-surface-white: #ffffff;
@@ -981,6 +1077,18 @@
   --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-neutral-alphaHued-1: rgba(0, 0, 0, 0.0);
+  --alias-color-neutral-alphaHued-2: rgba(244, 244, 243, 0.035);
+  --alias-color-neutral-alphaHued-3: rgba(246, 246, 245, 0.075);
+  --alias-color-neutral-alphaHued-4: rgba(254, 254, 243, 0.106);
+  --alias-color-neutral-alphaHued-5: rgba(251, 251, 235, 0.137);
+  --alias-color-neutral-alphaHued-6: rgba(255, 250, 237, 0.176);
+  --alias-color-neutral-alphaHued-7: rgba(255, 251, 237, 0.235);
+  --alias-color-neutral-alphaHued-8: rgba(255, 249, 235, 0.341);
+  --alias-color-neutral-alphaHued-9: rgba(255, 250, 233, 0.396);
+  --alias-color-neutral-alphaHued-10: rgba(255, 253, 238, 0.451);
+  --alias-color-neutral-alphaHued-11: rgba(255, 252, 244, 0.69);
+  --alias-color-neutral-alphaHued-12: rgba(255, 255, 253, 0.929);
   --alias-color-brand-primary-regular: #f76b15;
   --alias-color-brand-primary-contrast: #ffe0c2;
   --alias-color-brand-primary-muted: #331e0b;
@@ -1035,16 +1143,16 @@
   --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: Quicksand;
+  --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-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: Quicksand;
+  --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 +1180,185 @@
   --border-radius-full: 999rem;
   --border-width-regular: 0.0625rem;
   --border-width-bold: 0.125rem;
-  --text-heading-xl-fontFamily: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
-  --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: Quicksand;
+  --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: Quicksand;
+  --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: Quicksand;
+  --text-input-lg-fontFamily: Red Hat Text;
   --text-input-lg-fontWeight: 400;
   --text-input-lg-fontSize: 1.125rem;
   --text-input-lg-lineHeight: 1.125rem;
@@ -1548,7 +1656,7 @@
   --menu-item-color-default-background: transparent;
   --menu-item-color-default-foreground: #e9e9e8;
   --menu-item-color-default-icon: #63635a;
-  --menu-item-color-hover-background: #1c1c19;
+  --menu-item-color-hover-background: rgba(244, 244, 243, 0.035);
   --menu-item-color-hover-foreground: #e9e9e8;
   --menu-item-color-hover-icon: #e9e9e8;
   --menu-item-color-focus-background: #7e451d;
@@ -1778,8 +1886,8 @@
   --datatable-row-background: #161615;
   --datatable-row-foreground: #e9e9e8;
   --datatable-row-border: #2a2a24;
-  --datatable-row-hover-background: #1c1c19;
-  --datatable-row-pressed-background: #161615;
+  --datatable-row-hover-background: rgba(244, 244, 243, 0.035);
+  --datatable-row-pressed-background: rgba(246, 246, 245, 0.075);
   --datatable-row-selected-background: #112840;
   --datatable-cell-padding-x-sm: 0.5rem;
   --datatable-cell-padding-x-md: 0.75rem;