$overlay-content-bg: getCustomVar(("$overlay-content-bg")) !default;
$overlay-shader-bg: getCustomVar(("$overlay-shader-bg")) !default;
$overlay-content-border-radius: getCustomVar(("$overlay-content-border-radius")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse

$overlay-content-shadow-color: null !default;
$overlay-border-color: $base-border-color !default;
$overlay-content-bg: $base-bg !default;
$overlay-shader-bg: null !default;
$overlay-content-border-radius: $base-border-radius + 2px !default;

@if $color == "carmine" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "contrast" {
  $overlay-content-shadow-color: $base-shadow-color !default;
  $overlay-shader-bg: $base-shadow-color !default;
}

@if $color == "dark" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.3) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "darkmoon" {
  $overlay-content-shadow-color: color.change(darken($base-shadow-color, 100%), $alpha: 0.3) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "darkviolet" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.3) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "greenmist" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "light" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}

@if $color == "softblue" {
  $overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
  $overlay-shader-bg: color.change($base-bg, $alpha: 0.8) !default;
}
$never-used: collector((
"$overlay-content-bg": $overlay-content-bg,
"$overlay-shader-bg": $overlay-shader-bg,
"$overlay-content-border-radius": $overlay-content-border-radius,
));
