@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,700';
@import 'https://fonts.googleapis.com/css?family=Rubik';

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

@global-style: 'navy';
@global-canvas-color: #afb0c0;
@global-panel-color: #afb0c0;
@global-light-color: #ffffff;
@global-muted-color: #a8aeb6;
@global-dark-color: #ffffff;
@global-highlight-color: #bb875d;
@global-heading-color: #ffffff;
@global-primary-color: #bb875d;
@global-primary-link-color: #ffd9d8;
@global-primary-link-hover-color: #801915;
@global-secondary-color: #ffffff;
@global-tertiary-color: #dabfa8;
@global-link-color: #bb875d;
@global-success-background: #8acca0;
@global-warning-background: #e7b378;
@global-danger-background: #cc586e;

@global-sub-title-color: #bb875d;
@global-body-font-family: 'Rubik';
@global-heading-font-family: 'Roboto Slab';
@global-font-size: 17px;
@global-line-height: 32px;
@global-font-weight: 400;
@global-letter-spacing: 1px;
@global-heading-letter-space: -0.5px;
@global-heading-font-weight: 300;
@global-heading-text-transform: none;
@global-thin-font-weight: 300;
@global-bold-font-weight: 700;

@global-background: #202133;
@global-light-background: lighten(@global-background, 3%);
@global-light-border: lighten(@global-background, 5%);
@global-muted-background: #1b1c2b;
@global-default-background: #bb875d;
@global-primary-background: #bb875d;
@global-primary-light-background: lighten(@global-background, 3%); 
@global-secondary-background: #1f2030;
@global-tertiary-background: #dabfa8;
@global-border: #2f303e;

@global-primary-spin: 5;
@global-secondary-spin: 5;
@global-secondary-saturation: 10;
@global-secondary-lighten: 10;
@global-tertiary-spin: 5;
@global-menubar-spin: 0;
@global-menubar-saturation: 0;

@global-toolbar-color: #ffffff;
@global-header-background: #202133;
@global-header-color: #ffffff;
@global-header-link-color: #ffe6c1;
@global-header-link-active-color: #bb875d;
@global-header-heading-font-weight: 700;
@global-header-heading-font-size: 18px;

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

//
// base
//

@base-code-color: #bb875d;
@base-pre-background: #181825;
@base-pre-color: #737485;
@base-hr-border: #0d0d18;
@base-hr-shadow-color: rgba(255, 255, 255, 0.05);

// 
// Nav
// 

@nav-navbar-header-color: rgba(255, 255, 255, 0.5);

//
// Navbar
//

@navbar-nav-font-weight: 400;
@navbar-nav-font-size: 16px;

// 
// Form
// 

@form-border: #282a40;
@form-background: rgba(0, 0, 0, 0.15);
@form-border-width: 0 1px 1px 0;
@form-icon-color: #9aa0a8;

// 
// Comment
// 

@comment-primary-icon-color: #383a4f;

//
// Button
//

@button-background: #383a4f;
@button-hover-background: desaturate(lighten(@button-background, 3%), 5%);
@button-active-background: lighten(@button-hover-background, 3%);

//
// Panel
//

@panel-box-primary-color: #ffffff;
@panel-box-primary-title-color: #ffffff;
@panel-box-primary-link-color: #ffd9d8;
@panel-box-primary-link-hover-color: #801915;
@panel-box-secondary-link-color: #bb875d;
@panel-box-tertiary-link-color: #a08d7c;

// 
// Dropdown
// 

@dropdown-font-size: 16px;

// 
// Offcanvas
// 

@offcanvas-bar-background: #3b3c4d;
@offcanvas-panel-link-color: #bb875d;

// 
// Nav
// 

@nav-offcanvas-active-color: #bb875d;
@nav-offcanvas-hover-color: #bb875d;
@nav-offcanvas-nested-hover-color: #bb875d;

// 
// Search
// 

@search-border: #3b3c4d;
@search-focus-border: #ffe6c1;
@search-background: rgba(0, 0, 0, 0.15);

// 
// Modal
// 

@modal-dialog-background: #33364c;

// Theme global variables
// ==========================================================================

@theme-canvas-background: #0d0d19;
@theme-canvas-background-image: 'navy';
@theme-canvas-header-background: #0d0d19;
@theme-canvas-header-height: 154px;
@theme-outer-container-background: @global-transparent;
@theme-container-background: #ffffff;

@theme-toolbar-color: #7e809a;
@theme-toolbar-link-color: #ffffff;
@theme-toolbar-hover-color: #c18f57;
@theme-toolbar-icon-color: #ffffff;
@theme-toolbar-dropdown-background: #c18f57;
@theme-toolbar-dropdown-color: #ffffff;
@theme-toolbar-dropdown-hover-color: #232436;
@theme-toolbar-button-background: #bb875d;

@theme-call-action-background: #232436;
@theme-call-action-color: #ffffff;

@theme-minibar-background: #3b3c4d;
@theme-minibar-color: #afb0c0;
@theme-minibar-link-color: #ffffff;

@theme-menubar-color: #ffe6c1;
@theme-menubar-active-item-color: #bb875d;
@theme-menubar-dropdown-background: #3b3c4d;
@theme-menuitem-color: #ffffff;
@theme-menuitem-hover-background: #bb875d;
@theme-menuitem-hover-color: #ffffff;

@theme-slideshow-text-color: #ffffff;
@theme-slideshow-slidenav-color: #bb875d;
@theme-slideshow-slidenav-background: #0d0d19;
@theme-slideshow-slidenav-hover-background: #bb875d;
@theme-slideshow-slidenav-hover-color: #ffffff;
@theme-slideshow-dotnav-color: #afb0c0;

@theme-fullscreen-slideshow-color: #ffffff;
@theme-fullscreen-slideshow-dotnav-color: #ffffff;
@theme-fullscreen-slideshow-dotnav-active-color: #bb875d;
@theme-fullscreen-slideshow-slidenav-background: #0d0d19;

@theme-pricing-table-border: #2d2f48;
@theme-title-stroke-letter-spacing: 1px;

@theme-block-footer-background: #1b1c2b;
@theme-block-footer-background-image: 'navy';
@theme-block-footer-color: #ffe6c1;
@theme-block-footer-heading-color: #ffffff;
@theme-block-footer-link-color: #ffe6c1;
@theme-block-footer-link-hover-color: #bb875d;