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

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600';


// Variables
// ========================================================================

//
// Text
//

@global-color:                                  #858c9b;
@global-muted-color:                            lighten(@global-color, 22%);
@global-highlight-color:                        #3d4453;

@global-link-color:                             #d77c7c;
@global-link-hover-color:                       darken(@global-link-color, 15%);

@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:                          #e24b4b;
@global-success-color:                          #30d86f;
@global-danger-color:                           #e60ecf;
@global-warning-color:                          #f4a52d;

//
// Backgrounds & Borders
//

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

@global-primary-background:                     #e24b4b;
@global-secondary-background: 					#bac0c8;
@global-success-background:                     #30d86f;
@global-warning-background:                     #f4a52d;
@global-danger-background:                      #e60e50;

@global-border:                                 rgba(0,0,0,0.06);

//
// Misc
//

@global-style:                                  'light';

//
// Accordion
//

@accordion-title-background:              		lighten(@global-color, 30%);
@accordion-title-hover-background:              lighten(@global-color, 22%);
@accordion-title-hover-color:                   @global-highlight-color;

//
// Badge
//

@badge-font-family:                        		"Open Sans", Helvetica, Arial, sans-serif;

//
// Base
//

@base-body-font-family:                         "Open Sans", Helvetica, Arial, sans-serif;
@base-heading-font-family:						"Open Sans", Helvetica, Arial, sans-serif;
@global-font-weight:                            300;
@global-bold-font-weight:                       300;
@global-heading-font-weight:                    300;
@global-heading-bold-font-weight:				300;
@global-button-font-weight:                     300;

//
// Button
//

@button-background:                             lighten(@global-color, 37%);
@button-hover-background:                       lighten(@global-color, 33%);

@button-disabled-background:                    lighten(@global-color, 40%);
@button-disabled-color:                         darken(@button-disabled-background, 20%);

@button-font-family:                            "Open Sans", Helvetica, Arial, sans-serif;

//
// Close
//

@close-alt-background:                          lighten(@global-color, 37%);

//
// Dropdown
//

@dropdown-navbar-color:                         lighten(@global-color, 10%);

//
// Form
//

@form-focus-color:                              @global-color;

@form-disabled-border:                          @global-border;
@form-disabled-background:                      lighten(@form-disabled-border, 10%);
@form-disabled-color:                           @form-disabled-border;

@form-blank-border:                             @global-border;

//
// Nav
//

@nav-navbar-color:                              @dropdown-navbar-color;
@nav-navbar-header-color:                     	@dropdown-navbar-color;
@nav-navbar-nested-color:                       @dropdown-navbar-color;

//
// Navbar
//

@navbar-nav-font-family:                        'Open Sans', Helvetica, Arial, sans-serif;

//
// Panel
//

@panel-box-secondary-color:                     darken(@global-color, 5%);
@panel-box-secondary-title-color:               @panel-box-secondary-color;


// Theme
// ========================================================================

//
// Theme Background
//

@theme-body-background: 						#fcfcfc;

//
// Container
//

@theme-container-background: 					#242934;
@theme-container-shadow:                        0px 0px 50px rgba(29,37,47,0.15);

//
// Footer
//

@theme-footer-highlight-color: 					#fff;