//Component colors

$component-colors: (
	white:	(color:#FFFFFF, inverse: #2f353b, muted: #2f353b),
	black:	(color:#000000, inverse: #ffffff, muted: #ffffff),
	regular:	(color:#7f8c97, inverse: #ffffff, muted: #ffffff),
	green:	(color:#32c5d2, inverse: #ffffff, muted: #ffffff),
	green-1:	(color:#52c9ba, inverse: #ffffff, muted: #ffffff),
	green-2:	(color:#5dc09c, inverse: #ffffff, muted: #ffffff),
	green-3:	(color:#84c68f, inverse: #ffffff, muted: #ffffff),
	red:	(color:#eb5d68, inverse: #ffffff, muted: #ffffff),
	red-1:	(color:#cd6262, inverse: #ffffff, muted: #ffffff),
	red-2:	(color:#e7505a, inverse: #ffffff, muted: #ffffff),
	red-3:	(color:#d05163, inverse: #ffffff, muted: #ffffff),
	yellow:	(color:#FF6B57, inverse: #ffffff, muted: #ffffff),
	yellow-1:	(color:#c8d046, inverse: #ffffff, muted: #ffffff),
	yellow-2:	(color:#c5bf66, inverse: #ffffff, muted: #ffffff),
	yellow-3:	(color:#c5b96b, inverse: #ffffff, muted: #ffffff),
	blue:	(color:#3498DB, inverse: #ffffff, muted: #ffffff),
	blue-1:	(color:#5e9cd1, inverse: #ffffff, muted: #ffffff),
	blue-2:	(color:#5893dd, inverse: #ffffff, muted: #ffffff),
	blue-3:	(color:#57bfe1, inverse: #ffffff, muted: #ffffff),
	purple:	(color:#b771b0, inverse: #ffffff, muted: #ffffff),
	purple-1:	(color:#a962bb, inverse: #ffffff, muted: #ffffff),
	purple-2:	(color:#aa67a3, inverse: #ffffff, muted: #ffffff),
	purple-3:	(color:#ac3773, inverse: #ffffff, muted: #ffffff),
	brown:	(color:#8a7f68, inverse: #ffffff, muted: #ffffff),
	brown-1:	(color:#685e47, inverse: #ffffff, muted: #ffffff),
	brown-2:	(color:#7a6a61, inverse: #ffffff, muted: #ffffff),
	brown-3:	(color:#9d8b81, inverse: #ffffff, muted: #ffffff),
	dark:	(color:#2f353b, inverse: #ffffff, muted: #ffffff),
	dark-1:	(color:#525e64, inverse: #ffffff, muted: #ffffff),
	dark-2:	(color:#31383c, inverse: #ffffff, muted: #ffffff),
	dark-3:	(color:#41515b, inverse: #ffffff, muted: #ffffff),
	grey:	(color:#eeeeee, inverse: darken(#eeeeee, 50%), muted: darken(#eeeeee, 50%)),
	grey-1:	(color:#f7f7f7, inverse: darken(#f7f7f7, 50%), muted: darken(#f7f7f7, 50%)),
	grey-2:	(color:#677083, inverse: #ffffff, muted: #ffffff),
	grey-3:	(color:#7f8c97, inverse: #ffffff, muted: #ffffff)
);
