$menu-popup-bg: getCustomVar(("$menu-popup-bg")) !default;
$menu-item-hover-bg: getCustomVar(("$menu-item-hover-bg")) !default;
$menu-color: getCustomVar(("$menu-color")) !default;
$menu-item-hovered-color: getCustomVar(("$menu-item-hovered-color")) !default;
$menu-item-expanded-color: getCustomVar(("$menu-item-expanded-color")) !default;
$menu-item-selected-bg: getCustomVar(("$menu-item-selected-bg")) !default;
$menu-popup-border-color: getCustomVar(("$menu-popup-border-color")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse
$menu-popup-bg: null !default;
$menu-item-hover-bg: null !default;
$menu-item-focused-bg: null !default;
$menu-color: $base-text-color !default;
$menu-item-hovered-color: null !default;
$menu-item-expanded-color: null !default;
$menu-item-selected-bg: null !default;
$menu-popup-border-color: $base-border-color !default;
$menu-separator-bg: $base-border-color !default;
$menu-item-selected-color: null !default;
$menu-item-link-color: $base-link-color !default;
$menu-item-focused-selected-bg: null !default;
$menu-container-shadow-color: null !default;

@if $color == "carmine" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: lighten($base-accent, 21%) !default; // #f05b41 => #ffb5a8
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

@if $color == "contrast" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-color !default;
  $menu-item-hovered-color: $base-text-color !default;
  $menu-item-expanded-color: $base-text-color !default;
  $menu-item-selected-bg: $base-inverted-bg !default;
  $menu-item-selected-color: $base-inverted-text-color !default;
  $menu-item-focused-bg: $base-focus-color !default;
  $menu-item-focused-selected-bg: $base-inverted-bg !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

@if $color == "dark" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: lighten($base-bg, 10%) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
}

@if $color == "darkmoon" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-hovered-color: $base-hover-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: lighten($base-bg, 10%) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

@if $color == "darkviolet" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: color.change($base-accent, $alpha: 0.46) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
}

@if $color == "greenmist" {
  $menu-popup-bg: lighten($base-bg, 100%) !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: darken($base-bg, 10%) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

@if $color == "light" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: darken($base-bg, 10%) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

@if $color == "softblue" {
  $menu-popup-bg: $base-bg !default;
  $menu-item-hover-bg: $base-hover-bg !default;
  $menu-item-hovered-color: $menu-color !default;
  $menu-item-expanded-color: $menu-color !default;
  $menu-item-selected-bg: darken($base-bg, 10%) !default;
  $menu-item-selected-color: $base-text-color !default;
  $menu-item-focused-bg: $base-focus-bg !default;
  $menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}

$never-used: collector((
"$menu-popup-bg": $menu-popup-bg,
"$menu-item-hover-bg": $menu-item-hover-bg,
"$menu-color": $menu-color,
"$menu-item-hovered-color": $menu-item-hovered-color,
"$menu-item-expanded-color": $menu-item-expanded-color,
"$menu-item-selected-bg": $menu-item-selected-bg,
"$menu-popup-border-color": $menu-popup-border-color,
));