@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Colors */
$white: white;
$black: black;


$primary-color: #0244AD;

$primary-color-hover: #023D9C;
$primary-color-active: #02368A;
$primary-color-focus: #0244AD;
$primary-color-disabled: #C8D9F5;


$secondary-color: #4AB721;

$secondary-color-hover: #45A21E;
$secondary-color-active: #3D911B;
$secondary-color-focus: #4AB721;
$secondary-color-disabled: #D7EFCD;


$tertiary-color: #101828 ;


$neutral-100: #161616;
$neutral-90:  #424242;
$neutral-80:  #616161;
$neutral-70:  #757575;
$neutral-60:  #9E9E9E;
$neutral-50:  #C2C2C2;
$neutral-40:  #E0E0E0;
$neutral-30:  #EDEDED;
$neutral-20:  #F5F5F5;
$neutral-10:  #FFFFFF;


$green2: #D5EEA1;
$green3: #74A644;

/* Typography */
$h1: 48px;
$h2: 44px;
$h3: 32px;
$h4: 28px; 
$h5: 20px;
$h6: 18px;

$h1-tablet: 35px;
$h2-tablet: 27px;
$h3-tablet: 25px;

$heading-font-family: 'Baloo 2', sans-serif;
$body-font-family: 'Montserrat', sans-serif;

$extra-font-family: 'Nunito', sans-serif;


$heading-font-family-serif: 'Bitter', serif;
$body-font-family-serif: 'Montserrat', serif;

$light: 300;
$regular: 400;
$medium: 500;
$semibold: 600;
$bold: 700;

$box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);

/* Sizes */
$container: 1310px;
$container-single: 830px;