//Backgrounds
$bg-main: #fff;
$bg-green: #98c042;
$bg-black: #30302f;
$bg-gray: #f0f0f0;
$bg-pink: #d91082;

//Colors
$color-main: #30302f;
$color-white: #fff;
$color-pink: #d91082;
$color-gray: #999;
$color-title-pink: #d91082;
$color-title-black: #30302f;
$color-title-white: #fff;
$color-link: #d91082;
$color-placeholder: #7f7f7f;

// Font sizes
$f-size-xxl: 68px;
$f-size-xl: 38px;
$f-size-l: 30px;

$f-size: 20px;

$f-size-s: 22px;
$f-size-xs: 14px;
$f-size-xxs: 12px;

$f-size-h1: 48px;
$f-size-h2: 30px;
$f-size-h3: 26px;
$f-size-h4: 22px;
$f-size-h5: 20px;
$f-size-h6: 18px;

$f-size-form: 16px;

//Font families
$font-main: 22px/1.1 open_sanslight, Arial, Helvetica, sans-serif;
$font-light: open_sanslight, Arial, Helvetica, sans-serif;
$font-italic: open_sanslight_italic, Arial, Helvetica, sans-serif;
$font-bold-italic: open_sansbold_italic, Arial, Helvetica, sans-serif;
$font-bold: open_sansbold, Arial, Helvetica, sans-serif;
$font-regular: open_sansregular, Arial, Helvetica, sans-serif;

$title-light: robotolight, Arial, Helvetica, sans-serif;
$title-ultralight: robotothin, Arial, Helvetica, sans-serif;
$title-medium: robotomedium, Arial, Helvetica, sans-serif;

$text-light: robotoregular, Arial, Helvetica, sans-serif;
//$text-ultralight: robotothin, Arial, Helvetica, sans-serif;
$text-ultralight: robotolight, Arial, Helvetica, sans-serif;
$text-medium: robotomedium, Arial, Helvetica, sans-serif;
$text-bold: robotobold, Arial, Helvetica, sans-serif;

//Breakpoints
$desktop: 1224px;
$tablet: 1024px;
$mobile: 767px;
$mobile-small: 620px;

//Buttons
$btn-green: #5aa523;
$btn-gray: #80807f;
$btn-dark: #30302f;
$btn-green-hover: #6bbe2e;
$btn-gray-hover: #fff;

//Borders
$border-gray: #8f8f8f;
$border-dark-gray: #4b4848;
$border-light-gray: #b3b1b1;
$border-white: #fff;
$border-black: #30302f;
$border-pink: #d91082;
$border-green: #98c042;
$border-footer-menu: #999;