challenge-vtex-io-ueber-james/styles/sass/utils/_vars.scss

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
$font-open:  'Open Sans', sans-serif;
$color-black2:#000000;
$color-black300: #202020;
$color-black: #292929;
$color-white: #FFFFFF;
$color-gray8: #575757;
$color-gray: #6c6c6c;
$color-gray2: #7d7d7d;
$color-gray3: #f0f0f0;
$color-gray4: #c4c4c4;
$color-gray5: #e5e5e5;
$color-gray6: #929292;
$color-gray7: #BFBFBF;
$color-gray8: #868686;
$color-gray9: #AFAFAF;
$color-blue: #4267b2;

$color-green: #4caf50;

/* Grid breakpoints */
$grid-breakpoints: (
	xs: 0,
	cstm: 400,
	sm: 376px,
	md: 1025px,
	lg: 1920px,
	xl: 1921px
) !default;

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