// base color  颜色管理
$logo_bg:#093d5b;
$header_bg:#fff;/* 头部背景颜色 */
$content_bg:#f4f4f4;/* 内容部分背景色 */
$tag_bg:#3cbade;

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

// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg:#304156;
$menuHover:#0c4a6e;/* 侧边栏鼠标悬浮背景色 */
$font_bg: #fff;/* 侧边栏字体 */
$subMenuBg:#0c4a6e;/* 侧边栏背景色 */
$subMenuHover:#0c4a6e;/* 主菜单背景鼠标悬浮颜色 */

$bg:#283443;/* 登录背景颜色 */
$light_gray:#333;
$cursor: #333;

$sideBarWidth: 210px;

/* 按钮颜色 */
$btn:#3cbade;
$btn_hover:#339ebd;
$btn_success:#3cbade;
$btn_success_hover:#339ebd;
$btn_danger:#fa5944;
$btn_danger_hover:#d54c3a;
$btn_text:#fff;
$btn_text_hover:#e8f4ff;
$btn_warning:#efb540;
$btn_warning_hover:#cb9a36;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  bg:$bg;
  light_gray:$light_gray;
  cursor:$cursor;
  content_bg:$content_bg;
  logo_bg:$logo_bg;
  header_bg:$header_bg;
  btn:$btn;
  btn_hover:$btn_hover;
  btn_success:$btn_success;
  btn_success_hover:$btn_success_hover;
  btn_danger:$btn_danger;
  btn_danger_hover:$btn_danger_hover;
  btn_text:$btn_text;
  btn_text_hover:$btn_text_hover;
  btn_warning:$btn_warning;
  btn_warning_hover:$btn_warning_hover;
  font_bg:$font_bg;
  tag_bg:$tag_bg;
}
