variables.scss

// colors
$color-white: #fff;
$color-black: #36383b;
$color-grey: #898f95;
$color-grey-mid: #abaaba;
$color-grey-light4: #b4b9c0;
$color-grey-light3: hsla(59, 13%, 86%, 0.2);
$color-grey-light2: #d8d8d8;
$color-grey-light: #f0f3f6;
$color-yellow: #ffb700;
$color-yellow-light: #ffd759;
$color-purple-dark: #3C3F57;
$color-blue-light: #6259E5;

%shadow {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

%frame {
  @extend %shadow;
  background-color: $color-white;
}

$breakpoints: (
  phone: 480px,
  tablet: 768px,
  desktop: 1024px,
);