///////////////////////
// VARIABLES
////
// all variables needed
// 

/** COLOURS **/
$light: #fff
$dark: #1B1D21

// $lighter-dark: #4D4D4D
// $grey: #707070

// $error-red: #CC0000 

// $current-color: #1C5FAB
// $review-color: #4587D3
// $complete-color: #9BB8D9
// $soon-color: #888888
// $all-color: #fff

$blue: #4361EE
$orange: #FB8500

$text-color: #1B1D21

// $modal-overlay: rgba(0,0,0,0.93)

/** SCREEN SIZES **/
$screen-mobile-min: 320px
$screen-mobile-max: 480px

$screen-tablet-min: 481px
$screen-tablet-max: 768px

$screen-laptop-min: 769px
$screen-laptop-max: 1024px

$screen-desktop-min: 1025px
$screen-desktop-max: 1200px

$screen-desktop-large-min: 1201px
$screen-desktop-large-max: 1920px

/** MAIN GRID **/
$max-grid-width: 1280px
// $max-grid-width-bigger: 1640px
$grid-gutter: 16px
// $grid-gutter-mobile: 24px


$normal-header-height: 180px
$sticky-header-height: 80px


$section-space-between: 100px
$section-space-between-x-large: 250px
$section-space-between-small: 60px
$section-space-between-x-small: 45px

$section-space-between-mobile: 60px
$section-space-between-small-mobile: 40px