$default-variables: (
  "Menu____bg-color": var(--color--invert),
  "Menu____box-shadow": var(--shadow--s),
  "Menu____radius": var(--radius--med),

  "Menu__Item--hovered____bg-color": rgba(var(--color--main-rgb), .03),
  "Menu__Item--active____color": var(--color--dscout),

  "Menu__Item____radius": 0
);

@mixin generate-menu-theme-variables($theme-variables: ()) {
  $variables: map-merge($default-variables, $theme-variables);

  @each $name, $value in $variables {
    --#{$name}: #{$value};
  }
}