:root {
  --menu-background-color: var(--background-color-3);
  --menu-border-width: var(--website-border-width);
  --menu-border-style: var(--website-border-style);
  --menu-border-color: var(--website-border-color);
  --menu-border-radius: var(--website-border-radius);

  --menu-button-font-family: var(--website-font-family);
  --menu-button-font-weight: var(--website-font-weight);
  --menu-button-color: var(--color-3);
  --menu-button-background-color: var(--menu-background-color);
  --menu-button-border-color: var(--website-background-color);

  --main-menu-font-family: var(--menu-button-font-family);
  --main-menu-font-weight: var(--menu-button-font-weight);
  --main-menu-color: var(--color-3);
  --main-menu-background-color: var(--background-color-3);
  --main-menu-hover-color: var(--color-4);
  --main-menu-hover-background-color: var(--background-color-4);
  --main-menu-border-color: var(--menu-button-border-color);
  --main-menu-hover-border-color: var(--menu-border-color);

  --sub-menu-font-family: var(--main-menu-font-family);
  --sub-menu-font-weight: var(--main-menu-font-weight);
  --sub-menu-color: var(--color-3);
  --sub-menu-background-color: var(--background-color-3);
  --sub-menu-hover-color: var(--color-4);
  --sub-menu-hover-background-color: var(--background-color-4);
  --sub-menu-hover-border-color: var(--menu-border-color);
  --sub-menu-left-margin: 10em;
}