---
---
// SITE VARIABLES
// --------------

// Blues
@blue-darker:           #003366;
@blue-dark:             #005f9b; // Kyruus Dark Blue - Pantone 3015 C
@blue:                  #009add; // Kyruus Blue - Pantone 2925 C
@blue-light:            #b8dcf2;
@blue-lighter:          #f0f9ff;

// Greens
@green-darker:          #41683b;
@green-dark:            #678943;
@green:                 #95bf52;
@green-light:           #ddefbd;
@green-lighter:         #f3f9e8;

// Reds
@red-darker:            #702222;
@red-dark:              #ba4a4a;
@red:                   #dd7373;
@red-light:             #f2adb1;
@red-lighter:           #fff0f0;

// Yellows
@yellow-darker:         #6f4215;
@yellow-dark:           #db8400;
@yellow:                #f9e27d;
@yellow-light:          #fff5bd;
@yellow-lighter:        #fffcee;

// Oranges
@orange-darker:         #8c3900;
@orange-dark:           #cc5d11;
@orange:                #f4914e;
@orange-light:          #ffd0a6;
@orange-lighter:        #fff4e6;

// Purples
@purple-darker:         #4a226d;
@purple-dark:           #7457ad;
@purple:                #9780d6;
@purple-light:          #c3b8f4;
@purple-lighter:        #fbf5ff;

// Reds
@red:                   #9d261d;
@red-dark:              darken(@red, 10%);

@constructicons-green-light:  desaturate(#c9f8b2, 55%);
@constructicons-green-dark:   desaturate(#a0d57d, 55%);

@constructicons-purple:       #573486;
@constructicons-purple-dark:  #2e1d51;



@jumbotron-bg:          #1d9d74;
@jumbotron-bg-dark:     darken(#1d9d74, 10%);

@jumbotron-border:      mix(@jumbotron-bg, @jumbotron-bg-dark, 75%);
@jumbotron-text:        #fff;

@font-family-alt:       proxima-nova-sc-osf, "Helvetica Neue", Helvetica, Arial, sans-serif;


// BOOTSTRAP OVERRIDES
// -------------------

// Brand colors
//@brand-primary:         @blue-dark;
@brand-success:         lighten(@jumbotron-bg, 5%);
//@brand-warning:         @yellow-dark;
//@brand-danger:          @red;
//@brand-info:            @blue;


// Links
@link-color:            lighten(@jumbotron-bg, 5%);
@link-hover-color:      darken(@jumbotron-bg, 5%);


// Typography
@font-family-sans-serif:  proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       museo-slab, Georgia, "Times New Roman", Times, serif;
@headings-font-family:    @font-family-serif;


// Components
@component-active-bg:            @jumbotron-bg;


// Navbar
@navbar-height:                     40px;
@navbar-inverse-brand-color:        #fff;

// Reset inverted navbar basics
@navbar-inverse-color:                      mix(@jumbotron-bg, #fff, 50%);
@navbar-inverse-bg:                         @jumbotron-bg;
@navbar-inverse-border:                     @jumbotron-border;

// Inverted navbar links
@navbar-inverse-link-color:                 mix(@jumbotron-bg, #fff, 35%);
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-active-bg:             @navbar-inverse-border;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            @jumbotron-bg-dark;
@navbar-inverse-toggle-icon-bar-bg:         @jumbotron-text;
@navbar-inverse-toggle-border-color:        mix(@jumbotron-text, @jumbotron-bg, 75%);


// Form states and alerts
//@state-warning-text:             mix(@yellow-dark, @yellow-darker, 80%);
//@state-warning-bg:               @yellow-lighter;
//@state-warning-border:           darken(spin(@state-warning-bg, -10), 7%);
//
//@state-danger-text:              @red;
//@state-danger-bg:                @red-lighter;
//@state-danger-border:            darken(spin(@state-danger-bg, -10), 4%);
//
//@state-success-text:             mix(@green-darker, @green-dark, 30%);
//@state-success-bg:               @green-lighter;
//@state-success-border:           darken(spin(@state-success-bg, -10), 13%);

@state-info-text:                mix(@blue-dark, @blue, 50%);
@state-info-bg:                  @blue-lighter;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);


// Carousel
@carousel-text-shadow:                      0 1px 0 rgba(255,255,255,0.25);

@carousel-control-color:                    @jumbotron-bg-dark;
@carousel-control-font-size:                30px;