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

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

$base-font-size: 16px;

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

// colors
$color-white: #FFFFFF;
$color-black: #000000;
$color-orange: #E96526;
$color-orange-hover: #ea4b05;
$color-lightgray: #E4E1E1;
$color-darkgray: #999999;
$color-text: #333333;
$color-text-light: #222222;
$color-mark: #E96526;
$color-error: #ff0000;
$color-error-light: #ff9191;
$color-gray-border: #555555;