// $screen-xl: 2559px;
$screen-l: 1439px;
$screen-ls: 1280px;
$screen-m: 1023px;
$screen-s: 767px;
// $screen-xs: 424px;

$custom-easing: cubic-bezier(0.645, 0.045, 0.355, 1);

// Generic colors
$black: #000000;
$white: #ffffff;

// Flash colors
$green-flash: #12bf4d;
$blue-flash: #005176;
$turquoise-flash: #3fa79e;
$purple-flash: #320756;
$purple-hover: #4e1480;
$orange-flash: #ffb017;
$red-flash: #a63a23;
$re-hover: #cc4c31;
$pink-flash: #bd4b91;
$pink-hover: #e34ba9;

// Soft colors
$green-soft: #baf2cd;
$blue-soft: #a7c6d4;
$orange-soft: #ffdc99;
$turquoise-soft: #c3eae6;
$purple-soft: #c5b2d4;
$orange-soft: #ffdc99;
$red-soft: #f08771;
$pink-soft: #f8b9df;

$orange-soft-hover: #ffd078;
$grey: #939393;
$grey-medium: #e7e7e7;
$grey-soft: #f9f9f9;

$modal-background: rgba(0, 0, 0, 0.44);

$shadow-nav: 0px 8px 10px rgba(0, 0, 0, 0.07);
$shadow-tooltip: 0px 4px 24px rgba(0, 0, 0, 0.15);