// 颜色变量
$primary-color: #2E8B57; // 海绿色 - 主色调
$secondary-color: #32CD32; // 酸橙绿 - 辅助色
$accent-color: #FFD700; // 金色 - 强调色
$success-color: #28a745; // 成功色
$warning-color: #ffc107; // 警告色
$error-color: #dc3545; // 错误色
$info-color: #17a2b8; // 信息色

// 中性色
$white: #ffffff;
$black: #000000;
$gray-50: #f8f9fa;
$gray-100: #e9ecef;
$gray-200: #dee2e6;
$gray-300: #ced4da;
$gray-400: #adb5bd;
$gray-500: #6c757d;
$gray-600: #495057;
$gray-700: #343a40;
$gray-800: #212529;
$gray-900: #0d1117;

// 文字颜色
$text-primary: $gray-900;
$text-secondary: $gray-600;
$text-muted: $gray-500;
$text-light: $gray-400;
$text-white: $white;

// 背景色
$bg-primary: $white;
$bg-secondary: $gray-50;
$bg-light: $gray-100;
$bg-dark: $gray-800;

// 边框色
$border-color: $gray-200;
$border-light: $gray-100;
$border-dark: $gray-300;

// 字体大小
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-base: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-2xl: 20px;
$font-size-3xl: 24px;
$font-size-4xl: 28px;
$font-size-5xl: 32px;

// 字体粗细
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// 行高
$line-height-tight: 1.2;
$line-height-normal: 1.4;
$line-height-relaxed: 1.6;
$line-height-loose: 1.8;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-base: 12px;
$spacing-md: 16px;
$spacing-lg: 20px;
$spacing-xl: 24px;
$spacing-2xl: 32px;
$spacing-3xl: 40px;
$spacing-4xl: 48px;
$spacing-5xl: 64px;

// 圆角
$border-radius-none: 0;
$border-radius-sm: 2px;
$border-radius-base: 4px;
$border-radius-md: 6px;
$border-radius-lg: 8px;
$border-radius-xl: 12px;
$border-radius-2xl: 16px;
$border-radius-full: 50%;

// 阴影
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
$shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

// Z-index
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// 断点
$breakpoint-xs: 0;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-2xl: 1400px;

// 容器最大宽度
$container-max-width-sm: 540px;
$container-max-width-md: 720px;
$container-max-width-lg: 960px;
$container-max-width-xl: 1140px;
$container-max-width-2xl: 1320px;

// 动画时间
$transition-fast: 0.15s;
$transition-base: 0.3s;
$transition-slow: 0.5s;

// 动画函数
$ease-in: cubic-bezier(0.4, 0, 1, 1);
$ease-out: cubic-bezier(0, 0, 0.2, 1);
$ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

// 表单控件
$input-height: 44px;
$input-padding-x: $spacing-md;
$input-padding-y: $spacing-sm;
$input-border-width: 1px;
$input-border-color: $border-color;
$input-border-radius: $border-radius-md;
$input-focus-border-color: $primary-color;
$input-focus-box-shadow: 0 0 0 2px rgba(46, 139, 87, 0.2);

// 按钮
$button-height: 44px;
$button-padding-x: $spacing-lg;
$button-padding-y: $spacing-sm;
$button-border-radius: $border-radius-md;
$button-font-weight: $font-weight-medium;

// 卡片
$card-padding: $spacing-lg;
$card-border-radius: $border-radius-lg;
$card-border-color: $border-color;
$card-shadow: $shadow-sm;

// 导航栏
$navbar-height: 44px;
$navbar-padding-x: $spacing-md;
$navbar-background: $white;
$navbar-border-color: $border-color;

// 标签栏
$tabbar-height: 50px;
$tabbar-background: $white;
$tabbar-border-color: $border-color;
$tabbar-active-color: $primary-color;
$tabbar-inactive-color: $gray-500;

// 列表项
$list-item-height: 44px;
$list-item-padding-x: $spacing-md;
$list-item-padding-y: $spacing-sm;
$list-item-border-color: $border-light;

// 头像
$avatar-size-xs: 24px;
$avatar-size-sm: 32px;
$avatar-size-base: 40px;
$avatar-size-lg: 48px;
$avatar-size-xl: 64px;
$avatar-size-2xl: 80px;

// 徽章
$badge-padding-x: 6px;
$badge-padding-y: 2px;
$badge-font-size: $font-size-xs;
$badge-border-radius: $border-radius-full;

// 加载状态
$loading-color: $primary-color;
$loading-size: 20px;

// 空状态
$empty-color: $gray-400;
$empty-font-size: $font-size-sm;