//frontend breakpoint
$mobile: 360px;
$tablet: 768px;
$laptop: 1024px;
$desktop: 1440px;

//fonts
$font-roboto: var(--font-roboto), sans-serif;
$font-montseratt: var(--font-montseratt), sans-serif;

$base-font-size: 16px;

$font-light: 300;
$font-regular: 400;
$font-medium: 500;
$font-semi-bold: 600;
$font-bold: 700;

// colors
$color-white: #FFFFFF;
$color-black: #000000;
$color-lightgray: #E4E1E1;
$color-darkgray: #999999;
$color-text: #333333;
$color-text-light: #777777;
$color-green: #23A455;
$color-link: #333333;
$color-link-hover: #009283;
$color-error: #ff0000;
$color-error-light: #ff9191;
$color-gray-border: #555555;