$color-dark: #363636 !default;
$color-light: #f2f4f6 !default;
$color-black: #000000 !default;
$color-white: #ffffff !default;

$color-grey-100: lighten($color-dark, 48);
$color-grey-200: lighten($color-dark, 42);
$color-grey-300: lighten($color-dark, 36);
$color-grey-400: lighten($color-dark, 30);
$color-grey-500: lighten($color-dark, 24);
$color-grey-600: lighten($color-dark, 18);
$color-grey-700: lighten($color-dark, 12);
$color-grey-800: lighten($color-dark, 6);

$font-stack: Montserrat, Droid Sans, Helvetica Neue, Helvetica, Arial, -apple-system, BlinkMacSystemFont, system-ui;
$font-size: 1rem;
$font-size-mobile: 1.25rem;
$font-weight: 400;
$font-style: normal;
$font-line-height: 1.8;

$breakpoint-mobile: 576px; // -sm
$breakpoint-tablet: 992px; // -md
$breakpoint-desktop: 1200px; // -lg

$gap: 2rem;