@class-prefix: ouio;

@screen-xs: 576px;
@screen-sm: 768px;
@screen-md: 992px;
@screen-lg: 1200px;
@screen-xl: 1920px;

// -------------------色彩-------------------
@color-white: #FFFFFF;
@color-black: #000000;
@background-color-base: #F5F7FA;

@color-primary: #409EFF; // 主色
@color-primary-light1: mix(@color-white, @color-primary, 10%);
@color-primary-light2: mix(@color-white, @color-primary, 20%);
@color-primary-light3: mix(@color-white, @color-primary, 30%);
@color-primary-light4: mix(@color-white, @color-primary, 40%);
@color-primary-light5: mix(@color-white, @color-primary, 50%);

@color-success: #67C23A; // 成功
@color-success-light: mix(@color-white, @color-success, 80%);
@color-success-lighter: mix(@color-white, @color-success, 90%);

@color-warning: #E6A23C; // 警告
@color-warning-light: mix(@color-white, @color-warning, 80%);
@color-warning-lighter: mix(@color-white, @color-warning, 90%);

@color-danger: #F56C6C; // 危险
@color-danger-light: mix(@color-white, @color-danger, 80%);
@color-danger-lighter: mix(@color-white, @color-danger, 90%);

@color-info: #909399; // Info
@color-info-light: mix(@color-white, @color-info, 80%);
@color-info-lighter: mix(@color-white, @color-info, 90%);

@color-text-primary: #303133; // 主要文字
@color-text-regular: #606266; // 常规文字
@color-text-secondary: #909399; // 次要文字
@color-text-placeholder: #C0C4CC; // 占位文字

@border-color-base: #DCDFE6;
@border-color-light: #E4E7ED;
@border-color-lighter: #EBEEF5;
@border-color-extra-light: #F2F6FC;
@border-width-base: 1px;
@border-style-base: solid;
@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%;
@border-radius-zero: 0;
@box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
@box-shadow-dark:  0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);
@box-shadow-light:  0 2px 12px 0 rgba(0, 0, 0, 0.1);

@font-size-extra-large: 20px;
@font-size-large: 18px;
@font-size-medium: 16px;
@font-size-base: 14px;
@font-size-small: 13px;
@font-size-extra-small: 12px;