// todo forms variables
$input-bg: $white !default;
$input-border-width: $border-width !default;
$input-border-radius: $border-radius-base !default;
$input-border-color: $border-color !default;
$input-border-focus: darken($input-border-color, 15%) !default;

$input-color: $body-color !default;
$input-line-height: $line-height-base !default;
$input-padding-y: 12px !default;
$input-padding-x: 16px !default;
$input-padding-sm-y: 8px !default;
$input-padding-sm-x: 10px !default;
$label-color: $text-dark !default;

// predpoklada, ze fontsize inputu je 16px (coz by melo byt, kvuli iOS)
$input-height: ($input-line-height * 16 + $input-padding-y * 2 + $input-border-width * 2) !default;
$input-height-sm: ($input-line-height * 14 + $input-padding-sm-y * 2 + $input-border-width * 2) !default;

$form-select-indicator: url(iconUrl("caret-down")) !default;
$form-select-indicator-padding: 16px !default;
$form-select-indicator-padding-sm: 10px !default;
$form-select-bg-size: 16px 12px !default;
$form-select-background: no-repeat right $input-padding-x center / $form-select-bg-size !default;
$form-select-background-sm: no-repeat right $input-padding-sm-x center / $form-select-bg-size !default;

$custom-checkbox-icon: url(iconUrl("checkbox-check")) !default;
$custom-checkbox-icon-dark: url(iconUrl("checkbox-check-dark")) !default;
$custom-radio-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E") !default;
$custom-control-border-checked: $green !default;
$custom-control-background-checked: $green !default;
$custom-control-color: $text-dark !default;
$custom-control-size: 18px !default;
$custom-checkbox-size: ($custom-control-size - 4px) !default;
$custom-control-size-lg: 26px !default;
$custom-checkbox-size-lg: ($custom-control-size-lg - 6px) !default;
$custom-control-font-size-lg: $font-size-h4 !default;

$custom-toggle-height: 16px !default;
$custom-toggle-width: 34px !default;
$custom-toggle-background: $gray !default;
$custom-toggle-border: 0 !default;
$custom-toggle-border-radius: 50px !default;

$custom-toggle-handle-size: 24px !default;
$custom-toggle-handle-background: $white !default;
$custom-toggle-handle-box-shadow: $box-shadow-sm !default;
$custom-toggle-handle-border: $input-border-width solid $input-border-color !default;
$custom-toggle-handle-border-radius: 50% !default;
