/* 全局CSS变量 - 统一设计系统 */
:root {
    /* ========== 色彩系统 ========== */
    /* 主色调 - 简洁优雅 */
    --primary-color: #5667FD;  /* 主色：优雅蓝紫 */
    --primary-rgb: 86, 103, 253;  /* 主色RGB值，用于rgba */
    --primary-light: #7B87FF;
    --primary-dark: #4054E0;
    --primary-bg: rgba(86, 103, 253, 0.08);
    
    /* 辅助色 */
    --success-color: #52C41A;
    --warning-color: #FAAD14;
    --danger-color: #FF4757;
    --info-color: #1890FF;
    
    /* 中性色 - 更柔和 */
    --text-primary: #1F2329;     /* 主文字 */
    --text-regular: #4E5969;     /* 常规文字 */
    --text-secondary: #86909C;   /* 次要文字 */
    --text-disabled: #C9CDD4;    /* 禁用文字 */
    
    --border-color: #E5E6EB;     /* 边框 */
    --divider-color: #F2F3F5;    /* 分割线 */
    --background: #F7F8FA;        /* 背景 */
    --card-bg: #FFFFFF;           /* 卡片背景 */
    
    /* ========== 间距系统 ========== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 24px;
    
    /* ========== 圆角系统 ========== */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    
    /* ========== 阴影系统 - 更柔和 ========== */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.12);
    
    /* ========== 字体系统 ========== */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", 
                   "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", 
                   Helvetica, Arial, sans-serif;
    
    /* 字体大小 */
    --font-xs: 11px;
    --font-sm: 12px;
    --font-base: 14px;
    --font-md: 15px;
    --font-lg: 16px;
    --font-xl: 18px;
    --font-xxl: 20px;
    
    /* 字重 */
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    
    /* 行高 */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* ========== 布局 ========== */
    --header-height: 44px;
    --tabbar-height: 49px;
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    
    /* ========== 动画 ========== */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.4s ease;
    
    /* ========== Z-index层级 ========== */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-popover: 600;
    --z-tooltip: 700;
}