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

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


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

//
// Text
//

@global-font-family:                            'Open Sans', sans-serif;
@global-heading-font-family:                    'Dosis', sans-serif;
@global-font-size:                              16px;
@global-line-height:                            30px;
@global-font-style-alt:                         italic;
@global-font-style:                             normal;

@global-color:                                  #7a8188;
@global-heading-color:							#494c50;
@global-alt-color:							    #494c50;
@global-primary-color:                          #5181fa;
@global-secondary-color:                        #faa300;

@global-muted-color:                            #adb1b4;
@global-disabled-color:                         #9b9d9f;

@global-contrast-color:                         #fff;

@global-link-color:                             @global-primary-color;
@global-link-hover-color:                       @global-secondary-color;

@global-nav-color:                              #adb1b4;

//
// Backgrounds & Borders
//

@global-background:                             #fff;
@global-alt-background:                         #494c50;
@global-primary-background:                     #5181fa;

@global-secondary-background:                   #fac051;
@global-success-background:                     #23e074;
@global-warning-background:                     #ff7b3a;
@global-danger-background:                      #e9325b;

@global-dropdown-background:                    @global-background;

@global-disabled-background:                    #e8e8e8;
@global-muted-background:                    	#fafafa;

@global-border:                                 #eceded;
@global-border-width:                           1px;

//
// Spacings
//

@global-margin:                                 20px;
@global-margin-large:                           40px;
@global-margin-xlarge:                          70px;
@global-margin-small:                           10px;
@global-grid-gutter:                            20px;
@global-grid-gutter-large:                      40px;

//
// Controls
//

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

//
// Z-index
//

@global-z-index:                                1000;

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

@global-image-path:                             'images';
@global-style:                                  'default';