$stepper-step-accent-bg: getCustomVar(("$stepper-step-accent-bg")) !default;
$stepper-step-accent-hover-bg: getCustomVar(("$stepper-step-accent-hover-bg")) !default;
$stepper-step-danger-bg: getCustomVar(("$stepper-step-danger-bg")) !default;
$stepper-step-danger-hover-bg: getCustomVar(("$stepper-step-danger-hover-bg")) !default;
$stepper-step-base-bg: getCustomVar(("$stepper-step-base-bg")) !default;
$stepper-step-base-hover-bg: getCustomVar(("$stepper-step-base-hover-bg")) !default;
$stepper-step-base-text-color: getCustomVar(("$stepper-step-base-text-color")) !default;
$stepper-step-base-label-color: getCustomVar(("$stepper-step-base-label-color")) !default;
$stepper-step-disabled-bg: getCustomVar(("$stepper-step-disabled-bg")) !default;
$stepper-step-disabled-text-color: getCustomVar(("$stepper-step-disabled-text-color")) !default;
$stepper-connector-bg: getCustomVar(("$stepper-connector-bg")) !default;
$stepper-connector-value-bg: getCustomVar(("$stepper-connector-value-bg")) !default;
$stepper-step-base-border-color: getCustomVar(("$stepper-step-base-border-color")) !default;
$stepper-step-base-hover-border-color: getCustomVar(("$stepper-step-base-hover-border-color")) !default;
$stepper-step-selected-bg: getCustomVar(("$stepper-step-selected-bg")) !default;
$stepper-step-selected-hover-bg: getCustomVar(("$stepper-step-selected-hover-bg")) !default;
$stepper-step-selected-text-color: getCustomVar(("$stepper-step-selected-text-color")) !default;
$stepper-step-selected-label-color: getCustomVar(("$stepper-step-selected-label-color")) !default;
$stepper-step-invalid-bg: getCustomVar(("$stepper-step-invalid-bg")) !default;
$stepper-step-invalid-hover-bg: getCustomVar(("$stepper-step-invalid-hover-bg")) !default;
$stepper-step-invalid-border-color: getCustomVar(("$stepper-step-invalid-border-color")) !default;
$stepper-step-invalid-hover-border-color: getCustomVar(("$stepper-step-invalid-hover-border-color")) !default;
$stepper-step-invalid-text-color: getCustomVar(("$stepper-step-invalid-text-color")) !default;
$stepper-step-invalid-hover-text-color: getCustomVar(("$stepper-step-invalid-hover-text-color")) !default;
$stepper-step-invalid-label-color: getCustomVar(("$stepper-step-invalid-label-color")) !default;
$stepper-step-invalid-selected-bg: getCustomVar(("$stepper-step-invalid-selected-bg")) !default;
$stepper-step-invalid-selected-hover-bg: getCustomVar(("$stepper-step-invalid-selected-hover-bg")) !default;
$stepper-step-shadow-color: getCustomVar(("$stepper-step-shadow-color")) !default;

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

// adduse
$stepper-step-accent-bg: null !default;
$stepper-step-accent-hover-bg: null !default;
$stepper-step-danger-bg: $base-danger !default;
$stepper-step-danger-hover-bg: null !default;
$stepper-step-base-bg: null !default;
$stepper-step-base-hover-bg: null !default;
$stepper-step-base-text-color: $base-text-color !default;
$stepper-step-base-label-color: $base-text-color !default;
$stepper-step-disabled-shadow: $base-bg !default;
$stepper-step-disabled-bg: null !default;
$stepper-step-disabled-text-color: color.change($base-text-color, $alpha: $base-disabled-opacity) !default;
$stepper-connector-bg: $base-border-color !default;
$stepper-connector-value-bg: $base-text-color !default;

@if $color == "carmine" {
  $stepper-step-base-bg: darken($base-bg, 13.33%) !default;
  $stepper-step-base-hover-bg: darken($base-bg, 16.86%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: darken($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: darken($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: darken($base-bg, 6.67%) !default;
}

@if $color == "contrast" {
  $stepper-step-base-bg: lighten($base-bg, 13.73%) !default;
  $stepper-step-base-hover-bg: lighten($base-bg, 17.65%) !default;

  $stepper-step-accent-bg: $base-default !default;
  $stepper-step-accent-hover-bg: $base-inverted-bg !default;

  $stepper-step-danger-hover-bg: $base-inverted-bg !default;

  $stepper-step-disabled-bg: lighten($base-bg, 5.49%) !default;
}

@if $color == 'dark' {
  $stepper-step-base-bg: lighten($base-bg, 13.73%) !default;
  $stepper-step-base-hover-bg: lighten($base-bg, 17.65%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: lighten($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: lighten($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: lighten($base-bg, 5.49%) !default;
}

@if $color == "darkmoon" {
  $stepper-step-base-bg: lighten($base-bg, 13.73%) !default;
  $stepper-step-base-hover-bg: lighten($base-bg, 17.65%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: lighten($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: lighten($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: lighten($base-bg, 5.49%) !default;
}

@if $color == "darkviolet" {
  $stepper-step-base-bg: lighten($base-bg, 13.73%) !default;
  $stepper-step-base-hover-bg: lighten($base-bg, 17.65%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: lighten($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: lighten($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: lighten($base-bg, 5.49%) !default;
}

@if $color == "greenmist" {
  $stepper-step-base-bg: darken($base-bg, 13.33%) !default;
  $stepper-step-base-hover-bg: darken($base-bg, 16.86%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: darken($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: darken($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: darken($base-bg, 6.67%) !default;
}

@if $color == 'light' {
  $stepper-step-base-bg: darken($base-bg, 13.33%) !default;
  $stepper-step-base-hover-bg: darken($base-bg, 16.86%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: darken($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: darken($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: darken($base-bg, 6.67%) !default;
}

@if $color == "softblue" {
  $stepper-step-base-bg: darken($base-bg, 13.33%) !default;
  $stepper-step-base-hover-bg: darken($base-bg, 16.86%) !default;

  $stepper-step-accent-bg: $base-accent !default;
  $stepper-step-accent-hover-bg: darken($stepper-step-accent-bg, 9%) !default;

  $stepper-step-danger-hover-bg: darken($stepper-step-danger-bg, 9%) !default;

  $stepper-step-disabled-bg: darken($base-bg, 6.67%) !default;
}
$stepper-step-base-border-color: $stepper-step-base-bg !default;
$stepper-step-base-hover-border-color: $stepper-step-base-hover-bg !default;
$stepper-step-selected-bg: $stepper-step-accent-bg !default;
$stepper-step-selected-hover-bg: $stepper-step-accent-hover-bg !default;
$stepper-step-selected-text-color: $base-inverted-text-color !default;
$stepper-step-selected-label-color: $base-text-color !default;
$stepper-step-invalid-bg: $stepper-step-danger-bg !default;
$stepper-step-invalid-hover-bg: $stepper-step-danger-hover-bg !default;
$stepper-step-invalid-border-color: $stepper-step-invalid-bg !default;
$stepper-step-invalid-hover-border-color: $stepper-step-invalid-hover-bg !default;
$stepper-step-invalid-text-color: $base-inverted-text-color !default;
$stepper-step-invalid-hover-text-color: $base-inverted-text-color !default;
$stepper-step-invalid-label-color: $base-text-color !default;
$stepper-step-invalid-selected-bg: $stepper-step-danger-bg !default;
$stepper-step-invalid-selected-hover-bg: $stepper-step-danger-hover-bg !default;
$stepper-step-shadow-color: $base-bg !default;
$never-used: collector((
"$stepper-step-accent-bg": $stepper-step-accent-bg,
"$stepper-step-accent-hover-bg": $stepper-step-accent-hover-bg,
"$stepper-step-danger-bg": $stepper-step-danger-bg,
"$stepper-step-danger-hover-bg": $stepper-step-danger-hover-bg,
"$stepper-step-base-bg": $stepper-step-base-bg,
"$stepper-step-base-hover-bg": $stepper-step-base-hover-bg,
"$stepper-step-base-text-color": $stepper-step-base-text-color,
"$stepper-step-base-label-color": $stepper-step-base-label-color,
"$stepper-step-disabled-bg": $stepper-step-disabled-bg,
"$stepper-step-disabled-text-color": $stepper-step-disabled-text-color,
"$stepper-connector-bg": $stepper-connector-bg,
"$stepper-connector-value-bg": $stepper-connector-value-bg,
"$stepper-step-base-border-color": $stepper-step-base-border-color,
"$stepper-step-base-hover-border-color": $stepper-step-base-hover-border-color,
"$stepper-step-selected-bg": $stepper-step-selected-bg,
"$stepper-step-selected-hover-bg": $stepper-step-selected-hover-bg,
"$stepper-step-selected-text-color": $stepper-step-selected-text-color,
"$stepper-step-selected-label-color": $stepper-step-selected-label-color,
"$stepper-step-invalid-bg": $stepper-step-invalid-bg,
"$stepper-step-invalid-hover-bg": $stepper-step-invalid-hover-bg,
"$stepper-step-invalid-border-color": $stepper-step-invalid-border-color,
"$stepper-step-invalid-hover-border-color": $stepper-step-invalid-hover-border-color,
"$stepper-step-invalid-text-color": $stepper-step-invalid-text-color,
"$stepper-step-invalid-hover-text-color": $stepper-step-invalid-hover-text-color,
"$stepper-step-invalid-label-color": $stepper-step-invalid-label-color,
"$stepper-step-invalid-selected-bg": $stepper-step-invalid-selected-bg,
"$stepper-step-invalid-selected-hover-bg": $stepper-step-invalid-selected-hover-bg,
"$stepper-step-shadow-color": $stepper-step-shadow-color,
));