@import "../../_variables"





// BODY
//============================================
$body-bg                    : #ecf0f5
$body-color					: #758697
$boxed-bg                   : #6c6b66
$text-muted                 : lighten($body-color, 20%)




// GENERAL COMPONENTS
//============================================
$state-active-bg            : #efd45a
$state-active-color         : #72631f

$selection-bg			    : $state-active-bg
$selection-color			: $state-active-color




// CLEAN ZONE (LOGIN, REGISTER, AND ERROR PAGES CONTAINER)
//============================================
$cls-bg                     : $body-bg
$cls-color                  : darken($body-color, 7%)




// NAVIGATION
//============================================
$mainnav-bg                 : #e6c116
$mainnav-color              : #5a4e19
$mainnav-hover-color        : darken($mainnav-color, 4%)
$mainnav-active-bg          : transparent
$mainnav-active-color       : $mainnav-hover-color
$mainnav-active-state       : $state-active-bg




// NAVBAR & LOGO
//============================================
$navbar-bg                  : #fff
$navbar-color               : #4a4a4a
$brand-bg                   : transparent
$brand-bg-overlay           : $mainnav-bg
$brand-color                : $state-active-color
$brand-color-overlay        : $navbar-color




// ASIDE
//============================================
$aside-dark-bg              : lighten($mainnav-bg, 6%)
$aside-dark-color           : $mainnav-color
$aside-bright-bg            : #fff
$aside-bright-color         : #515151




// TIMELINE
//============================================
$timeline-bg                : $body-bg
$timeline-color             : $body-color
$timeline-border-color		: lighten($body-color, 25%)




// FOOTER
//============================================
$footer-bg                  : lighten($body-bg, 2%)
$footer-color               : $body-color




//============================================
@if variable-exists(main-compile) == false 
    @import "../_themes"

