/* Variables */

// Base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;

// Sidebar
$sideBarWidth: 220px;
// $subMenuBg: #1f2d3d;
$subMenuBg: #2b2f3a;
$subMenuHover: #001528;
$subMenuActiveText: #f4f4f5;
// $menuBg:#304156;
$menuBg: #2b2f3a;
$menuText: #bfcbd9;
$menuActiveText: #409eff; // Also see settings.sidebarTextTheme

// Login page
$lightGray: #eee;
$darkGray: #889aa4;
$loginBg: #2d3a4b;
$loginCursorColor: #fff;

$primary: #a6192e;
$info: #5d5d5d;
$discard: #ff4949;
$discard-bg: #ffdddd;

// The :export directive is the magic sauce for webpack
// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  menuBg: $menuBg;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
}