// Font-family
$titleFont: gill-sans-nova, sans-serif;
$textFont: gill-sans-nova, sans-serif;
$font-family: "Roboto Flex", sans-serif;

//Font-size
//BASE FONT SIZE IS 10PX
$title-size: 2.5rem;
$subtitle-size: 1.8rem;
$text-size-xxl: 3rem;
$text-size-xl: 2rem;
$text-size-large: 1.6rem;
$text-size-normal-bigger: 1.4rem;
$text-size-normal-big: 1.3rem;
$text-size-normal: 1.2rem;
$text-size-small: 1.1rem;
$text-size-xs: 1rem;

//Font-weight
$thin: 100;
$extra-light: 200;
$lightweight: 300;
$regular: 400;
$medium: 500;
$semi-bold: 600;
$bold: 700;
$extra-bold: 800;

//Colors
$body-bg: #f8fafc;
$main-color: #040059;
$secondary-color: #1a73e8;
$hover-bg-color:#0D60C8;
$alt-bg-color: #EFF0ED;
$success-color: #0d9867;
$error-color: #ee6969;
$grey-text-color: #707070;
$another-grey-text-color:#A2A2A2;
$modal-overlay:#0C343D;
$light-grey-text-color: #CCCCCC;
$border-color:#DFEAF7;
$input-bg-color:#E3ECF8;
$submit-color:#E3AC16;

//Toaster colors
$toaster-success: #b6f8c4;
$toaster-info: #b2e7f5;
$toaster-warning: #fae7c7;
$toaster-error: #ffb7b7;

//ui
$footer-height: 36px;