//
// 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;
$dark-blue:					#00ABE0;
$blue:                  	#00BFE0;
$light-black: 				#242424;
$orange:               		#e78c5b;
$green:                 	#5be764;
$gray-darker: 				#555;
$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-lato: 			'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-weight-lato-xl:  		300;
$font-weight-lato-reg:  	300;
$font-weight-lato-sb:  		500;
$font-weight-lato-xb:  		700;
$font-weight-open:  		$font-weight-lato-reg;


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


//
// ----
$imagePath: "atlas/";

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

$light-outline: #f7f7f7;