$color--light: #FFF;
$color--dark: #000;
/*亮色主题色----------------------------------------------------------------------------------------------*/
$light--color--primary: #409EFF;
$light--color--success: #67C23A;
$light--color--blue: #409EFF;
$light--color--warning: #E6A23C;
$light--color--danger: #f84747;
$light--color--info: #7A7D82;

/*亮色菜单背景色----------------------------------------------------------------------------------------------*/
$light--sidebar--bg: #263238;

/*亮色内容背景色----------------------------------------------------------------------------------------------*/
$light--content-color: #f0f2f5; //背景底色

/*亮色字体颜色----------------------------------------------------------------------------------------------*/
$light--color--text-1: #212529;
$light--color--text-2: #343A40;
$light--color--text-3: #495057;
$light--color--text-4: #6C757D;
$light--color--text-5: #ADB5BD;
$light--color--text-6: #CED4DA;
$light--color--text-7: #DEE2E6;
/*暗色字体颜色----------------------------------------------------------------------------------------------*/
$dark--color--text-1: #F8F9FA;
$dark--color--text-2: #E9ECEF;
$dark--color--text-3: #DEE2E6;
$dark--color--text-4: #CED4DA;
$dark--color--text-5: #ADB5BD;
$dark--color--text-6: #6C757D;
$dark--color--text-7: #495057;

/*亮色边框颜色----------------------------------------------------------------------------------------------*/
$light--border-color-1: #DCDFE6;
$light--border-color-2: #E4E7ED;
$light--border-color-3: #EBEEF5;
$light--border-color-4: #F2F6FC;

/*级别颜色----------------------------------------------------------------------------------------------*/
$light--color--level-1: #cd8341;
$light--color--level-2: #81ab65;
$light--color--level-3: #38a093;
$light--color--level-4: #5591b0;
$light--color--level-5: #7b81bd;
$light--color--level-6: #a56fa2;
$light--color--level-7: #b66c6c;

/*亮色级别背景及边框颜色----------------------------------------------------------------------------------------------*/
$light--color--level-1-bg: #fffff5;
$light--color--level-2-bg: #f4fff2;
$light--color--level-3-bg: #f0fffa;
$light--color--level-4-bg: #f5fcff;
$light--color--level-5-bg: #f7f8ff;
$light--color--level-6-bg: #fff7ff;
$light--color--level-7-bg: #fff7f7;

/*暗色背景色----------------------------------------------------------------------------------------------*/
$dark--bg--color: #2C3545;

/*暗色主题色----------------------------------------------------------------------------------------------*/
$dark--color--primary: #4a8aff;
$dark--color--success: #0fc590;
$dark--color--warning: #ffa81f;
$dark--color--danger: #ff5460;
$dark--color--info: #a4a8b3;
$dark-border-color: #272F3E;
$dark-checkbox-border-color: #1D232E;
$dark-pager-border-color: #1D232E;
$dark-pager-border-hover-color: #898C9B;
$dark-pager-border-focus-color: #409eff;
$dark-pager-color: #CED0D9;
$dark-table-header-color: #A4A7B5;
$dark-table-body-color: #CED0D9;
$dark-table-header-hover-color: #d7effb;
$dark-common-bg-color: #232a37;
$dark-drawer-header-color: #bfbfc6;
$dark-drawer-body-color: #c9c9d0;
$dark-fit-card-header-color: #1f2530;
// 通用暗色字体颜色
$dark-common-color: #c8c8cf;

/*亮色 card & 表格 头部背景色----------------------------------------------------------------------------------------------*/
$light--card--header__bg: #fafafa;

/*亮色 card 投影----------------------------------------------------------------------------------------------*/
$light--card--shadow__level-5: 4px 4px 40px rgba(0, 0, 0, 0.05);
$light--card--shadow__level-hover: 0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
$light--card--shadow__level-2: 0 1 3px 0 rgba(0, 0, 0, 0.15);
$light--card--shadow__level-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.1),
0px 4px 24px 0px rgba(0, 0, 0, 0.05);
/*亮色 card 头部背景色----------------------------------------------------------------------------------------------*/
$light-fit-card-header-color: #eff3f9;

/*投影级别----------------------------------------------------------------------------------------------*/
$shadow-1-down: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
0 3px 6px 0px rgba(0, 0, 0, 0.12),
0 5px 12px 4px rgba(0, 0, 0, 0.09);
$shadow-2-down: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
0 6px 16px 0px rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
$shadow-3-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
0 9px 28px 0 rgba(0, 0, 0, 0.05),
0 12px 48px 16px rgba(0, 0, 0, 0.03);

$shadow-1-up: 0 -1px 2px -2px rgba(0, 0, 0, 0.16),
0 -3px 6px 0px rgba(0, 0, 0, 0.12),
0 -5px 12px 4px rgba(0, 0, 0, 0.09);
$shadow-2-up: 0 -3px 6px -4px rgba(0, 0, 0, 0.12),
0 -6px 16px 0px rgba(0, 0, 0, 0.08),
0 -9px 28px 8px rgba(0, 0, 0, 0.05);
$shadow-3-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08),
0 -9px 28px 0 rgba(0, 0, 0, 0.05),
0 -12px 48px 16px rgba(0, 0, 0, 0.03);

$shadow-1-left: -1px 0 2px -2px rgba(0, 0, 0, 0.16),
-3px 0 6px 0px rgba(0, 0, 0, 0.12),
-5px 0 12px 4px rgba(0, 0, 0, 0.09);
$shadow-2-left: -3 0 6px -4px rgba(0, 0, 0, 0.12),
-6 0 16px 0px rgba(0, 0, 0, 0.08),
-9 0 28px 8px rgba(0, 0, 0, 0.05);
$shadow-3-left: -6px 0 16pxpx -8px rgba(0, 0, 0, 0.08),
-9px 0 28px 0 rgba(0, 0, 0, 0.05),
-12px 0 48px 16px rgba(0, 0, 0, 0.03);

$shadow-1-right: 1px 0 2px -2px rgba(0, 0, 0, 0.16),
3px 0 6px 0px rgba(0, 0, 0, 0.12),
5px 0 12px 4px rgba(0, 0, 0, 0.09);
$shadow-2-right: 3px 0 6px -4px rgba(0, 0, 0, 0.12),
6px 0 16px 0px rgba(0, 0, 0, 0.08),
9px 0 28px 8px rgba(0, 0, 0, 0.05);
$shadow-3-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08),
9px 0 28px 0 rgba(0, 0, 0, 0.05),
12px 0 48px 16px rgba(0, 0, 0, 0.03);