// 公共前缀
@prefix: t;

@primary-color-1: #ecf2fe;
@primary-color-2: #d4e3fc;
@primary-color-3: #bbd3fb;
@primary-color-4: #96bbf8;
@primary-color-5: #699ef5;
@primary-color-6: #4787f0;
@primary-color-7: #266fe8;
@primary-color-8: #0052d9;
@primary-color-9: #0034b5;
@primary-color-10: #001f97;

@warning-color-1: #fef3e6;
@warning-color-2: #f9e0c7;
@warning-color-3: #f7c797;
@warning-color-4: #f2995f;
@warning-color-5: #ed7b2f;
@warning-color-6: #d35a21;
@warning-color-7: #ba431b;
@warning-color-8: #9e3610;
@warning-color-9: #842b0b;
@warning-color-10: #5a1907;

@error-color-1: #fdecee;
@error-color-2: #f9d7d9;
@error-color-3: #f8b9be;
@error-color-4: #f78d94;
@error-color-5: #f36d78;
@error-color-6: #e34d59;
@error-color-7: #c9353f;
@error-color-8: #b11f26;
@error-color-9: #951114;
@error-color-10: #680506;

@success-color-1: #e8f8f2;
@success-color-2: #bcebdc;
@success-color-3: #85dbbe;
@success-color-4: #48c79c;
@success-color-5: #00a870;
@success-color-6: #078d5c;
@success-color-7: #067945;
@success-color-8: #056334;
@success-color-9: #044f2a;
@success-color-10: #033017;

@gray-color-1: #f3f3f3;
@gray-color-2: #eeeeee;
@gray-color-3: #e7e7e7;
@gray-color-4: #dcdcdc;
@gray-color-5: #c5c5c5;
@gray-color-6: #a6a6a6;
@gray-color-7: #8b8b8b;
@gray-color-8: #777777;
@gray-color-9: #5e5e5e;
@gray-color-10: #4b4b4b;
@gray-color-11: #383838;
@gray-color-12: #2c2c2c;
@gray-color-13: #242424;
@gray-color-14: #181818;

// 基础颜色
@primary-color: #0052d9; // 色彩-品牌-可操作
@success-color: #00a870; // 色彩-功能-成功
@warning-color: #ed7b2f; // 色彩-功能-警告
@error-color: #e34d59; // 色彩-功能-失败

// 遮罩
@mask-active: rgba(0, 0, 0, 0.6); // 遮罩-弹出
@mask-disabled: rgba(255, 255, 255, 0.6); // 遮罩-禁用

// 背景色
@bg-color: #f0f2f5; // 色彩-背景
@bg-color-fade: #fbfbfb; // 色彩-中层背景
@bg-color-block: #fff; // 色彩-模块

// @bg-primary-color:@primary-color;
// @bg-success-color:@success-color;
// @bg-warning-color:@warning-color;
// @bg-error-color:@error-color;

// 文本颜色
@text-level-1-color: #000000; // 色彩-文字-一级
@text-level-2-color: #444444; // 色彩-文字-二级
@text-level-3-color: #888888; // 色彩-文字-三级
@text-level-4-color: #bbbbbb; // 色彩-文字-四级
@text-anti-primary-color: #fff; // 色彩-文字-主色反色
@text-disabled-color: rgba(0, 0, 0, 0.26);

@text-placeholder-color: rgba(0, 0, 0, 0.4); // 占位符颜色

// @text-primary-color:@primary-color;
// @text-success-color:@success-color;
// @text-warning-color:@warning-color;
// @text-error-color:@error-color;

// 边框色
@border-color: #e7e7e7;
@border-level-1-color: #e6e6e6;
@border-level-2-color: #ddd;

// Spacer
@spacer: 8rpx * 2;
@spacer-1: @spacer * 1.5; // 间距-小-x
@spacer-2: @spacer * 2; // 间距-小
@spacer-3: @spacer * 3; // 间距-中
@spacer-4: @spacer * 4; // 间距-大
@spacer-5: @spacer * 6; // 间距-大-x
@spacer-6: @spacer * 10; // 间距-大-xx

// Font
@font-size: 10rpx * 2;
@font-size-xs: @font-size; // 字号-一级字号
@font-size-s: @font-size * 1.2; // 字号-二级字号
@font-size-base: @font-size * 1.4; // 字号-三级字号
@font-size-m: @font-size * 1.6; // 字号-二级字号
@font-size-l: @font-size * 2; // 字号-四级字号
@font-size-xl: @font-size * 3.6; // 字号-五级字号

@text-line-height: 1.5; //

@font-family: PingFang SC, Microsoft YaHei, Arial Regular; // 字体-磅数-常规
@font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium; // 字体-磅数-粗体

// Border Radiusrpx
@border-radius: 8rpx * 2; // 圆角-全局
@border-radius-50: 50%; // 圆角-全圆角

// 表单相关
@form-height: 30rpx * 2;
@form-text-color: ;
@form-bg-color: ;
@form-border-color: ;

// shadow
@shadow-1: 2rpx 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.03);
@shadow-2: 6rpx 6rpx 16rpx 4rpx rgba(0, 0, 0, 0.06);

// 图标尺寸
@icon-default: 16rpx * 2;
@icon-l: 24rpx * 2;