// 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: 		'Source Sans Pro', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
$header-font: 		$base-font;
$ms-base:           1em, 0.875em;
$ms-ratio:          1.618;

// base color scheme
$bitcoin-color: 	#f2a900;
$black-color: 		#253137;
$white-color: 		#ffffff;
$body-background: 	$white-color;
$color_body: 		#4e4e4f;
$color_links: 		$bitcoin-color;
$color_border:		rgba( 0, 0, 0, 0.05 );
$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
	)
);
