// Some common variables and mixins to get you started.
// Variables allow you to re-use colors, sizes, and other values without repeating
// yourself. This means that changes that should be small, such as tweaking the
// coloring or the sizing, can be done in one place, not all over the stylesheet.

$base-font: 		"PT Serif", serif;
$header-font: 		$base-font;
$ms-base:           1em, .875em;
$ms-ratio:          1.618;


// base color scheme
$color-white: 		#ffffff;
$body-background: 	$color-white;
$color_border:		rgba(0,0,0,0.2);
$color-gray: 		$color_border;
$color_gray30:		#999;
$color_body: 		#0c131b;
$color_links: 		#f90;
$color_links_hover: 		#c60;
$color_woocommerce: #96588a;
$error: 			#e2401c;
$success: 			#0f834d;
$info: 				#3D9CD2;

// layout sizes
$desktop:			768px;
$handheld:			568px;
$container-width:	ms(18);

$susy: (
	columns: 12,
	gutters: 1,
	math: fluid,
	output: float,
	gutter-position: after,

	use-custom: (
		box-sizing: false
	)
);