$popup-title-bg: getCustomVar(("$popup-title-bg")) !default;

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

// adduse
$popup-title-bg: null !default;
$popup-title-color: $base-text-color !default;
$popup-title-border-color: $base-border-color !default;
$popup-bottom-color: $base-text-color !default;
$popup-border-radius: $overlay-content-border-radius !default;

@if $color == "carmine" {
  $popup-title-bg: transparent !default;
}

@if $color == "contrast" {
  $popup-title-bg: $base-bg !default;
}

@if $color == "dark" {
  $popup-title-bg: transparent !default;
}

@if $color == "darkmoon" {
  $popup-title-bg: transparent !default;
}

@if $color == "darkviolet" {
  $popup-title-bg: transparent !default;
}

@if $color == "greenmist" {
  $popup-title-bg: color.change(darken($base-bg, 9%), $alpha: 0.4) !default;
}

@if $color == "light" {
  $popup-title-bg: transparent !default;
}

@if $color == "softblue" {
  $popup-title-bg: transparent !default;
}

$popup-bottom-bg: $popup-title-bg !default;

$never-used: collector((
"$popup-title-bg": $popup-title-bg,
));