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

@internal-fonts: 'Roboto:300,400|Roboto+Condensed:300,400,700|Open+Sans:600';


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

//
// Typography
//

@global-font-family:                            Roboto;
@global-font-size:                              16px;
@global-line-height:                            1.625; // 26px

@global-xxlarge-font-size:                      54px;
@global-xlarge-font-size:                       46px;
@global-large-font-size:                        22px;
@global-medium-font-size:                       18px;
@global-small-font-size:                        13px;

@global-primary-font-family:                    Roboto Condensed;
@global-primary-font-weight:                    300;
@global-primary-text-transform:                 none;
@global-primary-letter-spacing:                 inherit;
@global-primary-font-style:                     inherit;

@global-secondary-font-family:                  Roboto;
@global-secondary-font-weight:                  normal;
@global-secondary-text-transform:               inherit;
@global-secondary-letter-spacing:               inherit;
@global-secondary-font-style:                   inherit;

//
// Colors
//

@global-color:                                  #767779;
@global-emphasis-color:                         #5b5b5b;
@global-muted-color:                            #cbcbcb;

@global-link-color:                             @global-primary-background;
@global-link-hover-color:                       darken(@global-link-color, 10%);

@global-inverse-color:                          #fff;

//
// Backgrounds
//

@global-background:                             #fff;

@global-muted-background:                       #fafafa;
@global-primary-background:                     #00a0de;
@global-secondary-background:                   #1b2831;

@global-success-background:                     #01ce7f;
@global-warning-background:                     #f8d027;
@global-danger-background:                      #f54f43;

//
// Borders
//

@global-border:                                 #e8e8e8;
@global-border-width:                           1px;
@global-border-radius:                          2px;

//
// Box-Shadows
//

@global-small-box-shadow:                       0 3px 12px rgba(0,0,0,0.07);
@global-medium-box-shadow:                      0 4px 28px rgba(0,0,0,0.07);
@global-large-box-shadow:                       0 6px 50px rgba(0,0,0,0.05);
@global-xlarge-box-shadow:                      0 28px 50px rgba(0,0,0,0.16);

//
// Spacings
//

// Used in margin, section, list
@global-margin:                                 20px;
@global-small-margin:                           10px;
@global-medium-margin:                          40px;
@global-large-margin:                           70px;
@global-xlarge-margin:                          140px;

// Used in grid, column, container, align, card, padding
@global-gutter:                                 25px;
@global-small-gutter:                           15px;
@global-medium-gutter:                          40px;
@global-large-gutter:                           70px;

//
// Controls
//

@global-control-height:                         40px;
@global-control-small-height:                   30px;
@global-control-large-height:                   55px;

//
// Z-index
//

@global-z-index:                                1000;