/* 洗车小程序设计规范 - 全局变量定义 */

/* 1. 品牌主色调 */
$uni-color-primary: #C6171E; // 主红色 - 用于主要按钮、导航栏和强调元素

/* 2. 辅助色 */
$uni-color-success: #4CAF50; // 成功绿 - 用于成功状态和积极反馈
$uni-color-warning: #FF9800; // 警告橙 - 用于警告状态和提醒
$uni-color-error: #F44336;   // 错误红 - 用于错误状态和警示
$uni-color-info: #2196F3;    // 信息蓝 - 用于信息提示和次要操作

/* 3. 中性色系统 */
// 文字颜色
$uni-text-color: #1A1A1A;     // 主文字 - 用于主要内容和标题
$uni-text-color-grey: #666666; // 次要文字 - 用于辅助信息
$uni-text-color-light: #999999; // 辅助文字 - 用于说明文字和占位符

// 背景颜色
$uni-bg-color: #FFFFFF;       // 主背景 - 用于卡片和内容区域
$uni-page-bg-color: #F5F7FA;  // 页面背景 - 用于整体页面背景
$uni-card-bg-color: #FFFFFF;  // 卡片背景 - 用于信息卡片

// 边框颜色
$uni-border-color: #E0E0E0;   // 边框颜色 - 用于分隔线和边框

/* 4. 字体规范 */
// 字体族
$uni-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

// 字体大小 (12px-32px的字体大小层级)
$uni-font-size-xs: 12px;  // 超小字体 - 用于最小的说明文字
$uni-font-size-sm: 14px;  // 小字体 - 用于次要信息和标签
$uni-font-size-base: 16px;  // 基础字体 - 用于正文内容
$uni-font-size-lg: 18px;  // 大字体 - 用于标题
$uni-font-size-xl: 20px;  // 超大字体 - 用于主要标题
$uni-font-size-xxl: 24px;   // 特大字体 - 用于重要标题
$uni-font-size-xxxl: 32px;  // 最大字体 - 用于突出显示的数字和标题

// 字重系统
$uni-font-weight-regular: 400;  // 常规字重
$uni-font-weight-medium: 500;    // 中等字重
$uni-font-weight-semibold: 600;  // 半粗字重
$uni-font-weight-bold: 700;      // 粗体字重

// 行高系统 (1.2-2.0的行高层级)
$uni-line-height-xs: 1.2;   // 超小行高 - 用于紧凑排版
$uni-line-height-sm: 1.4;   // 小行高 - 用于常规内容
$uni-line-height-base: 1.5;  // 基础行高 - 用于正文
$uni-line-height-lg: 1.8;   // 大行高 - 用于长文本
$uni-line-height-xl: 2.0;   // 超大行高 - 用于特殊排版

/* 5. 空间系统 */
// 垂直间距 (4px、8px、12px三级)
$uni-spacing-vertical-xs: 4px;
$uni-spacing-vertical-sm: 8px;
$uni-spacing-vertical-md: 12px;

// 水平间距 (5px、10px、15px三级)
$uni-spacing-horizontal-xs: 5px;
$uni-spacing-horizontal-sm: 10px;
$uni-spacing-horizontal-md: 15px;

// 卡片间距 (统一使用20-24rpx的卡片间距)
$uni-card-spacing: 20rpx;

// 通用间距变量
$uni-spacing-xs: 8rpx;
$uni-spacing-sm: 16rpx;
$uni-spacing-base: 24rpx;
$uni-spacing-lg: 32rpx;
$uni-spacing-xl: 40rpx;

/* 6. 圆角 */
$uni-border-radius-sm: 4px;  // 小圆角
$uni-border-radius-base: 8px;  // 基础圆角
$uni-border-radius-lg: 12px;   // 大圆角
$uni-border-radius-circle: 50%; // 圆形

/* 7. 阴影 */
$uni-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);      // 基础阴影
$uni-box-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15); // 大阴影

/* 8. 动画过渡 */
$uni-transition-duration: 0.3s;  // 基础过渡时间
$uni-transition-timing-function: ease; // 基础过渡函数

/* 9. 状态颜色 */
$uni-color-idle: #4CAF50;    // 空闲状态 - 绿色
$uni-color-busy: #FF9800;    // 忙碌状态 - 橙色
$uni-color-error-state: #F44336; // 故障状态 - 红色