// Colors
$gray-dark:                 #373a3c;
$gray:                      #55595c;
$gray-light:                #818a91;
$gray-lighter:              #eceeef;
$gray-lightest:             #f7f7f9;

$brand-primary:             #39527b;
$brand-success:             #60c84c;
$brand-info:                #58d9e1;
$brand-warning:             #ffc952;
$brand-danger:              #ff7473;
$brand-lime:                #cddb2e;
$brand-inverse:             $gray-dark;
$brand-black:               #222222;

// social brands
$brand-google-plus: #dd4b39;
$brand-linkedin: #0077b5;
$brand-dribbble: #ea4c89;
$brand-facebook: #3b5998;
$brand-twitter: #1da1f2;
$brand-youtube: #cd201f;
$brand-flickr: #ff0084;
$brand-tumblr: #35465c;


// Components
$border-color-default: $gray-lighter;
$bg-faded: $gray-lightest; 
$component-hover-bg: #f7f7f7;


// Spacing
$grid-gutter-width: 1.5rem;


// Menubar
$menubar-width:   240px;
$menubar-width-iconbar: 190px;
$menubar-width-hybrid: 260px;
$menubar-width-fold: 64px;
$menubar-top-height: 64px;
$menubar-dark-bg: $brand-primary;


// Navbar
$navbar-height:               66px;
$navbar-bg-default:           #f7f7f7;
$navbar-border-color-default: #e6e6e6;


// header
$header-height: 162px;


// Cards
$card-spacer-x:       1.5rem;  // 1.25rem
$card-spacer-y:       .75rem;   // .75rem
$card-margin-bottom:  $grid-gutter-width;
$card-border-color:   $border-color-default;
$card-cap-bg:         $component-hover-bg;


// Links
$link-hover-decoration: none;


// Tables
$table-bg-accent: $bg-faded;
$table-border-color: $border-color-default;


// Hamburgers
$hamburger-padding-x                       : 10px;
$hamburger-padding-y                       : 6px;
$hamburger-layer-width                     : 22px;
$hamburger-layer-height                    : 2px;
$hamburger-layer-spacing                   : 3px;
$hamburger-layer-color                     : #fff;
$hamburger-layer-border-radius             : 4px;
$hamburger-hover-opacity                   : 1;


// Dropdowns, Media-lists
$dropdown-padding-y:             5px;
$dropdown-item-padding-x:        1rem;
$dropdown-margin-top:            .25rem;
$dropdown-border-color:          $border-color-default;
$dropdown-divider-bg:            $border-color-default;
$dropdown-box-shadow:            0 .25rem .5rem rgba(0,0,0,.08);
$dropdown-link-hover-bg:         $component-hover-bg;

$dropdown-cap-bg:           #fbfbfb;
$dropdown-cap-border-color: #f0f0f0;


$media-link-hover-bg:     $component-hover-bg;
$media-border-color:      $border-color-default;


// avatar
$avatar-size-xs:       2rem !default;
$avatar-size-sm:       3rem !default;
$avatar-size-md:       4rem !default;
$avatar-size-lg:       5rem !default;
$avatar-size-xl:       7rem !default;
$avatar-size-default:  2.5rem !default;
$avatar-border-radius:    3px !default;
$avatar-border-radius-xl: .25rem !default;


// circles
$circle-size-xs: $avatar-size-xs;
$circle-size-sm: $avatar-size-sm;
$circle-size-md: $avatar-size-md;
$circle-size-lg: $avatar-size-lg;
$circle-size-xl: $avatar-size-xl;
$circle-size-default: $avatar-size-default;


// List group
$list-group-bg:                 #fff !default;
$list-group-border-color:       $border-color-default !default;

$list-group-hover-bg:           $component-hover-bg;

$list-group-item-padding-x: 1.25rem;
$list-group-item-padding-y: .75rem;