// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.

$spacer: 1.25rem !default;

// Links
//
// Style anchor elements.

$link-color:                o-theme-color('epsilon') !default;
$link-hover-color:          o-theme-color('epsilon-dark') !default;
$link-hover-decoration:     none !default;

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

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

$box-shadow-sm:               0 0 .3125rem rgba(0,0,0,.25) !default;
$box-shadow:                  0 0 .3125rem rgba(0,0,0,.25) !default;
$box-shadow-lg:               0 0 .3125rem rgba(0,0,0,.25) !default;

// Fonts
//
// Font, line-height, and color for body text, headings, and more.

// stylelint-enable value-keyword-case

$font-size-base:              0.75rem !default;

$font-weight-normal:          500 !default;

$line-height-base:            (20 / 12) !default;

$h1-font-size:                $font-size-base * (25 / 12) !default;
$h2-font-size:                $font-size-base * (18 / 12) !default;
$h3-font-size:                $font-size-base * (16 / 12) !default;
$h4-font-size:                $font-size-base * (14 / 12) !default;
$h5-font-size:                $font-size-base * 1 !default;
$h6-font-size:                $font-size-base * 1 !default;

$text-muted:                  #777777 !default;

$hr-border-color:             palette-theme-color('gamma') !default;

// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

$input-btn-padding-y:         .625rem !default;
$input-btn-padding-x:         1.25rem !default;

$input-btn-focus-color:       darken(palette-theme-color('primary'), 15%) !default;
$input-btn-focus-box-shadow:  0 0 0 0 0 !default;

$input-btn-padding-y-sm:      .625rem !default;
$input-btn-padding-x-sm:      1.25rem !default;

$input-btn-padding-y-lg:      .625rem !default;
$input-btn-padding-x-lg:      1.25rem !default;

// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.

$btn-box-shadow:              0 0 0 0 0 !default;
$btn-focus-box-shadow:        $btn-box-shadow !default;
$btn-active-box-shadow:       $btn-box-shadow !default;

// Forms

$input-color:                           #242327 !default;
$input-box-shadow:                      $btn-box-shadow !default;

$input-focus-box-shadow:                $btn-box-shadow !default;

$form-check-input-margin-y:             0 !default;
$form-check-input-margin-x:             0 !default;

$form-check-inline-margin-x:            0 !default;
$form-check-inline-input-margin-x:      0 !default;

// Dropdowns
//
// Dropdown menu container and contents.

$dropdown-padding-y:                .3125rem !default;
$dropdown-spacer:                   0 !default;
$dropdown-border-radius:            .25rem !default;
$dropdown-border-width:             .0625rem !default;
$dropdown-divider-bg:               palette-gray('white') !default;
$dropdown-box-shadow:               0 .375rem 1.75em rgba(palette-gray('black'), .175) !default;

$dropdown-item-padding-y:           .1875rem !default;
$dropdown-item-padding-x:           1.25rem !default;

// Navs

$nav-link-padding-y:                .4375rem !default;
$nav-link-padding-x:                .9375rem !default;

$nav-divider-margin-y:              0 !default;

// Navbar

$navbar-padding-x:                  0 !default;
$navbar-nav-link-padding-x:         $nav-link-padding-x !default;

// Cards

$card-cap-bg:                       palette-gray('white') !default;

// Badges

$badge-font-size:                   100% !default;
$badge-padding-y:                   .3125rem !default;
$badge-padding-x:                   .625rem !default;
$badge-border-radius:               .625rem !default;

// Breadcrumbs

$breadcrumb-padding-y:              .5rem !default;
$breadcrumb-padding-x:              .9375rem !default;

$breadcrumb-margin-bottom:          1.25rem !default;

$breadcrumb-bg:                     palette-gray('white') !default;

// Carousel

$carousel-control-color:            rgba(0,0,0,0) !default;