$switch-bg: getCustomVar(("$switch-bg")) !default;
$switch-handle-off-bg: getCustomVar(("$switch-handle-off-bg")) !default;
$switch-on-bg: getCustomVar(("$switch-on-bg")) !default;
$switch-handle-on-bg: getCustomVar(("$switch-handle-on-bg")) !default;

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

// adduse

$switch-accent-color: $base-accent !default;
$switch-accent-color-hover: $base-accent-hover !default;
$switch-accent-color-focused: $base-accent-active !default;
$switch-bg: transparent !default;
$switch-handle-off-bg: $base-border-color-accessible !default;
$switch-on-bg: $base-accent !default;
$switch-handle-on-bg: $base-element-bg !default;
$switch-handle-border-radius: 50% !default;
$switch-on-disabled-bg: $base-background-disabled !default;
$switch-handle-disabled-bg: $base-foreground-disabled !default;
$switch-border-color-disabled: $base-border-color-disabled !default;
$switch-off-border-color: $base-border-color-accessible !default;
$switch-off-border-hover-color: $base-border-color-accessible-hover !default;
$switch-off-border-active-color: $base-border-color-accessible-focused !default;

$switch-invalid-color: $base-invalid-color !default;
$switch-invalid-color-hover: $base-invalid-color-hover !default;
$switch-invalid-color-focused: $base-invalid-color-selected !default;

$never-used: collector((
"$switch-bg": $switch-bg,
"$switch-handle-off-bg": $switch-handle-off-bg,
"$switch-on-bg": $switch-on-bg,
"$switch-handle-on-bg": $switch-handle-on-bg,
));