challenge-vtex-io-saulo-klein/styles/sass/utils/_vars.scss

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap");

$color-black: #292929;
$color-black2: #000;
$color-black3: #202020;

$color-white: #fff;

$color-gray: #6c6c6c;
$color-gray2: #7d7d7d;
$color-gray3: #f0f0f0;
$color-gray4: #c4c4c4;
$color-gray5: #e5e5e5;
$color-gray6: #929292;
$color-gray7: #575757;
$color-gray8: #9292927a;
$color-gray9: #989898;
$color-gray10: #afafaf;
$color-gray11: #d5d5d5;
$color-gray12: #868686;
$color-gray13: #b9b9b9;
$color-gray14: #bfbfbf;
$color-gray15: #b9b9b999;
$color-gray16: #bababa;

$color-blue: #4267b2;

$color-green: #4caf50;

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

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