/** 默认主题 */
$--font-path: '~element-ui/lib/theme-chalk/fonts' !default;

$--color-primary: #409eff !default;

$--color-white: #ffffff !default;

$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;

$--color-success: #52c41a !default;
$--color-warning: #faad14 !default;
$--color-danger: #ff4d4f !default;

$--color-success-light: #b7eb8f !default;
$--color-warning-light: #ffe58f !default;
$--color-danger-light: #ffa39e !default;

$--color-success-lighter: #f6ffed !default;
$--color-warning-lighter: #fffbe6 !default;
$--color-danger-lighter: #fff1f0 !default;

$--color-text-primary: #303133 !default;

/* Border */
$--border-color-base: #dddddd !default;
$--border-color-light: #e5e5e5 !default;
$--border-color-lighter: #ededed !default;
$--border-color-extra-light: #f4f4f4 !default;

/* Background */
$--background-color-base: #fafafa !default;

/* Radio */
$--radio-input-height: 16px !default;
$--radio-input-width: 16px !default;
$--radio-checked-icon-color: $--color-white !default;

/* Alert */
$--alert-title-font-size: 14px !default;

/* Message */
$--message-min-width: inherit !default;
$--message-background-color: $--color-primary-light-9 !default;
$--message-padding: 12px 16px !default;
$--message-info-font-color: $--color-primary !default;

/* Notification */
$--notification-radius: 2px !default;

/* Table */
$--table-header-font-color: $--color-text-primary !default;
$--table-header-background-color: $--background-color-base !default;

/* Badge */
$--badge-padding: 5px !default;
$--badge-size: 16px !default;

/* Card */
$--card-padding: 17px !default;

/* DatePicker */
$--datepicker-inrange-background-color: $--color-primary-light-9 !default;
$--datepicker-inrange-hover-background-color: $--color-primary-light-9 !default;

/* Scrollbar */
$--scrollbar-background-color: rgba(170, 170, 170, 0.5) !default;
$--scrollbar-hover-background-color: rgba(170, 170, 170, 0.8) !default;

/* Calendar */
$--calendar-selected-background-color: $--color-primary-light-9 !default;

/* Element Variables */
@import '~element-ui/packages/theme-chalk/src/common/var.scss';

/* Menu */
$--menu-vertical-item-height: 45px !default; // item高度
$--menu-vertical-item-line-height: $--menu-vertical-item-height !default; // item行高
$--menu-vertical-item-margin: 3px !default; // item外间距
$--menu-sidebar-item-height: 45px !default; // 一级item高度
$--menu-sidebar-item-line-height: $--menu-sidebar-item-height !default; // 一级item行高
$--menu-sidebar-item-margin: 5px !default; // 一级item外间距
$--menu-dark-background: #191a23 !default; // 深色主题背景
$--menu-dark-item-color: rgba(255, 255, 255, 0.8) !default; // 深色主题文字颜色
$--menu-dark-item-selected-color: #fff !default; // 深色主题选中文字颜色
$--menu-popup-item-height: 40px !default; // 弹出式子菜单item高度
$--menu-popup-item-line-height: 40px !default; // 弹出式子菜单item行高
$--menu-popup-item-padding: 0 15px !default; // 弹出式子菜单item内间距
$--menu-popup-item-margin: 0 !default; // 弹出式子菜单item外间距
$--menu-popup-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !default; // 弹出式子菜单阴影
$--menu-popup-dark-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !default; // 弹出式子菜单深色主题阴影

/* 字体 */
$--body-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC',
  'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif !default;

/* Layout */
$--layout-z-index: 99 !default; // 多页签[最小] -> [顶栏|侧栏][+2|+3|+1] -> 移动端遮罩层[+3]
$--layout-body-background: #f0f2f5 !default;
$--layout-mask-bg: rgba(0, 0, 0, 0.5) !default;

/* 侧栏 */
$--sidebar-width: 256px !default; // 侧栏宽度
$--sidebar-collapse-width: 60px !default; // 侧栏折叠后宽度
$--sidebar-background-dark: $--menu-dark-background !default; // 侧栏深色背景
$--sidebar-light-shadow: 1px 3px 3px rgba(0, 0, 0, 0.08) !default; // 侧栏亮色阴影
$--sidebar-dark-shadow: 0 4px 4px rgba(0, 21, 41, 0.35) !default; // 侧栏深色阴影
$--sidebar-collapse-icon-font-size: 18px !default; // 侧栏折叠后图标字体大小
$--sidebar-colorful-icon-width: 26px !default; // 侧栏彩色图标宽度
$--sidebar-colorful-icon-size: 14px !default; // 侧栏彩色图标字体大小
$--sidebar-transition-anim: 0.3s cubic-bezier(0.2, 0, 0, 1) 0s !default; // 侧栏过渡动画
$--sidebar-transition: width $--sidebar-transition-anim,
  left $--sidebar-transition-anim, box-shadow $--sidebar-transition-anim !default; // 侧栏过渡动效
$--sidebar-nav-width: 80px !default; // 侧栏一级菜单宽度
$--sidebar-nav-padding: 0 8px !default; // 侧栏一级菜单内间距
$--sidebar-collapse-nav-padding: 0 8px !default; // 侧栏折叠后一级菜单内间距
$--sidebar-nav-pop-menu-margin: 12px !default; // 侧栏一级菜单弹出式子菜单的左右外间距
$--sidebar-nav-font-size: 12px !default; // 侧栏一级菜单item字体大小
$--sidebar-nav-icon-font-size: 18px !default; // 侧栏一级菜单item图标字体大小
$--sidebar-nav-item-padding: 10px 0 !default; // 侧栏一级菜单item内间距
$--sidebar-collapse-nav-item-padding: 10px 0 !default; // 侧栏一级菜单折叠后item内间距
$--sidebar-nav-item-title-margin: 5px 0 0 0 !default; // 侧栏一级菜单item标题文字外间距
$--sidebar-nav-item-margin: 5px 0 0 0 !default; // 侧栏一级菜单item外间距
$--sidebar-collapse-nav-item-margin: 5px 0 10px 0 !default; // 侧栏折叠后一级菜单item外间距

/* 顶栏 */
$--header-height: 60px !default; // 顶栏高度
$--header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08) !default; // 顶栏亮色阴影
$--header-dark-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !default; // 顶栏深色阴影
$--header-avatar-size: 28px !default; // 顶栏头像大小
$--header-tool-hover-bg: rgba(0, 0, 0, 0.025) !default; // 顶栏工具按钮hover背景
$--header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05) !default; // 深色时背景

/* Logo */
$--logo-size: 30px !default; // logo大小
$--logo-font-size: 20px !default; // logo文字大小
$--logo-font-weight: 600; // logo字体粗度
$--logo-light-color: #303133 !default; // logo亮色文字颜色
$--logo-dark-color: #f2f2f2 !default; // logo深色文字颜色
$--logo-light-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08) !default; // logo亮色阴影
$--logo-dark-shadow: 0 0px 4px rgba(0, 21, 41, 0.35) !default; // logo深色阴影
$--logo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default; // logo字体

/* 标签页 */
$--tabs-height: 40px !default; // 页签高度
$--tabs-card-padding: 8px !default; // 卡片式页签边距

/* 主体内容定宽 */
$--body-limit-width: 1200px !default;

/* Image */
$--content-image-filter: none !default;

/* Radio */
$--radio-inner-width: 8px !default;
$--radio-inner-height: 8px !default;
$--radio-inner-background-color: $--color-primary !default;