// Bootstrap 5.3 - Form Variables

// ============================================
// SHARED INPUT-BUTTON VARIABLES
// ============================================
// These variables are shared between buttons and form inputs

$input-btn-padding-y:                   0;
$input-btn-padding-x:                   0.5rem;
$input-btn-font-family:                 $font-family-base;
$input-btn-font-size:                   $font-size-base;
$input-btn-line-height:                 $line-height-base;

$input-btn-focus-width:                 -2px;
$input-btn-focus-color-opacity:         0.10;
$input-btn-focus-color:                 rgba($black, $input-btn-focus-color-opacity);
$input-btn-focus-blur:                  8px;
$input-btn-focus-box-shadow:            $box-shadow;

$input-btn-padding-y-sm:                0;
$input-btn-padding-x-sm:                0.25rem;
$input-btn-font-size-sm:                $font-size-sm;

$input-btn-padding-y-lg:                0;
$input-btn-padding-x-lg:                1rem;
$input-btn-font-size-lg:                $font-size-lg;

$input-btn-border-width:                1px;

// ============================================
// FORM COMPONENTS
// Import all form-related variable files
// ============================================

@import 'forms-form-control';
@import 'forms-form-select';
@import 'forms-check';
@import 'forms-switch';
@import 'forms-range';
@import 'forms-validation';
@import 'forms-floating';