/* --------- VARIABLES SECTION ---------- */

/* --------- COLOURS ---------- */

$white: #ffffff;
$off-white: #f5f5f5;
$black: black;

$light-grey: #e9e9e9;
$median-grey: #333333;
$dark-midnight-grey: #444444;
$midnight-grey: #666666;
$nepal-grey: #93a4b3;
$shell-grey: #777777;
$dusty-grey: #778591;
$sky-grey: #f9f1e8;
$bright-grey: #fdedeb;
$pale-grey: #94a6b5;
$pebble-grey: #eff2f4;

$geyser-blue: #d7dde1;
$cool-blue: #76858f;
$dusky-blue: #666176;
$midnight-blue: #534d64;
$midnight-blue-transparent: #534d641f;
$suite-logo-blue: #4e5063;
$powdered-blue: #c6d0d8;
$sky-blue: #a99ac9;
$astral-blue: #4b7291;
$pale-blue: #7096b5;
$bright-blue: #eeebf5;

$burnt-orange: #e65545;
$light-orange: #f05645;
$dull-orange: #ee8776;
$bright-orange: #f08377;
$vacant-orange: #a97375;


$burnt-red: #ef8177;
$amaranth: #dc3545;

$mellow-yellow: #e2b98e;
$sandy-yellow: #e3a35f;

$lighter-salmon-pink: #faeeeb;
$salmon-pink: #f5aea6;
$coral-pink: #eb6657;
$suite-logo-pink: #e67062;

$light-purple: #8d74cc;

$wild-willow-green: #c6ca6b;

/* --------- PREDEFINED STYLES ---------- */

$main: $midnight-blue;
$primary: $cool-blue;
$secondary: $nepal-grey;


/* --------- BREAKPOINTS ---------- */

$breakpoint-xxsmall: 12em;
$breakpoint-xsmall: 24em;
$breakpoint-small: 30em;
$breakpoint-medium: 36em;
$breakpoint-large: 48em;
$breakpoint-xlarge: 62em;
$breakpoint-xxlarge: 75em;
$breakpoint-xxxlarge: 105em;

/* --------- Z-INDEXES ---------- */

$zindex: (
  app-high: 2000,
  app-mid: 1750,
  app-low: 1510,
  modal-high: 1500,
  modal-mid: 1250,
  modal-low: 1040,
  nav-high: 1019,
  nav-mid: 750,
  nav-low: 500,
  page-high: 499,
  page-mid: 50,
  page-low: 10,
);
