$color-black: #292929;

$color-white: #fff;

$color-gray: #6c6c6c;
$color-gray2: #7d7d7d;
$color-gray3: #f0f0f0;
$color-gray4: #c4c4c4;
$color-gray5: #e5e5e5;

$color-blue: #4267b2;

$color-green: #4caf50;

$gray-300: #D5D5D5;
$gray-400: #b9b9b9;
$gray-450: #b9b9b999;
$gray-500: #929292;
$gray-550: rgba(146, 146, 146, 0.478);
$gray-600: #989898;
$gray-700: #575757;

$black: #000;

/* Grid breakpoints */
$grid-breakpoints: (
	xs: 0,
	cstm: 400,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
  ultrawide: 2499px
) !default;

$z-index: (
	level1: 5,
	level2: 10,
	level3: 15,
	level4: 20,
	level5: 25
) !default;