// Color
$--color-primary: #1890ff;
$--color-white: #fff;
$--color-black: #000;
$--color-success: #67c23a;
$--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;

// text color
$--color-text-primary: #303133;
$--color-text-regular: #606266;
$--color-text-secondary: #909399;
$--color-text-placeholder: #c0c4cc;

// border
$--border-width-base: 1px;
$--border-style-base: solid;
$--border-color-base: #dcdfe6;
$--border-color-light: #e4e7ed;
$--border-color-lighter: #ebeef5;
$--border-color-extra-light: #f2f6fc;
$--border-color-hover: $--color-text-placeholder;
$--border-base: $--border-width-base $--border-style-base $--border-color-base;
$--border-radius-base: 4px;
$--border-radius-small: 2px;
$--border-radius-circle: 100%;

// background
$--background-color-base: #f5f7fa;
$--background-color-base-dark: #303133;


// layout

$--layout-header-height: 60px;
$--layout-footer-height: 60px;
$--layout-aside-width: 64px;
$--layout-aside-width-expand: 220px;


// navMenu
$--menu-item-color: $--color-text-placeholder;
$--menu-item-fill: $--background-color-base-dark;
$--menu-item-hover-fill: $--color-primary;