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

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

$heading-gray:                  #292c33;
$darkblue:                      #1e3264;
$blue:                          #199bd7;
$green:                         #2db859;

$brand-primary:                 $blue;
$brand-success:                 $green;
$brand-info:                    #199bd7;
$brand-warning:                 #f8c432;
$brand-danger:                  #e74c3c; // #ef5f36;

$gray-base:                     $darkblue;
$gray-darker:                   $gray-base;
$gray-dark:                     rgba($gray-base, .75);
$gray:                          rgba($gray-base, .75);
$gray-light:                    rgba($gray-base, .5);
$gray-lighter:                  rgba($gray-base, .25);
$gray-lightest:                 rgba($gray-base, .15);

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

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

//== 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
$border-radius-base:            2px;
$border-radius-large:           3px;
$border-radius-small:           1px;


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

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

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

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

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

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

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

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

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

$help-text:                     $gray-light;

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

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

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


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


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


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


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