// Global
//
// Define common padding and border radius sizes and more.

// Border
$border-width:                1px !default;
$border-color:                $gray-200 !default;
$box-shadow-color:					  var(--#{$prefix}box-shadow-color) !default;

// Border radius
$border-radius-sm:            .25rem !default;
$border-radius:               .375rem !default;
$border-radius-lg:            .5rem !default;
$border-radius-xl:            .75rem !default;
$border-radius-2xl:            1rem !default;
$border-radius-3xl:            1.5rem !default;
$border-radius-4xl:            3rem !default;
$border-radius-5xl:            4rem !default;
$border-radius-6xl:            5rem !default;
$border-radius-7xl:            6rem !default;
$border-radius-8xl:            7rem !default;
$border-radius-pill:           50rem !default;
$border-radius-circle:         50% !default;

// Box shadow
$box-shadow-sm:               0px 1px 1px 0px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow:                  0px 3px 3px -1px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow-lg:               0px 6px 6px -1px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow-xl:               0px 9px 9px -1px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow-2xl:              0px 16px 16px -1px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow-3xl:              0px 32px 40px -2px $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;
$box-shadow-4xl:              0px 36px 50px 0 $box-shadow-color, 0px 0px 1px 0px $box-shadow-color !default;

$box-soft-shadow-sm:          0px 1px 1px 0px rgba(10 22 70 / 4%) !default;
$box-soft-shadow:             0px 3px 3px -1px rgba(10 22 70 / 4%) !default;
$box-soft-shadow-lg:          0px 6px 6px -1px rgba(10 22 70 / 4%) !default;
$box-soft-shadow-xl:          0px 9px 9px -1px rgba(10 22 70 / 4%) !default;
$box-soft-shadow-2xl:         0px 16px 16px -1px rgba(10 22 70 / 4%) !default;
$box-soft-shadow-3xl:         0px 32px 40px -2px rgba(10 22 70 / 4%) !default;
$box-soft-shadow-4xl:         0px 36px 50px 0 rgba(10 22 70 / 4%) !default;

$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;
$box-shadow-outline:          0 0 0 3px rgba(66, 153, 225, 0.5) !default;
$box-shadow-focus:            0 0 0 3px rgba(66, 153, 225, 0.5) !default;

$box-shadow-transparent:      0 0 0 0 rgba(0, 0, 0, 0) !default;

$component-active-color:      $white !default;
$component-active-bg:         $primary !default;

$caret-width:                 .3em !default;
$caret-vertical-align:        $caret-width * .85 !default;
$caret-spacing:               $caret-width * .85 !default;

// scss-docs-start focus-ring-variables
$focus-ring-width:      .25rem !default;
$focus-ring-opacity:    .25 !default;
$focus-ring-color:      rgba($primary, $focus-ring-opacity) !default;
$focus-ring-blur:       0 !default;
$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
// scss-docs-end focus-ring-variables