$progressbar-bg: getCustomVar(("$progressbar-bg")) !default;
$progressbar-range-bg: getCustomVar(("$progressbar-range-bg")) !default;
$progressbar-label-color: getCustomVar(("$progressbar-label-color")) !default;

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

// adduse
$progressbar-bg: null !default;
$progressbar-range-bg: $base-accent !default;
$progressbar-container-disabled-bg: $base-background-disabled !default;
$progressbar-range-disabled-bg: $base-foreground-disabled !default;
$progressbar-range-indeterminate-color: $base-accent !default;
$progressbar-range-invalid-color: $base-invalid-color !default;

$progressbar-interdeterminate-state-gradient: -90deg, transparent 5%, $progressbar-range-indeterminate-color, transparent 95%;
$progressbar-disabled-interdeterminate-state-gradient: -90deg, transparent 5%, $progressbar-range-disabled-bg, transparent 95%;
$progressbar-invalid-interdeterminate-state-gradient: -90deg, transparent 5%, $progressbar-range-invalid-color, transparent 95%;
$progressbar-label-color: $base-text-color !default;

@if $mode == "light" {
  $progressbar-bg: darken($base-typography-bg, 7.84) !default;
}

@if $mode == "dark" {
  $progressbar-bg: lighten($base-typography-bg, 7.84) !default;
}
$never-used: collector((
"$progressbar-bg": $progressbar-bg,
"$progressbar-range-bg": $progressbar-range-bg,
"$progressbar-label-color": $progressbar-label-color,
));