// Brand Colors
// -------------------------------

$brand-default:         #fff;
$brand-secondary:       #f5f5f5;
$brand-primary:         #6999e9;
$brand-success:         #89c163;
$brand-warning:         #f0b840;
$brand-danger:          #de5645;
$brand-info:            #60d2e6;
$brand-dark:            #444;


// Scaffolding
// -------------------------------

$link-color:            $brand-primary !default;
$link-hover-color:      darken($link-color, 15%) !default;


// Global Gray Colors
// -------------------------------

$black:                 #000 !default;
$gray-darker:           lighten(#000, 13.5%) !default; // #222
$gray-dark:             lighten(#000, 20%) !default;   // #333
$gray:                  lighten(#000, 33.5%) !default; // #555
$gray-light:            lighten(#000, 60%) !default;   // #999
$gray-lighter:          lighten(#000, 93.5%) !default; // #eee
$white:                 #fff !default;


// Global Accent Colors
// -------------------------------

$blue:                 #049cdb !default;
$blue-dark:            #0064cd !default;
$green:                #46a546 !default;
$red:                  #9d261d !default;
$yellow:               #ffc40d !default;
$orange:               #f89406 !default;
$pink:                 #c3325f !default;
$purple:               #7a43b6 !default;

$component-active-bg:            $brand-primary !default;


// Global Fonts
// -------------------------------

$sans-font-family:         "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$light-sans-font-family:   "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$serif-font-family:        Georgia, "Times New Roman", Times, serif !default;
$mono-font-family:         Monaco, Menlo, Consolas, "Courier New", monospace !default;


// Base
// -------------------------------

$base-font-family:         $sans-font-family;
$base-background-color:    $white;
$content-padding:           10px;
$inset-margin:              10px;
$border-radius-base:        4px !default;
$border-radius-large:       6px !default;
$border-radius-small:       3px !default;


// Typography
// -------------------------------

$font-family-sans-serif:    "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:         Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace:     Monaco, Menlo, Consolas, "Courier New", monospace !default;
$font-family-base:          $font-family-sans-serif !default;

$font-size-base:            14px !default;
$font-size-large:           ceil($font-size-base * 1.25) !default; // ~18px
$font-size-small:           ceil($font-size-base * 0.85) !default; // ~12px

$line-height-base:          1.428571429 !default; // 20/14
$line-height-computed:      floor($font-size-base * $line-height-base) !default; // ~20px

$headings-font-family:      $font-family-base !default;
$headings-font-weight:      500 !default;
$headings-line-height:      1.1 !default;


// Components
// -------------------------------

// Based on 14px font-size and 1.428 line-height (~20px to start)

$padding-base-vertical:          6px !default;
$padding-base-horizontal:        12px !default;

$padding-large-vertical:         10px !default;
$padding-large-horizontal:       16px !default;

$padding-small-vertical:         5px !default;
$padding-small-horizontal:       10px !default;

$line-height-large:              1.33 !default;
$line-height-small:              1.5 !default;

$border-radius-base:             4px !default;
$border-radius-large:            6px !default;
$border-radius-small:            3px !default;

$caret-width-base:               4px !default;
$caret-width-large:              5px !default;


// Forms
// -------------------------------

$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
$input-height-large:             (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;

$input-bg:                        $white  !default;
$input-bg-disabled:               $gray-lighter !default;

$input-color:                     $gray !default;
$input-border-color:              #ccc !default;
$input-border-width:              1px !default;
$input-border-radius:             2px !default;
$input-border-focus:              #66afe9 !default;

$input-color-placeholder:         $gray-light !default;

$legend-color:                    $gray-dark !default;
$legend-border-color:             #e5e5e5 !default;

$input-group-addon-bg:            $gray-lighter !default;
$input-group-addon-border-color:  $input-border-color !default;


// Buttons
// -------------------------------

$button-bar-button-line-height:  15px !default;

$button-color:            #222;
$button-padding:          12px 12px;
$button-clear-padding:    10px 0px;
$button-border-radius:    2px;
$button-border-width:     1px;
$button-font-size:        16px;

// Button block that has spacing
$button-block-margin: 10px 0 10px 0;

$button-default-bg:           #fff;
$button-default-bg-active:    #eee;
$buttonDefaultBorder:         #ddd;

$button-secondary-bg:         #f5f5f5;
$button-secondary-bg-active:  #eee;
$button-secondary-border:     #ccc;

$button-primary-bg:           #6999e9;
$button-primary-bg-active:    #eee;
$button-primary-border:       #5981c5;

$button-info-bg:              #60d2e6;
$button-info-bg-active:       #eee;
$button-info-border:          #51b3c4;

$button-success-bg:           #89c163;
$button-success-bg-active:    #eee;
$button-success-border:       #71a052;

$button-warning-bg:           #f0b840;
$button-warning-bg-active:    #eee;
$button-warning-border:       #cf9a29;

$button-danger-bg:            #de5645;
$button-danger-bg-active:     #eee;
$buttonDangerBorder:          #bc4435;

$button-dark-bg:              #444;
$button-dark-bg-active:       #eee;
$button-dark-border:          #111;


// Bars
// -------------------------------

$bar-height:                     44px !default;
$bar-button-line-height:         23px !default;
$bar-button-bar-line-height:     18px !default;
$bar-title-font-size:            $font-size-large;
$bar-padding-portrait:           5px;
$bar-padding-landscape:          5px;

$bar-bg:                      #fff;

// Bar variations
$bar-default-bg:              #fff;
$bar-default-border-color:    #ddd;

$bar-secondary-bg:            #f5f5f5;
$bar-secondary-border-color:  #ccc;

$bar-primary-bg:              #6999e9;
$bar-primary-border-color:    #5981c5;

$bar-info-bg:                 #60d2e6;
$bar-info-border-color:       #51b3c4;

$bar-success-bg:              #89c163;
$bar-success-border-color:    #71a052;

$bar-warning-bg:              #f0b840;
$bar-warning-border-color:    #cf9a29;

$bar-danger-bg:               #de5645;
$bar-danger-border-color:     #bc4435;

$bar-dark-bg:                 #444;
$bar-dark-border-color:       #111;

// Tabs
// -------------------------------
$tabs-height:                 49px !default;

$tabs-default-bg:              #fff;
$tabs-default-border-color:    #ddd;

$tabs-secondary-bg:            #f5f5f5;
$tabs-secondary-border-color:  #ccc;

$tabs-primary-bg:              #6999e9;
$tabs-primary-border-color:    #5981c5;

$tabs-info-bg:                 #60d2e6;
$tabs-info-border-color:       #51b3c4;

$tabs-success-bg:              #89c163;
$tabs-success-border-color:    #71a052;

$tabs-warning-bg:              #f0b840;
$tabs-warning-border-color:    #cf9a29;

$tabs-danger-bg:               #de5645;
$tabs-danger-border-color:     #bc4435;

$tabs-dark-bg:                 #444;
$tabs-dark-border-color:       #111;


// Lists
// -------------------------------

$list-divider-bg:       #f5f5f5;
$list-divider-color:    #222;
$list-item-border:      1px solid #ddd;

$list-default-background: $brand-default;
$list-default-border: #ddd;

$list-secondary-background: $brand-secondary;
$list-secondary-border: #ddd;

$list-success-background: $brand-success;
$list-success-border: $brand-success;

$list-primary-background: $brand-primary;
$list-primary-border: $brand-primary;

$list-info-background: $brand-info;
$list-info-border: $brand-info;

$list-warning-background: $brand-warning;
$list-warning-border: $brand-warning;

$list-danger-background: $brand-danger;
$list-danger-border: $brand-danger;

$list-dark-background: $brand-dark;
$list-dark-border: $brand-dark;


// Form States and Alerts
// -------------------------------

$warning-text:       #c09853;
$warning-bg:         #fcf8e3;
$warning-border:     darken(adjust-hue($warning-bg, -10), 3%);

$error-text:         #b94a48;
$error-bg:           #f2dede;
$error-border:       darken(adjust-hue($error-bg, -10), 3%);

$success-text:       #468847;
$success-bg:         #dff0d8;
$success-border:     darken(adjust-hue($success-bg, -10), 5%);

$info-text:          #3a87ad;
$info-bg:            #d9edf7;
$info-border:        darken(adjust-hue($info-bg, -10), 7%);


// Toggle
// -------------------------------

$toggle-width:                    54px;
$toggle-height:                   32px;
$toggle-border-width:             2px;
$toggle-border-radius:            20px;

$toggle-switch-width:             $toggle-height - 4px;
$toggle-switch-height:            $toggle-switch-width;
$toggle-switch-radius:            50%;
$toggle-switch-on-position:       $toggle-width - $toggle-switch-width - ($toggle-border-width * 2);

$toggle-off-bg-color:             $gray-light;
$toggle-off-border-color:         $toggle-off-bg-color;

$toggle-on-bg-color:              $blue-dark;
$toggle-on-border-color:          $toggle-on-bg-color;

$toggle-switch-off-bg-color:      $white;
$toggle-switch-on-bg-color:       $toggle-switch-off-bg-color;

$toggle-transition-duration:      .1s;


// Menus
// -------------------------------

$menu-bg:                   #eee;
$menu-inset-border-color:   #bbb;
$menu-width:               270px;
$menu-animation-speed:     200ms;


// Badges
// -------------------------
$badge-color:                 #fff !default;
$badge-link-hover-color:      #fff !default;
$badge-bg:                    $gray-light !default;

$badge-active-color:          $link-color !default;
$badge-active-bg:             #fff !default;

$badge-font-weight:           bold !default;
$badge-line-height:           1 !default;
$badge-border-radius:         10px !default;



// Media queries breakpoints
// -------------------------------

// Extra small screen / phone
$screen-xs:                  480px !default;
$screen-phone:               $screen-xs !default;

// Small screen / tablet
$screen-sm:                  768px !default;
$screen-tablet:              $screen-sm !default;

// Medium screen / desktop
$screen-md:                  992px !default;
$screen-desktop:             $screen-md !default;

// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-desktop:          $screen-lg !default;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm - 1) !default;
$screen-sm-max:              ($screen-md - 1) !default;
$screen-md-max:              ($screen-lg - 1) !default;


// Grid system
// -------------------------------

// Number of columns in the grid system
$grid-columns:              12 !default;
// Padding, to be divided by two and applied to the left and right of all columns
$grid-gutter-width:         30px !default;
// Point at which the navbar stops collapsing
$grid-float-breakpoint:     $screen-tablet !default;


// Container sizes
// -------------------------------

// Small screen / tablet
$container-tablet:            ((720px + $grid-gutter-width)) !default;

// Medium screen / desktop
$container-desktop:           ((940px + $grid-gutter-width)) !default;

// Large screen / wide desktop
$container-lg-desktop:        ((1140px + $grid-gutter-width)) !default;