// COLORS
$primary-color: #25575c;
$primary-color--light: #32686d;
$secondary-color: #57abb2;
$secondary-color--light: #abd5d9;
$secondary-color--extralight: #e3f1f2;

$bg-light: #f4f9fa;
$text-color: #707070;
$text-color-black: #202124;

$white: #ffffff;
$gray: #c6c6c6;
$black: #000000;
$transparent: transparent;

// BUTTON COLORS XD
$purple-color--light: #dfcce8;
$purple-color--dark: #794e8c;

$yellow-color--light: #fff9de;
$yellow-color--dark: #b7990c;

$pink-color: #d81259;

$blue-color: #0e3e8d;

$yellow-color: #ffde40;

// MEDIA QUERIES
$screen-xs: 576px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-xl: 1440px;
$screen-xxl: 1700px;
$screen-xxxl: 1920px;

// Typography
$font-family-base: 'Public Sans', Arial, sans-serif;
$font-family-heading: 'Alfa Slab One', Arial, sans-serif;
$font-size-base: 16px;
$font-size-h1: 3.0625rem;
$font-size-h2: 2.5625rem;
$font-size-h3: 2.125rem;
$font-size-h4: 1.75rem;
$font-size-h5: 1.4375rem;
$font-size-h6: 1.1875rem;
$font-size-body: 1rem;
$font-size-body--small: 0.875rem;
$font-size-label: 0.75rem;

$line-height-base: 1.5;
$line-height-heading: 1.2;

$font-weight-normal: 400;
$font-weight-bold: 700;