/* styles/variables.scss - SCSS变量定义 */

/* 主题颜色 */
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #f5222d;
$info-color: #722ed1;

/* 文本颜色 */
$text-primary: #262626;
$text-secondary: #8c8c8c;
$text-disabled: #bfbfbf;

/* 背景颜色 */
$background-color: #f5f5f5;
$background-light: #fafafa;
$background-white: #ffffff;

/* 边框颜色 */
$border-color: #e8e8e8;
$border-light: #f0f0f0;

/* 阴影 */
$shadow-light: 0 2rpx 8rpx 0 rgba(0, 0, 0, 0.06);
$shadow-normal: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.1);
$shadow-deep: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.12);

/* 圆角 */
$border-radius-small: 4rpx;
$border-radius-normal: 8rpx;
$border-radius-large: 12rpx;

/* 间距 */
$spacing-xs: 10rpx;
$spacing-sm: 20rpx;
$spacing-md: 30rpx;
$spacing-lg: 40rpx;
$spacing-xl: 60rpx;

/* 字体大小 */
$font-size-xs: 20rpx;
$font-size-sm: 24rpx;
$font-size-md: 28rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;
$font-size-xxl: 40rpx;

/* 行高 */
$line-height-normal: 1.5;
$line-height-large: 1.8;

/* 动画时间 */
$animation-duration-fast: 0.2s;
$animation-duration-normal: 0.3s;
$animation-duration-slow: 0.5s;