@import '~antd/dist/antd.less';

@main-color: #ee1d22; // 主色
@adorn-color1: #f07b1d; // 点缀色
@adorn-color2: #bf1779; // 点缀色
@complementary-color: #20c318; // 互补色

@text-color: rgba(0, 0, 0, 0.85); // 正文颜色,一级字体颜色
@one-text-color: rgba(0, 0, 0, 0.85); // 一级字体颜色
@second-text-color: rgba(0, 0, 0, 0.65); // 二级字体颜色
@three-text-color: rgba(0, 0, 0, 0.45); // 三级字体颜色

@border-color: #e6e6e6; // 分割线

// 间距
@padding-small: 8px;
@padding-middle: 16px;
@padding-big: 24px;

@borderRadius: 2px; // 圆角

// 提示性颜色
@loading-color: #1089ff; // 进行中
@success-color: #52c41a; // 成功，完成
@danger-color: #f5222d; // 失败，危险
@warn-color: #faad14; // 警告

@bg-color: #f0f2f5; // 背景色

@red-1: #fff1f0;

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#root {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	line-height: 22px;
	color: @text-color;
	height: 100%;
	width: 100%;
	background-color: @bg-color;
}

h1,
h2,
h3,
h4 {
	font-weight: 500;
	color: @one-text-color;
}

h1 {
	font-size: 30px;
	line-height: 38px;
}

h2 {
	font-size: 24px;
	line-height: 32px;
}

h3 {
	font-size: 18px;
	line-height: 26px;
}

h4 {
	font-size: 16px;
	line-height: 24px;
}