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

// Duration.
	$duration: (
		transition:			0.2s,
		loader-fadein:		1s,
		bg-fadein:			0.5s
	);

// Size.
	$size: (
		element-height:		3em,
		element-margin:		2em
	);

// Font.
	$font: (
		family:				('Raleway', 'Helvetica', sans-serif),
		family-fixed:		('Courier New', monospace),
		weight:				400,
		weight-bold:		700,
		weight-heavy:		800
	);

// Palette.
	$palette: (
		bg:					#fff,
		fg:					#6f7577,
		fg-bold:			#61686b,
		fg-light:			#a8b0b3,
		fg-lighter:			#e8f0f3,
		border:				#dddddd,
		border-bg:			rgba(144,144,144,0.075),
		border2:			#d3d3d3,
		border2-bg:			rgba(144,144,144,0.15),

		alt: (
			fg-bold:		#ffffff,
			fg:				rgba(255,255,255,0.5),
			fg-light:		rgba(255,255,255,0.35),
			fg-lighter:		rgba(255,255,255,0.2),
			border:			#ffffff,
			border-bg:		rgba(255,255,255,0.075),
			border2:		#ffffff,
			border2-bg:		rgba(255,255,255,0.15)
		),

		accent1: (
			bg:				#8cd1a8,
			fg-bold:		#ffffff,
			fg:				mix(#8cd1a8, #ffffff, 25%),
			fg-light:		mix(#8cd1a8, #ffffff, 40%),
			fg-lighter:		mix(#8cd1a8, #ffffff, 90%),
			border:			rgba(255,255,255,0.25),
			border-bg:		rgba(255,255,255,0.075),
			border2:		rgba(255,255,255,0.5),
			border2-bg:		rgba(255,255,255,0.2)
		),

		accent2: (
			bg:				#313a3d,
			fg-bold:		#ffffff,
			fg:				mix(#313a3d, #ffffff, 25%),
			fg-light:		mix(#313a3d, #ffffff, 40%),
			fg-lighter:		mix(#313a3d, #ffffff, 90%),
			border:			rgba(255,255,255,0.25),
			border-bg:		rgba(255,255,255,0.075),
			border2:		rgba(255,255,255,0.5),
			border2-bg:		rgba(255,255,255,0.2)
		)
	);