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

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

@global-style: 'cinnabar';
@global-canvas-color: #6b6b6b;
@global-panel-color: #6b6b6b;
@global-light-color: #ffffff;
@global-muted-color: #a8aeb6;
@global-dark-color: #222222;
@global-highlight-color: #ec483b;
@global-heading-color: #282e3f;
@global-primary-color: #ec483b;
@global-primary-link-color: #ffd9d8;
@global-primary-link-hover-color: #801915;
@global-secondary-color: #ffffff;
@global-link-color: #ec483b;
@global-sub-title-color: #ec483b;
@global-body-font-family: 'Varela';
@global-heading-font-family: 'Dosis';
@global-font-size: 16px;
@global-line-height: 31px;
@global-font-weight: 400;
@global-letter-spacing: 1px;
@global-heading-letter-space: 0;
@global-heading-font-weight: 600;
@global-heading-text-transform: none;
@global-thin-font-weight: 300;
@global-bold-font-weight: 700;

@global-background: #ffffff;
@global-light-background: #f9f9f9;
@global-default-background: #ec483b;
@global-primary-background: #ec483b;
@global-primary-light-background: #f9f9f9; 
@global-secondary-background: #282e3f;
@global-tertiary-background: #049dd6;

@global-primary-spin: 7;
@global-secondary-spin: 5;
@global-tertiary-spin: 5;

@global-toolbar-color: #ffffff;
@global-header-background: #ffffff;
@global-header-color: #222222;
@global-header-heading-font-weight: 700;
@global-header-heading-font-size: 18px;

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

//
// base
//

@base-code-color: #ec483b;
@base-pre-background: @global-transparent;
@base-pre-color: #707070;

// 
// Nav
// 

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

//
// Navbar
//

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

//
// 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;

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

@theme-canvas-background: #f5f5f5;
@theme-canvas-background-image: 'brick-wall';
@theme-canvas-header-background: #ec483b;
@theme-canvas-header-height: 152px;
@theme-outer-container-background: @global-transparent;
@theme-container-background: #ffffff;

@theme-toolbar-color: #801915;
@theme-toolbar-link-color: #ffffff;
@theme-toolbar-hover-color: #801915;
@theme-toolbar-icon-color: #ffffff;
@theme-toolbar-dropdown-background: #1e232f;
@theme-toolbar-dropdown-color: #ffffff;
@theme-toolbar-dropdown-hover-color: #ec483b;

@theme-call-action-background: #282e3f;
@theme-call-action-color: #ffffff;

@theme-minibar-background: #282e3f;
@theme-minibar-color: #ffffff;

@theme-menubar-color: #55595d;
@theme-menubar-active-item-color: #ec483b;
@theme-menubar-dropdown-background: #ec483b;
@theme-menuitem-color: #ffffff;
@theme-menuitem-hover-background: #282e3f;
@theme-menuitem-hover-color: #ffffff;

@theme-slideshow-text-color: #282e3f;
@theme-slideshow-slidenav-color: #282e3f;

@theme-title-stroke-letter-spacing: 1px;

@theme-block-footer-background: #282e3f;
@theme-block-footer-color: #ffffff;
@theme-block-footer-heading-color: #ffffff;
@theme-block-footer-link-color: #f97456;
@theme-block-footer-link-hover-color: #ffffff;