/*!
 * Copyright 2015 BookingSync SAS.
 * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
 */

$bootstrap-bookingsync-sass-asset-helper: false !default;

$brand-primary:                 $bs-lightblue !default;
$brand-success:                 $bs-green !default;
$brand-info:                    $bs-lightblue !default;
$brand-warning:                 $bs-yellow !default;
$brand-danger:                  $bs-red !default;

$gray-base:                     $bs-darkblue !default;
$gray-darker:                   $gray-base !default;
$gray-dark:                     rgba($gray-base, .75) !default;
$gray:                          rgba($gray-base, .75) !default;
$gray-light:                    rgba($gray-base, .5) !default;
$gray-lighter:                  #C7CCD8 !default; // rgba($gray-base, .25) !default;
$gray-lightest:                 #DDE0E8 !default; // rgba($gray-base, .15) !default;

//== Scaffolding
//
//## Settings for some of the most global styles.
$text-color:                    $gray-dark !default;
$body-bg:                       $bs-lightpurple !default;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$line-height:                   1.5 !default;
$font-family-sans-serif:        "Open Sans", Helvetica, Arial, sans-serif !default;
$font-family-base:              $font-family-sans-serif !default;
$font-size-base:                14px !default;
$font-size-h1:                  26px !default;
$font-size-h2:                  22px !default;
$font-size-h3:                  18px !default;
$font-size-h4:                  16px !default;
$headings-color:                $bs-darkgray !default;

$dl-horizontal-breakpoint:      768px !default;
$dl-horizontal-narrow-offset:   120px !default;

//== Iconography
//
//## Specify custom location and filename of the included Smiles icon font.
//## Useful for those including Bootstrap BookingSync via Bower.

//** Load fonts from this directory.

// If $bootstrap-bookingsync-sass-asset-helper if used, provide path relative to the assets load path.
// This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$smiles-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;

//** File name for all font files.
$smiles-font-name:          "bookingsync-smiles" !default;
//** Element ID within SVG icon file.
$smiles-font-svg-id:        "bookingsync_smiles" !default;


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px
$padding-base-vertical:         6px !default;

$border-radius-base:            2px !default;
$border-radius-large:           3px !default;
$border-radius-small:           1px !default;


//== BookingSync
//
$menu-color:                    #566da7 !default;
$menu-bg:                       #1e3264 !default;
$menu-header-height:            70px !default;
$menu-header-color:             #ffffff !default;
$menu-header-bg:                $brand-primary !default;
$menu-header-link-color:        #ffffff !default;
$menu-header-link-hover-color:  $menu-header-link-color !default;
$menu-header-link-hover-bg:     #53b4e1 !default;
$menu-link-color:               #8ea8ea !default;
$menu-link-icon-color:          rgba($menu-link-color, 0.5) !default;
$menu-link-bg:                  $menu-bg !default;
$menu-link-hover-color:         #ffffff !default;
$menu-link-hover-icon-color:    $menu-color !default;
$menu-link-hover-bg:            #263c73 !default;
$menu-active-color:             #ffffff !default;
$menu-active-icon-color:        $brand-primary !default;
$menu-active-bg:                #16264e !default;
$menu-footer-color:             #ffffff !default;
$menu-footer-bg:                $menu-bg !default;
$menu-footer-link-color:        $menu-link-color !default;
$menu-footer-back-color:        #fff !default;

$menu-border-radius:              $border-radius-base !default;
$menu-default-toggle-icon-bar-bg: $gray-light !default;

//== Buttons
//
$btn-success-bg:                $brand-success !default;

$btn-primary-bg:                $brand-success !default;
$btn-primary-border:            darken($btn-success-bg, 5%) !default;
$btn-border-radius-base:        $border-radius-base !default;
$btn-border-radius-small:       $border-radius-small !default;
$btn-border-radius-large:       $border-radius-large !default;

//== Forms
//
$input-color:                   rgb(106, 117, 141) !default; // #6a758d
$input-bg:                      transparent !default;
$input-border-radius-base:      0 !default;
$input-border-radius:           $input-border-radius-base !default;
$input-border-radius-small:     $input-border-radius-base !default;
$input-border-radius-large:     $input-border-radius-base !default;
$input-border:                  rgba(30, 50, 100, 0.5) !default;
$input-border-focus:            $input-color !default;
$input-height-base:             (($padding-base-vertical * 2) + $font-size-base + 1) !default; // 1 for bottom border
$input-bg-disabled:             transparent !default;

$label-color:                   rgba(106, 117, 141, .75) !default;

$label-font-size-focus:         12px !default;
$label-padding-focus:           ($padding-base-vertical + $label-font-size-focus) !default;
$label-color-focus:             $brand-primary !default;
$label-border-focus:            $label-color-focus !default;

$label-font-size-filled:        $label-font-size-focus !default;
$label-color-filled:            rgba(106, 117, 141, 0.6) !default;
$label-border-filled:           $input-border !default;

$label-color-disabled:          rgba(106, 117, 141, 0.5) !default;

$input-group-addon-bg:          transparent !default;
$input-group-addon-height:      ($input-height-base + $label-padding-focus) !default;
$input-group-addon-padding-top: ($label-padding-focus + ($padding-base-vertical / 2)) !default;

$help-text:                     $gray-light !default;

$state-success-text:            #2db859 !default;
$state-success-bg:              rgba($brand-success, 1) !default;
$state-success-border:          $state-success-text !default;

$state-warning-text:            #f39c12 !default;
$state-warning-bg:              rgba($brand-warning, 1) !default;
$state-warning-border:          $state-warning-text !default;

$state-danger-text:             #e74c3c !default;
$state-danger-bg:               rgba($brand-danger, 1) !default;
$state-danger-border:           $state-danger-text !default;


//== Grid system
//
$grid-columns:                     12 !default;
$grid-gutter-width:                30px !default;

//== Navbar
//
$navbar-height:                     70px !default;
$navbar-default-bg:                 #fff !default;
$navbar-default-color:              $gray-dark !default;
$navbar-default-border:             $gray-lighter !default;
$navbar-default-toggle-icon-bar-bg: $gray-light !default;


//== Panels
//
$panel-footer-bg:                   #fff !default;
$panel-default-heading-bg:          #fff !default;
$panel-border-radius:               $border-radius-large !default;
$panel-inner-border:                $gray-lightest !default;
$panel-default-border:              $gray-lighter !default;


//== Tables
//
$table-border-color:                $gray-lightest !default;
$table-bg-accent:                   #f4f5f7 !default;
$table-bg:                          #fff !default;
$table-caption-color:               $gray !default;


//== Sheet
//
$sheet-bg:                          #fff !default;
$sheet-border:                      $gray-lighter !default;
$sheet-border-radius:               $border-radius-large !default;
$sheet-margin:                      ($grid-gutter-width / 2) !default;
$sheet-padding:                     $sheet-margin !default;
$sheet-inner-border:                $gray-lightest !default;


//== Sheet Tabs
//
$sheet-navbar-tabs-bg:              $bs-lightpurple !default;
$sheet-navbar-tabs-bg-hover:        #FAFBFC !default; // rgba(255, 255, 255, 0.75);


//== Switch
//
$switch-label-size:                 10px !default;
$switch-off-border:                 $gray-lighter !default;
$switch-off-bg:                     #fff !default;
$switch-off-color:                  $gray-lightest !default;


//== Dropdown
//
$dropdown-border:                   $gray-lighter !default;
$dropdown-fallback-border:          $bs-lightpurple !default;
$dropdown-divider-bg:               $gray-lightest !default;
$dropdown-link-color:               $gray-dark !default;
$dropdown-link-hover-color:         $gray-dark !default;
$dropdown-link-hover-bg:            $bs-lightpurple !default;
$dropdown-link-active-color:        $gray-dark !default;
$dropdown-link-active-bg:           $gray-dark !default;
$dropdown-link-disabled-color:      $gray-light !default;
$dropdown-header-color:             $gray-light !default;
$dropdown-border-radius:            $border-radius-large !default;