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

// adduse
$tabs-tab-color: color.change($base-text-color, $alpha: 0.54) !default;
$tabs-tab-selected-color: $base-accent !default;
$tabs-tab-disabled-color: color.change($tabs-tab-color, $alpha: 0.13) !default;
$tabs-selected-tab-bottom-border-color: $base-accent !default;
$tabs-disabled-tab-bottom-border-color: null !default;
$tabs-tab-bg: $base-bg !default;
$tabs-tab-icon-color: $tabs-tab-color !default;
$tabs-tab-icon-selected-color: $tabs-tab-selected-color !default;
$tabs-tab-icon-disabled-color: color.change($tabs-tab-icon-color, $alpha: 0.13) !default;
$tabs-tab-button-disabled-opacity: 0 !default;
$tabs-hovered-tab-bg-color: color.change($base-accent, $alpha: 0.08) !default;
$tabs-focused-tab-bg-color: color.change($base-accent, $alpha: 0.12) !default;
$tabs-active-tab-bg-color: color.change($base-accent, $alpha: 0.16) !default;

@if $mode == "light" {
  $tabs-disabled-tab-bottom-border-color: color.change($tabs-tab-color, $alpha: 0.13) !default;
}

@if $mode == "dark" {
  $tabs-disabled-tab-bottom-border-color: color.change($tabs-tab-color, $alpha: 0.4) !default;
}
$never-used: collector((
"$tabs-tab-color": $tabs-tab-color,
"$tabs-tab-selected-color": $tabs-tab-selected-color,
"$tabs-tab-disabled-color": $tabs-tab-disabled-color,
"$tabs-selected-tab-bottom-border-color": $tabs-selected-tab-bottom-border-color,
"$tabs-disabled-tab-bottom-border-color": $tabs-disabled-tab-bottom-border-color,
"$tabs-tab-bg": $tabs-tab-bg,
"$tabs-tab-icon-selected-color": $tabs-tab-icon-selected-color,
"$tabs-tab-icon-disabled-color": $tabs-tab-icon-disabled-color,
"$tabs-hovered-tab-bg-color": $tabs-hovered-tab-bg-color,
"$tabs-focused-tab-bg-color": $tabs-focused-tab-bg-color,
"$tabs-active-tab-bg-color": $tabs-active-tab-bg-color,
));