/* 主题配置文件 - 集中管理所有的CSS变量和颜色系统 */
:root {
    /* 主题色 - 金融科技风格，专业、可靠 */
    --primary-color: #1e88e5; /* 主蓝色 */
    --primary-hover: #1976d2; /* 主蓝色悬停 */
    --secondary-color: #f5f5f5; /* 次要背景色 */
    --accent-color: #ff5722; /* 强调色 - 用于突出重要操作 */
    
    /* 状态色 */
    --success-color: #4caf50; /* 成功色 - 用于正向操作反馈 */
    --warning-color: #ff9800; /* 警告色 - 用于需要注意的信息 */
    --error-color: #f44336; /* 错误色 - 用于错误提示 */
    --info-color: #2196f3; /* 信息色 - 用于一般性提示 */
    
    /* 涨跌色 - 适合金融网站 */
    --up-color: #f44336; /* 涨 - 红色 */
    --down-color: #4caf50; /* 跌 - 绿色 */
    --flat-color: #9e9e9e; /* 平 - 灰色 */
    
    /* 背景色 */
    --bg-primary: #ffffff; /* 主背景色 - 用于卡片、导航栏等 */
    --bg-secondary: #f8f9fa; /* 次背景色 - 用于页面背景 */
    --bg-card: #ffffff; /* 卡片背景色 */
    --bg-hover: #f5f5f5; /* 悬停背景色 */
    --bg-active: rgba(30, 136, 229, 0.1); /* 激活状态背景色 */
    
    /* 文字色 */
    --text-primary: #212529; /* 主要文字颜色 */
    --text-secondary: #6c757d; /* 次要文字颜色 */
    --text-muted: #9e9e9e; /* 提示文字颜色 */
    --text-light: #ffffff; /* 浅色文字 - 用于深色背景上 */
    
    /* 边框色 */
    --border-color: #e0e0e0; /* 标准边框色 */
    --border-light: #f0f0f0; /* 浅色边框 */
    --border-focus: rgba(30, 136, 229, 0.3); /* 焦点状态边框色 */
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05); /* 小阴影 - 用于轻微浮起效果 */
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08); /* 中阴影 - 用于卡片 */
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.12); /* 大阴影 - 用于模态框等 */
    --shadow-dropdown: 0 6px 16px rgba(0, 0, 0, 0.12); /* 下拉菜单阴影 */
    
    /* 圆角 */
    --border-radius-sm: 4px; /* 小圆角 - 用于按钮、输入框 */
    --border-radius-md: 8px; /* 中圆角 - 用于卡片 */
    --border-radius-lg: 12px; /* 大圆角 - 用于模态框等 */
    --border-radius-full: 50%; /* 全圆角 - 用于圆形元素 */
    
    /* 间距 */
    --spacing-xs: 4px; /* 超小间距 */
    --spacing-sm: 8px; /* 小间距 */
    --spacing-md: 16px; /* 中等间距 - 基础单位 */
    --spacing-lg: 24px; /* 大间距 */
    --spacing-xl: 32px; /* 超大间距 */
    --spacing-xxl: 48px; /* 特大间距 */
    
    /* 字体 */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /* 主要字体 */
    --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace; /* 等宽字体 - 用于代码、数字等 */
    
    /* 字体大小 */
    --font-size-xs: 0.75rem; /* 12px */
    --font-size-sm: 0.875rem; /* 14px */
    --font-size-base: 1rem; /* 16px - 基础字体大小 */
    --font-size-lg: 1.125rem; /* 18px */
    --font-size-xl: 1.25rem; /* 20px */
    --font-size-2xl: 1.5rem; /* 24px */
    --font-size-3xl: 1.875rem; /* 30px */
    --font-size-4xl: 2.25rem; /* 36px */
    
    /* 字体粗细 */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* 过渡动画 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.35s ease;
    
    /* Z-index 层级 */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    
    /* 断点 */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
}