/**
 * 全局样式变量 - 清新绿色主题
 * 设计原则：纯色无渐变、简约清晰、科学排版
 */

/* ==================== 色彩系统 ==================== */

/* 主色调 - 清新绿 */
$primary-color: #10b981;
$primary-color-light: #34d399;
$primary-color-dark: #059669;
$primary-color-bg: #ecfdf5;

/* 辅助色 - 活力橙 */
$accent-color: #f97316;
$accent-color-light: #fb923c;
$accent-color-bg: #fff7ed;

/* 信息色 - 天空蓝 */
$info-color: #0ea5e9;
$info-color-light: #38bdf8;
$info-color-bg: #f0f9ff;

/* 功能色 */
$success-color: #10b981;
$success-color-bg: #ecfdf5;
$warning-color: #f59e0b;
$warning-color-bg: #fffbeb;
$error-color: #ef4444;
$error-color-bg: #fef2f2;

/* ==================== 文字系统 ==================== */

/* 文字颜色 - 层级分明 */
$text-color-primary: #1e293b;
$text-color-secondary: #475569;
$text-color-tertiary: #64748b;
$text-color-muted: #94a3b8;
$text-color-placeholder: #cbd5e1;

/* 文字尺寸 */
$font-size-xs: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-md: 30rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;
$font-size-2xl: 40rpx;
$font-size-3xl: 48rpx;

/* ==================== 边框与分割 ==================== */

$border-color: #e2e8f0;
$border-color-light: #f1f5f9;
$divider-color: #e2e8f0;

/* ==================== 背景系统 ==================== */

$bg-color-page: #f8fafc;
$bg-color-card: #ffffff;
$bg-color-secondary: #f1f5f9;
$bg-color-tertiary: #e2e8f0;

/* ==================== 圆角系统 ==================== */

$radius-xs: 4rpx;
$radius-sm: 8rpx;
$radius-base: 12rpx;
$radius-md: 16rpx;
$radius-lg: 20rpx;
$radius-xl: 24rpx;
$radius-full: 9999rpx;

/* ==================== 间距系统 (8rpx 基准) ==================== */

$spacing-0: 0;
$spacing-1: 8rpx;
$spacing-2: 16rpx;
$spacing-3: 24rpx;
$spacing-4: 32rpx;
$spacing-5: 40rpx;
$spacing-6: 48rpx;
$spacing-7: 56rpx;
$spacing-8: 64rpx;

/* 兼容旧变量 */
$text-color: $text-color-primary;
$text-color-secondary: #475569;
$text-color-placeholder: #cbd5e1;
$background-color: $bg-color-page;
$background-color-light: $bg-color-secondary;
$border-radius-sm: $radius-sm;
$border-radius-base: $radius-base;
$border-radius-lg: $radius-lg;
$spacing-sm: $spacing-2;
$spacing-base: $spacing-3;
$spacing-lg: $spacing-4;