_vars.scss

// Misc.
	$misc: (
		z-index-base:		10000
	);

// Duration.
	$duration: (
		menu:				0.5s,
		transition:			0.2s
	);

// Size.
	$size: (
		element-height:		3rem,
		element-margin:		2rem,
		padding:			2rem,
		wrapper:			72rem
	);

// Font.
	$font: (
		family:				('Merriweather', Georgia, serif),
		family-heading:		('Source Sans Pro', Helvetica, sans-serif),
		family-fixed:		('Courier New', monospace),
		weight:				300,
		weight-bold:		600,
		weight-heading:		900
	);

// Palette.
	$palette: (
		wrapper-bg:			#212931,

		bg:					#ffffff,
		fg:					#212931,
		fg-bold:			#212931,
		fg-light:			mix(#212931, #ffffff, 50%),
		border:				mix(#dcdcdc, #ffffff, 50%),
		border-bg:			rgba(#dcdcdc, 0.25),
		accent:				#18bfef,

		alt: (
			bg:				#f5f5f5,
			fg:				#717981,
			fg-bold:		#717981,
			fg-light:		mix(#717981, #f5f5f5, 50%),
			border:			mix(#dcdcdc, #f5f5f5, 75%),
			border-bg:		rgba(#dcdcdc, 0.5),
			accent:			#18bfef,
		),

		invert: (
			bg:				#1e252d,
			bg-alt:			#1e252d,
			fg:				#ffffff,
			fg-bold:		#ffffff,
			fg-light:		rgba(#ffffff, 0.5),
			border:			#ffffff,
			border-bg:		rgba(#ffffff,0.075),
			accent:			#18bfef,
		),
	);