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

// sidebar
$menuText:#fff;
$menuActiveText:#fff;
$subMenuActiveText:#fff; // https://github.com/ElemeFE/element/issues/12951

$menuBg:#fff;
$menuHover:#003680;

$subMenuBg:#003680;
$subMenuHover:#003680;

$sideBarWidth: 248px;


/***颜色***/
//主色
$dsj-primary-color: #fff; 
// 辅色1
$dsj-assist-color-1: #0067f3;
// 辅色2
$dsj-assist-color-2: #22c9fb;
// 辅色3
$dsj-assist-color-3: #e8523f;
// 背景1
$dsj-bg-color-1: #F5F7FE;
// 背景2
$dsj-bg-color-2: #f5f8fc;
// 线/边框
$dsj-border-color: #e5e5e5;
// 表头
$dsj-table-header-color: #e1e8f3;

// 文字颜色
$dsj-font-color-1: #000000;
$dsj-font-color-2: #2d3348;
$dsj-font-color-3: #666666;
$dsj-font-color-4: #999999;
$dsj-font-color-5: #d5d8e1;
$dsj-font-color-sel: #0067f3;
$dsj-font-color-assist: #e8523f;

// 文字大小
$dsj-font-size-xl: 24px;
$dsj-font-size-l: 16px;
$dsj-font-size-m: 14px;
$dsj-font-size-s: 12px;

/****宽高****/
$dsj-side-width: 248px;
$dsj-header-height: 60px;

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