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

// Z-Index Scale (private vars)
// --------------------------------------------------
@zIndex-1:100;
@zIndex-2:200;
@zIndex-3:300;
@zIndex-4:400;
@zIndex-5:500;
@zIndex-6:600;
@zIndex-7:700;
@zIndex-8:800;
@zIndex-9:900;
@zIndex-10:1000;

// Z-Index Elements
// --------------------------------------------------

@zIndex--main: 0;
@zIndex--mask: @zIndex-7;
@zIndex--header: 100;
@zIndex--float_action: @zIndex-8;
@zIndex--toggle_side_menu: @zIndex-8;
@zIndex--dev: none;


// Colors
// --------------------------------------------------

// Base Colors
@doc_accent  : #21b799;
@doc_violet  : #9E588B;

@doc_exercise: #938E94;
@doc_success : #50AF51;
@doc_info    : #4B9EB6;
@doc_warning : #F0AD4E;
@doc_danger  : #D9534F;

@doc_bg      : #DDDFE4;
@doc_bg      : #E5E5E5;
@doc_paper   : #fff;
@doc_paper_dark: #F4F4F4;

@doc_code-bg : #21242A;

@doc_lime    : #CDDC39;
@doc_orange  : #FF5722;
@doc_cyan    : #0097A7;

// Typography
@doc_text    : #232B41;
@doc_heading : #393F4F;


// Bootstrap Branding Colors
@brand-success:         @doc_success;
@brand-info:            @doc_info;
@brand-warning:         @doc_warning;
@brand-danger:          @doc_danger;


// Layout
@body-bg: @doc_bg;


// Cards
// --------------------------------------------------
@card_min-height: 200px;
@card_margin-bottom: 20px;


// Media Queries
// --------------------------------------------------
@w-size-small  :  480px;
@w-size-medium :  992px;
@w-size-large  : 1170px;
@w-size-xlarge : 1440px;



// Easing Curves
@ease-material:   cubic-bezier(.55, 0, .1, 1);
@ease-material-2: cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-material-3: cubic-bezier(0.4, 0, 0.2, 1);