/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */

$container-max-width: 1140px;
$container-small-max-width: 996px;
$container-medium-max-width: 1093px;
$container-thin-max-width: 835px;
$container-thin-alt-max-width: 851px;

$container-gutter: 15px;

$column-gap: 24px;

$family-primary: 'Roboto', sans-serif;
$body-size: 14px;
$body-line-height: 1.2;

$primary: #685bc7;
$primary-invert: findColorInvert($primary);

$dark-gray: #333;
$dark-gray-invert: findColorInvert($dark);

$purple-light: #c0a9f7;
$purple-light-invert: findColorInvert($purple-light);

$dark: #0c0016;
$dark-invert: findColorInvert($dark);

$danger: #d91a31;
$danger-invert: findColorInvert($danger);

$dark-light: #4a4a4a;

$primary-dark: #330072;

$gray: #9b9b9b;
$white: #fff;
$black: #222;

$colors: (
	'white': (
		$white,
		$black
	),
	'black': (
		$black,
		$white
	),
	'danger': (
		$danger,
		$danger-invert
	),
	'primary': (
		$primary,
		$primary-invert
	),
	'purple-light': (
		$purple-light,
		$purple-light-invert
	),
	'dark': (
		$dark,
		$dark-invert
	),
	'dark-gray': (
		$dark-gray,
		$dark-gray-invert
	)
);