// Options

$enable-caret:                false !default;
$enable-validation-icons:     false !default;


// Typography

$font-size-base:              1.4rem !default; // Assumes the browser default, typically `14px`
$font-size-relative:          10px !default;  // Equevale a 1rem em conversão direta

$small-font-size:             80% !default; // Escala da redução da unidade rem mobile

$font-size-xl:                ($font-size-base * 1.4) !default;
$font-size-lg:                ($font-size-base * 1.25) !default;
$font-size-sm:                ($font-size-base * .875) !default;
$font-size-xs:                ($font-size-base * .75) !default;

$font-weight-lighter:         lighter !default;
$font-weight-light:           300 !default;
$font-weight-normal:          400 !default;
$font-weight-active:          500 !default;
$font-weight-bold:            700 !default;
$font-weight-bolder:          bolder !default;

$line-height-base:            1.5 !default;
$line-height-xs:              1.2 !default;
$line-height-sm:              1.4 !default;
$line-height-lg:              1.6 !default;
$line-height-xl:              1.7 !default;

$text-muted:                  $gray-600 !default;


// Components

$component-active-color:      $gray-700 !default;
$component-active-bg:         transparent !default;

$border-width:                1px !default;
$border-color:                $gray-300 !default;

$border-radius:               .3rem !default;
$border-radius-xl:            .4rem !default;
$border-radius-lg:            .35rem !default;
$border-radius-sm:            .275rem !default;
$border-radius-xs:            .25rem !default;

$box-shadow-raised:           0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
$box-shadow-raised-focus:     0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);


// Input and Buttons

$input-btn-padding-y:         .95rem !default;
$input-btn-padding-x:         1.6rem !default;
$input-btn-font-family:       null !default;
$input-btn-font-size:         $font-size-base !default;
$input-btn-line-height:       1.125 !default;

$input-btn-padding-y-xs:      .4rem !default;
$input-btn-padding-x-xs:      .8rem !default;
$input-btn-font-size-xs:      $font-size-xs !default;
$input-btn-line-height-xs:    .9 !default;

$input-btn-padding-y-sm:      .5rem !default;
$input-btn-padding-x-sm:      1.1rem !default;
$input-btn-font-size-sm:      $font-size-sm !default;
$input-btn-line-height-sm:    1 !default;

$input-btn-padding-y-lg:      1.2rem !default;
$input-btn-padding-x-lg:      1.6rem !default;
$input-btn-font-size-lg:      $font-size-lg !default;
$input-btn-line-height-lg:    1.25 !default;

$input-btn-padding-y-xl:      1.4rem !default;
$input-btn-padding-x-xl:      1.7rem !default;
$input-btn-font-size-xl:      $font-size-xl !default;
$input-btn-line-height-xl:    1.4 !default;


// Forms

$input-line-height:                     $input-btn-line-height !default;

$input-color:                           $gray-700 !default;
$input-border-color:                    $gray-400 !default;
$input-border-highlight-color:          $primary !default;

$input-disabled-bg:                     transparent !default;
$input-disabled-border-color:           #777777 !default;

$label-font-size:                       1.2rem !default;
$label-line-height:                     1.3 !default;
$label-color:                           $primary !default;
$label-disabled-color:                  $text-muted !default;
$label-margin-bottom:                   .1rem !default;

$input-padding-y:                       (2.6 - ($input-line-height * $font-size-base)) / 2 !default;
$input-padding-x:                       0 !default;

$input-border-width:                    .1rem !default;

$input-border-radius:                   0 !default;
$input-border-radius-lg:                0 !default;
$input-border-radius-sm:                0 !default;


// Form inverse

$label-inverse-color:                   $white !default;
$label-inverse-disabled-color:          rgba(255, 255, 255, .5) !default;

$input-inverse-color:                   $white !default;
$input-inverse-border-color:            $white !default;
$input-inverse-border-highlight-color:  $white !default;
$input-inverse-bg:                      transparent !default;

$input-inverse-disabled-bg:             transparent !default;
$input-inverse-disabled-border-color:   $label-inverse-disabled-color !default;

$input-inverse-focus-bg:                        $input-inverse-bg !default;
$input-inverse-focus-border-color:              $white !default;
$input-inverse-focus-color:                     $input-inverse-color !default;


// Buttons

$btn-padding-y-xs:            $input-btn-padding-y-xs !default;
$btn-padding-x-xs:            $input-btn-padding-x-xs !default;
$btn-font-size-xs:            $input-btn-font-size-xs !default;
$btn-line-height-xs:          $input-btn-line-height-xs !default;

$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
$btn-font-size-sm:            $input-btn-font-size-sm !default;
$btn-line-height-sm:          $input-btn-line-height-sm !default;

$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
$btn-font-size-lg:            $input-btn-font-size-lg !default;
$btn-line-height-lg:          $input-btn-line-height-lg !default;

$btn-padding-y-xl:            $input-btn-padding-y-xl !default;
$btn-padding-x-xl:            $input-btn-padding-x-xl !default;
$btn-font-size-xl:            $input-btn-font-size-xl !default;
$btn-line-height-xl:          $input-btn-line-height-xl !default;

$btn-border-radius-xl:        $border-radius-xl !default;
$btn-border-radius-lg:        $border-radius-lg !default;
$btn-border-radius-sm:        $border-radius-sm !default;
$btn-border-radius-xs:        $border-radius-xs !default;

$btn-font-weight:             600 !default;

$btn-clear-color:             $grey-600 !default;


// Cards

$card-spacer-y:                     1.6rem !default;
$card-spacer-x:                     1.6rem !default;
$card-border-width:                 0 !default;
$card-border-color:                 rgba($black, .125) !default;
$card-outter-border-width:          .1rem !default;
$card-outter-border-color:          $card-border-color !default;
$card-box-shadow:                   $box-shadow-raised !default;


// List group

$list-group-border-radius:              0 !default;

$list-group-item-padding-y:             1.35rem  !default;
$list-group-item-padding-x:             1.6rem !default;

$list-group-hover-bg:                   $gray-400 !default;
$list-group-active-bg:                  $gray-200 !default;

$list-group-collapse-animation-timing:  .3s ease-in-out !default;
$list-group-collapse-border-width:      $border-width !default;
$list-group-collapse-border-color:      $border-color !default;


// Modal

$modal-content-border-width:        0 !default;
$modal-content-box-shadow:          $box-shadow-raised !default;

$modal-inner-padding:               1.6rem !default;

$modal-title-margin:                0 0 1.6rem !default;
$modal-title-line-height:           1.2 !default;
$modal-subtitle-margin:             -1.2rem 0 0 !default;
$modal-subtitle-line-height:        1.2 !default;

$modal-backdrop-bg:                 rgba(0, 0, 0, .5);
$modal-backdrop-opacity:            1;

$modal-header-padding-y:            1.6rem !default;
$modal-header-padding-x:            1.6rem !default;

$modal-xl:                          1140px !default;
$modal-lg:                          912px !default;
$modal-md:                          688px !default;
$modal-sm:                          496px !default;
$modal-xs:                          300px !default;

$modal-dialog-margin-y-sm-up:       1.75rem !default;
$modal-responsive-max-width:        calc(100% - #{$modal-dialog-margin-y-sm-up * 2}) !default;


// Navs

$nav-link-padding-y:                1.7rem !default;
$nav-link-padding-x:                2.4rem !default;
$nav-link-padding-sm-y:             1.7rem !default;
$nav-link-padding-sm-x:             1.4rem !default;

$nav-tabs-border-width:             .1rem !default;
$nav-tabs-border-radius:            0 !default;

$nav-tabs-link-color:               inherit !default;
$nav-tabs-link-bg:                  transparent !default;
$nav-tabs-link-hover-color:         inherit !default;
$nav-tabs-link-hover-bg:            $gray-200 !default;
$nav-tabs-link-hover-border-color:  transparent !default;
$nav-tabs-link-active-color:        inherit !default;
$nav-tabs-link-active-font-weight:  $font-weight-active !default;
$nav-tabs-link-active-bg:           transparent !default;
$nav-tabs-link-active-border-color: transparent !default;

$nav-pills-border-radius:           0 !default;
$nav-pills-link-active-color:       inherit !default;
$nav-pills-link-active-bg:          transparent !default;


// Navbar

$navbar-toggler-border-radius:      0 !default;


// Grid containrs

$container-widths: (
  xs: 300px,
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
) !default;


// Dropdown

$dropdown-min-width:                12.4rem !default;

$dropdown-item-padding-y:           .95rem !default;
$dropdown-item-padding-x:           1.6rem !default;

$dropdown-link-color:               $gray-700 !default;
$dropdown-link-hover-color:         $dropdown-link-color !default;
$dropdown-link-hover-bg:            $gray-400 !default;

$dropdown-link-active-bg:           $gray-200 !default;