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

// adduse

/**
* $name 10. Bar background color
* $type color
*/
$progressbar-bg: null !default;

/**
* $name 20. Selected range background color
* $type color
*/
$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%;

/**
* $name 30. Label color
* $type color
*/
$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;
}