// 颜色变量
$ios-primary: #0047AB; // 克莱茵蓝 - iOS风格的蓝色
$ios-primary-light: #4D91F7; // 较浅的蓝色
$ios-background: #FFFFFF; // 白色背景
$ios-background-secondary: #F2F2F7; // 浅灰色背景
$ios-background-tertiary: #E5E5EA; // 三级背景色 - 浅灰色
$ios-card-background: #FFFFFF; // 卡片背景色
$ios-text-primary: #000000; // 主要文本色
$ios-text-secondary: #8E8E93; // 次要文本色
$ios-text-tertiary: #C7C7CC; // 三级文本色
$ios-border: #E5E5EA; // 边框颜色
$ios-success: #34C759; // 成功色
$ios-warning: #FF9500; // 警告色
$ios-danger: #FF3B30; // 危险色
$ios-info: #5AC8FA; // 信息色

// 字体变量
$ios-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
$ios-font-size-xs: 12px;
$ios-font-size-sm: 14px;
$ios-font-size-md: 16px;  // 添加缺失的md尺寸
$ios-font-size-base: 16px;
$ios-font-size-lg: 18px;
$ios-font-size-xl: 22px;
$ios-font-weight-light: 300;
$ios-font-weight-regular: 400;
$ios-font-weight-medium: 500;
$ios-font-weight-semibold: 600;
$ios-font-weight-bold: 700;

// 圆角变量
$ios-radius-sm: 6px;
$ios-radius-md: 8px;
$ios-radius-lg: 12px;
$ios-radius-xl: 16px;
$ios-radius-full: 9999px;

// 阴影变量
$ios-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
$ios-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
$ios-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.05);
$ios-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.05);

// 间距变量
$ios-spacing-xs: 4px;
$ios-spacing-sm: 8px;
$ios-spacing-md: 12px;
$ios-spacing-lg: 16px;
$ios-spacing-xl: 20px;
$ios-spacing-xxl: 24px;
$ios-spacing-xxxl: 32px;

// 动画变量
$ios-animation-fast: 0.2s;
$ios-animation-normal: 0.3s;
$ios-animation-slow: 0.5s;
$ios-animation-easing: cubic-bezier(0.25, 0.8, 0.25, 1);

// 交互反馈
$ios-feedback-tap: transform 0.2s ease, box-shadow 0.2s ease;
$ios-feedback-hover: transform 0.2s ease, box-shadow 0.2s ease;

// iOS风格的滚动条
$ios-scrollbar-width: 8px;
$ios-scrollbar-track: $ios-background-secondary;
$ios-scrollbar-thumb: $ios-text-tertiary;
$ios-scrollbar-thumb-hover: $ios-text-secondary;