/* Variables */

// Base color
$blue: #324157;
$light-blue: #3A71A8;
$red: #C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow: #FEC171;
$panGreen: #30B08F;

// Sidebar
$sideBarWidth: 300px;
$subMenuBg: #1f2d3d;
$subMenuHover: #001528;
$subMenuActiveText: #f4f4f5;
$menuBg: #fff;
$menuText: #162B64;
$menuActiveText: #435EBE; // Also see settings.sidebarTextTheme

// Login page
$lightGray: #eee;
$darkGray: #889aa4;
$loginBg: #2d3a4b;
$loginCursorColor: #fff;
$elActiveColor: rgba(206, 159, 39, 0.4);
;
$elDisabledColor: #C4C4C4;
$elCircle: rgba(226, 208, 160, 1);
$elBg: #F5F5F5;
$elActive4: rgba(206, 159, 39, 0.4);
$elActiveText: #fff;
$elDeleteColor: #E5574F;
$bg: '/sgipad/images/page-officehome/officehome.jpg';
$headerHeight: 48px;
$headerHeightPading: 58px;

// 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;
}