$slider-bar-bg: getCustomVar(("$slider-bar-bg")) !default;
$slider-range-bg: getCustomVar(("$slider-range-bg")) !default;

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

// adduse
$slider-bar-bg: $base-border-color !default;
$slider-range-bg: $base-accent !default;
$slider-range-border-color: $slider-range-bg !default;
$slider-handle-bg: null !default;
$slider-handle-border-color: null !default;
$slider-handle-active-bg: null !default;
$slider-handle-hover-bg: null !default;
$slider-handle-focused-bg: null !default;
$slider-invalid-handle-accent-bg: null !default;
$slider-handle-border-radius: $base-border-radius - 1px !default;

@if $color == "carmine" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: darken($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: darken($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: darken($base-danger, 10%) !default;
}

@if $color == "contrast" {
  $slider-handle-bg: $base-inverted-bg !default;
  $slider-handle-border-color: extcolor.difference(#fff, $base-border-color) !default;
  $slider-handle-active-bg: $base-inverted-bg !default;
  $slider-handle-hover-bg: $slider-range-bg !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: lighten($base-danger, 10%) !default;
}

@if $color == "dark" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: lighten($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: lighten($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: lighten($base-danger, 10%) !default;
}

@if $color == "darkmoon" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: lighten($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: lighten($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: lighten($base-danger, 10%) !default;
}

@if $color == "darkviolet" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: lighten($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: lighten($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: lighten($base-danger, 10%) !default;
}

@if $color == "greenmist" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: darken($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: darken($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: darken($base-danger, 10%) !default;
}

@if $color == "light" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: darken($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: darken($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: darken($base-danger, 10%) !default;
}

@if $color == "softblue" {
  $slider-handle-bg: $base-accent !default;
  $slider-handle-border-color: $base-bg !default;
  $slider-handle-active-bg: darken($slider-handle-bg, 17%) !default;
  $slider-handle-hover-bg: darken($slider-handle-bg, 10%) !default;
  $slider-handle-focused-bg: $slider-handle-hover-bg !default;
  $slider-invalid-handle-accent-bg: darken($base-danger, 10%) !default;
}

$never-used: collector((
"$slider-bar-bg": $slider-bar-bg,
"$slider-range-bg": $slider-range-bg,
));