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

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,700';
@import 'https://fonts.googleapis.com/css?family=Raleway:400,500,600';


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

//
// Text
//

@global-color:                                  #778195;
@global-muted-color:                            darken(@global-color, 10%);
@global-highlight-color:                        #9ea6b7;

@global-link-color:                             #d4ae9d;
@global-link-hover-color:                       darken(@global-link-color, 8%);

@global-contrast-color:                         #fff;
@global-primary-color:                          #f99163;
@global-success-color:                          #00ceaa;
@global-danger-color:                           #ef4166;
@global-warning-color:                          #fc8e34;

//
// Backgrounds & Borders
//

@global-background:                             #2a3242;
@global-dark-background:						#141924;
@global-light-background:                       #3b4457;
@global-highlight-background:                   lighten(@global-muted-color, 15%);

@global-primary-background:                     #f99163;
@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:                     #00ceaa;
@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:                     #fc8e34;

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

@global-border:                                 fade(@global-color, 10%);
@global-border-width:                           1px;
@global-border-radius:							@global-height;

//
// Misc
//

@global-style:                                  'dark';

//
// Base
//

@base-pre-background:                           darken(@global-background, 5%);

@base-ins-background:                           #e4d877;
@base-ins-color:                                #444;
@base-mark-background:                          #e4d877;
@base-mark-color:                               #444;

//
// Accordion
//

@accordion-title-background:                    lighten(@global-background, 10%);

@accordion-title-hover-background:              darken(@accordion-title-background, 4%);

//
// Alert
//

@alert-background:                              @global-primary-background;
@alert-color:                                   fade(@global-contrast-color, 90%);

@alert-success-background:                      @global-success-background;
@alert-success-color:                           fade(@global-contrast-color, 90%);

@alert-warning-background:                      @global-warning-background;
@alert-warning-color:                           fade(@global-contrast-color, 90%);

@alert-danger-background:                       @global-danger-background;
@alert-danger-color:                            fade(@global-contrast-color, 90%);

//
// Button
//

@button-background:                             lighten(@global-background, 10%);
@button-color:                                  #6b7890;
@button-hover-background:                       darken(@button-background, 4%);
@button-hover-color:                            lighten(@button-background, 10%);
@button-active-color:                           @global-color;

@button-disabled-background:                    #323b4e;
@button-disabled-color:                         #4b556c;

//
// Dropdown
//

@dropdown-navbar-color:                        	@global-color;
@dropdown-navbar-background:                    @global-light-background;

@dropdown-navbar-divider-border:				rgba(255, 255, 255, 0.1);

//
// Form
//

@form-disabled-border:                          @global-border;
@form-disabled-background:                      @button-disabled-background;
@form-disabled-color:                           @button-disabled-color;

//
// Nav
//

@nav-side-header-color:                         #bfc3cd;
@nav-side-hover-background:                     darken(@global-background, 4%);
@nav-offcanvas-divider-border:					lighten(@offcanvas-bar-background, 8%);

@nav-navbar-divider-border:                     rgba(255, 255, 255, 0.1);
@nav-navbar-nested-color:                       fade(@global-color, 50%);

//
// Navbar
//

@nav-navbar-color:                              @global-color;

//
// Nestable
//

@nestable-placeholder-border:                   @global-light-background;

@nestable-panel-background:                     lighten(@global-background, 10%);

//
// Notify
//

@notify-message-background:                     fade(@global-highlight-color, 70%);
@notify-message-color:                          fade(@global-contrast-color, 90%);

@notify-message-primary-background:             fade(@global-primary-background, 70%);
@notify-message-primary-color:                  fade(@global-contrast-color, 90%);

@notify-message-success-background:             fade(@global-success-background, 70%);
@notify-message-success-color:                  fade(@global-contrast-color, 90%);

@notify-message-warning-background:             fade(@global-warning-background, 70%);
@notify-message-warning-color:                  fade(@global-contrast-color, 90%);

@notify-message-danger-background:              fade(@global-danger-background, 70%);
@notify-message-danger-color:                   fade(@global-contrast-color, 90%);

//
// Off-canvas
//

@offcanvas-background:                          fade(@offcanvas-bar-background, 15%);
@offcanvas-bar-background:                      @global-dark-background;

@thumbnail-background:                          #323A4B;

//
// Panel
//

@panel-box-hover-background:                    darken(@panel-box-background, 10%);
@panel-box-primary-hover-background:            darken(@panel-box-primary-background, 9%);
@panel-box-secondary-hover-background:          lighten(@panel-box-secondary-background, 6%);

@panel-box-button-background:                   lighten(@button-background, 50%);
@panel-box-button-hover-background:             darken(@panel-box-button-background, 6%);

@panel-box-secondary-button-background:         lighten(@panel-box-background, 55%);
@panel-box-secondary-button-hover-background:   lighten(@panel-box-secondary-button-background, 6%);

//
// Placeholder
//

@placeholder-background:                        @global-light-background;
@placeholder-color:                             @global-color;
@placeholder-border:                            fade(@global-color, 30%);

//
// Search
//

@search-border:                                 @global-muted-color;
@search-icon-color:                      		@search-border;

@search-border-active-color:                    @global-primary-color;
@search-border-border-activ-color:              @global-primary-color;

@offcanvas-search-background:                   rgba(0, 0, 0, 0);
@offcanvas-search-color:                        @global-primary-color;
@offcanvas-search-placeholder-color:            fade(@global-color, 80%);
@offcanvas-search-icon-color:                   @global-color;

@offcanvas-search-border-color:                 @global-color;
@offcanvas-search-border:                		@global-border;

//
// Slidenav
//

@slidenav-hover-color:                          @global-contrast-color;
@slidenav-active-color:                         @global-primary-color;


//
// Subnav
//

@subnav-color:                                  @global-color;
@subnav-hover-color:                            @global-contrast-color;
@subnav-active-color:                           @global-primary-color;

//
// Table
//

@table-striped-background:                      lighten(@global-background, 6%);
@table-hover-background:                        lighten(@global-background, 10%);

//
// Overlay
//

@overlay-panel-background-color:				lighten(@global-background, 10%);
@overlay-button-active-background:              lighten(@overlay-button-background, 12%);

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

//
// Theme Background
//

@theme-body-background: 						#1f2635;

//
// Container
//

@theme-container-background: 					#141924;

//
// Overlay menu
//

@theme-navbar-dropdown-background:              @global-background;

//
// Footer
//

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