// 就为了少写一点
@mixin flex($direction, $justify-content, $align-items) {
	display: flex;
	flex-direction: $direction;
	justify-content: $justify-content;
	align-items: $align-items;
}

body {
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		PingFang SC,
		Hiragino Sans GB,
		noto sans,
		Microsoft YaHei,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

//字体大小使用px
$--size-12: 12px;
$--size-14: 14px;
$--size-15: 15px;
$--size-16: 16px;
$--size-17: 17px;
$--size-18: 18px;
$--size-20: 20px;
$--size-22: 22px;
$--size-24: 24px;
$--size-26: 26px;
$--size-28: 28px;
$--size-30: 30px;
$--size-32: 32px;
$--size-34: 34px;
$--size-36: 36px;
$--size-38: 38px;
$--size-40: 40px;

//字体粗细
$--weight-bold: bold;
$--weight-normal: normal;

//默认字体颜色
$--light-words-color: rgba(19, 24, 36, 1);
$--dark-words-color: rgba(255, 255, 255, 1);

//默认背景颜色
$--light-background-color: rgba(246, 246, 246, 1);
$--dark-background-color: rgba(0, 0, 0, 1);

//功能色默认
$--primary: rgba(22, 97, 171, 1);
$--success: rgba(44, 150, 120, 1);
$--info: rgba(187, 181, 172, 1);
$--warning: rgba(252, 195, 7, 1);
$--error: rgba(222, 28, 49, 1);

//功能色禁用状态
$--primary-disable: rgba(22, 97, 171, 0.7);
$--success-disable: rgba(44, 150, 120, 0.7);
$--info-disable: rgba(187, 181, 172, 0.7);
$--warning-disable: rgba(252, 195, 7, 0.7);
$--error-disable: rgba(222, 28, 49, 0.7);

//逆转文字颜色
$--light-main-invert-color: rgba(255, 255, 255, 1);
$--light-title-invert-color: rgba(255, 255, 255, 0.85);
$--light-subtitle-invert-color: rgba(255, 255, 255, 0.75);
$--light-description-invert-color: rgba(255, 255, 255, 0.65);

//逆转文字颜色
$--dark-main-invert-color: rgba(19, 24, 36, 1);
$--dark-title-invert-color: rgba(19, 24, 36, 0.85);
$--dark-subtitle-invert-color: rgba(19, 24, 36, 0.75);
$--dark-description-invert-color: rgba(19, 24, 36, 0.65);

//文字颜色
$--dark-main-color: rgba(255, 255, 255, 1);
$--dark-title-color: rgba(255, 255, 255, 0.85);
$--dark-subtitle-color: rgba(255, 255, 255, 0.75);
$--dark-description-color: rgba(255, 255, 255, 0.65);

//文字颜色
$--light-main-color: rgba(19, 24, 36, 1);
$--light-title-color: rgba(19, 24, 36, 0.85);
$--light-subtitle-color: rgba(19, 24, 36, 0.75);
$--light-description-color: rgba(19, 24, 36, 0.65);

//边框圆角
$--border-radius-none: 0;
$--border-radius-usual: 30px;
$--border-radius-small: 10%;
$--border-radius-medium: 20%;
$--border-radius-large: 30%;
$--border-radius-circle: 50%;

//阴影
$--shadow--light: 0 0 40px rgba(19, 24, 36, 0.1);
$--shadow--dark: 0 0 40px rgba(255, 255, 255, 0.1);

//内外边距使用rpx
$--padding_Margin-none: 0;
$--padding_Margin-10: 10px;
$--padding_Margin-20: 20px;
$--padding_Margin-30: 30px;
$--padding_Margin-40: 40px;
$--padding_Margin-50: 50px;
$--padding_Margin-60: 60px;
$--padding_Margin-70: 70px;
$--padding_Margin-80: 80px;
$--padding_Margin-90: 90px;
$--padding_Margin-100: 100px;