//
// Variables
// --------------------------------------------------


// Global values
// --------------------------------------------------

$header-height:  		   	 90px;
$btn-border-radius:   		 4px;
$el-border-radius:   		 6px;
// colors
// -------------------------

$white: 					#fff;
$black:                 	#000;
$gray:						#929199;
$light-gray:				#C2C1C7;
$faint-gray:				#E3E3EA;
$green:                     #56cdad;
$green-dark:                #449b82;
$green-light:               #9bdb9c;
$green-faint:               #E3F5E3;
$blue-dark:					#4e5859;
$blue-light:                #89999A;
$blue:                  	#00BFE0;
$blue-faint:                #E0E8E8;
$light-black: 				#242424;
$orange:               		#e78c5b;
$gray-dark: 				#3B4142; //#4e5859;
$gray: 						#777;
$gray-light:   				#939393;
$gray-lighter:   			#979797;
$red: 						#dd4e58;
$red-dark:           		#c5454e;
$purple:   				    #822ff7;
$light-purple:				#f7f3f9;
$btn-color:  				#4592C5;


// Scaffolding
// -------------------------
$body-bg:               	#fff;
$text-color:            	$gray;

// Links
// -------------------------
$link-color:            	$red-dark;
$link-hover-color:      	darken($link-color, 15%);

// Typography
// -------------------------
$font-family-open-sans:		'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family-blanc: 	    'Blanc-Light', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family-blanc-reg: 	'Blanc-Regular', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-weight-xl:  		    300;
$font-weight-reg:  	        400;
$font-weight-sb:            600;
$font-weight-xb:  		    700;
$font-size-xl:              44px;
$font-size-l:               36px;
$font-size-m:               28px;
$font-size-reg:             16px;

$text-shadow: 				1px 1px 1px #000;
$shadow: 					$text-shadow;


//margin + padding
$xsmall-pad: 20px;
$small-pad: 30px;
$med-pad: 70px;
$large-pad: 120px;
$xl-pad: 150px;

$light-outline: #f7f7f7;

//
$easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
$easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);