/* Colors
------------------------------------------------------- */

$red:             		#ac2f3c !default;
$medium_red:					#c73746 !default;
$lighter_red:					#cf6262 !default;
$lightest_red:				#f1d4d4 !default;

$blue:								#2c7db1 !default;
$blue_gray:           #739EB9 !default;
$lighter_blue: 				#a9cadf !default;
$lightest_blue:				#e0eaed !default;
	
$green:								#91b35b !default;
$lightest_yellow:			#f3f3c3 !default;

$black:								#000000 !default;
$darkest_gray:				#242424 !default;
$darker_gray:					#333333 !default;
$medium_gray:					#808080 !default;
$mid_gray:						#aaaaaa !default;
$gray:								#d1d1d1 !default;
$light_gray:					#e0e0e0 !default;
$lighter_gray:				#ececec !default;
$lightest_gray:				#f6f6f6 !default;
$white:               #ffffff !default;

/* Fonts
------------------------------------------------------- */

$menuFontFamily:        Lato, Helvetica, sans-serif !default;
$sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace !default;

$baseFontSize:          14px !default;
$baseLineHeight:        20px !default;

$smallFontSize:					12px !default;

/* Forms
------------------------------------------------------- */

$inputHeight:           $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
$inputBorderRadius:		  4px;
$inputBackground: 			$white;
$inputBorder:						$light_gray;
$placeholderColor:      $medium_gray;
$horizontalComponentOffset:       180px;

/* Border Radius
------------------------------------------------------- */

$borderRadius: 3px;
$borderRadiusMedium: 6px;
$borderRadiusLarge: 8px;

/* Z-Indexes
------------------------------------------------------- */

$zindexDropdown:          1000 !default;
$zindexPopover:           1010 !default;
$zindexTooltip:           1030 !default;
$zindexFixedNavbar:       1030 !default;
$zindexModalBackdrop:     1040 !default;
$zindexModal:             1050 !default;

/* Grid
------------------------------------------------------- */

$gridColumns:             12 !default;
$gridColumnWidth:         60px !default;
$gridGutterWidth:         20px !default;
$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;

// 768px-979px
$gridColumnWidth768:      42px !default;
$gridGutterWidth768:      20px !default;
$gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;

/* Fluid grid
------------------------------------------------------- */

$fluidGridColumnWidth:    percentage($gridColumnWidth/$gridRowWidth) !default;
$fluidGridGutterWidth:    percentage($gridGutterWidth/$gridRowWidth) !default;

// 768px-979px
$fluidGridColumnWidth768:      percentage($gridColumnWidth768/$gridRowWidth768) !default;
$fluidGridGutterWidth768:      percentage($gridGutterWidth768/$gridRowWidth768) !default;