// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Variables
//
// ========================================================================


// Global variables
// ========================================================================

//
// Text
//

@global-color:                                  #636873;
@global-muted-color:                            #bac0c8;
@global-highlight-color:                        #2c3343;

@global-link-color:                             #2196f3;
@global-link-hover-color:                       desaturate(lighten(@global-link-color, 15%), 30%);

@global-primary-link-color:                     fade(@global-contrast-color, 65%);
@global-primary-link-hover-color:               desaturate(darken(@global-primary-background, 25%), 10%);

@global-contrast-color:                         #fff;
@global-primary-color:                          #2196f3;
@global-success-color:                          #74d108;
@global-danger-color:                           #d93c41;
@global-warning-color:                          #ffa96a;

@global-font-size:                              16px;
@global-line-height:                            26px;
@global-font-weight:                            300;
@global-bold-font-weight:                       400;
@global-heading-font-weight:                    400;
@global-heading-bold-font-weight:				500;
@global-button-font-weight:                     400;
@global-text-transform:                         uppercase;
@global-letter-spacing:                         1px;

//
// Backgrounds & Borders
//

@global-background:                             #fff;
@global-dark-background:						#efefef;
@global-light-background:                       #f9f9f9;
@global-highlight-background:                   lighten(@global-muted-color, 15%);

@global-primary-background:                     #2196f3;
@global-primary-hover-background:               desaturate(darken(@global-primary-background, 5%), 2%);
@global-primary-active-background:              desaturate(darken(@global-primary-background, 10%), 4%);

@global-secondary-background: 					#bac0c8;

@global-success-background:                     #74d108;
@global-success-hover-background:               desaturate(darken(@global-success-background, 3%), 1%);
@global-success-active-background:              desaturate(darken(@global-success-background, 6%), 4%);

@global-warning-background:                     #ffa96a;

@global-danger-background:                      #d93c41;
@global-danger-hover-background:                desaturate(darken(@global-danger-background, 5%), 2%);
@global-danger-active-background:               desaturate(darken(@global-danger-background, 8%), 6%);

@global-border:                                 rgba(0,0,0,0.06);
@global-border-width:                           1px;
@global-border-radius:							@global-height;

//
// Spacings
//

@global-margin:                                 25px;
@global-margin-large:                           40px;
@global-margin-extra-large:                     70px;
@global-grid-gutter:                            25px;
@global-grid-gutter-large:                      40px;
@global-grid-gutter-small:                      15px;

//
// Controls
//

@global-height:                                 40px;
@global-height-mini:                            25px;
@global-height-small:                           35px;
@global-height-large:                           50px;

//
// Z-index
//

@global-z-index:                                1000;

//
// Misc
//

@global-style:                                  'default';