/**
 * CSS变量定义文件
 * 统一管理项目的颜色、尺寸、字体等变量
 */

:root {
    /* ===== 主色调 ===== */
    --primary-color: #4986BE;
    --primary-hover: #ff0000;
    --primary-active: #386691;
    --primary-light: #f0f8ff;
    
    /* ===== 辅助色 ===== */
    --success-color: #52c41a;
    --success-hover: #73d13d;
    --success-light: #f6ffed;
    
    --warning-color: #faad14;
    --warning-hover: #ffc53d;
    --warning-light: #fffbe6;
    
    --danger-color: #ff4d4f;
    --danger-hover: #ff7875;
    --danger-light: #fff2f0;
    
    --info-color: #4986BE;
    --info-hover: #ff0000;
    --info-light: #f0f8ff;
    
    /* ===== 中性色 ===== */
    --text-primary: #333;
    --text-secondary: #666;
    --text-tertiary: #999;
    --text-quaternary: #ccc;
    
    --border-color: #e6e6e6;
    --border-light: #f0f0f0;
    --border-dark: #d9d9d9;
    
    --background-primary: #fff;
    --background-secondary: #f8f9fa;
    --background-tertiary: #f5f5f5;
    
    /* ===== 尺寸变量 ===== */
    --border-radius: 8px;
    --border-radius-sm: 4px;
    --border-radius-lg: 12px;
    
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 20px;
    
    --line-height-sm: 1.4;
    --line-height-md: 1.6;
    --line-height-lg: 1.8;
    
    /* ===== 阴影变量 ===== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.2);
    
    /* ===== 过渡动画 ===== */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* ===== 布局变量 ===== */
    --container-max-width: 1200px;
    --header-height: 60px;
    --nav-height: 50px;
    --footer-height: 60px;
    
    /* ===== 断点变量 ===== */
    --breakpoint-sm: 480px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    
    /* ===== 招聘模块专用变量 ===== */
    --recruitment-primary: #4986BE;
    --recruitment-secondary: #f0f0f0;
    --recruitment-accent: #fa8c16;
    --recruitment-success: #52c41a;
    
    --job-card-padding: 20px;
    --job-card-margin: 20px;
    --job-card-radius: 8px;
    
    --talent-avatar-size: 60px;
    --talent-card-padding: 20px;
    
    /* ===== 企业空间模块专用变量 ===== */
    --company-primary: #3D67AD;
    --company-secondary: #4986BE;
    --company-accent: #52c41a;
    
    /* ===== 招标模块专用变量 ===== */
    --tender-primary: #722ed1;
    --tender-secondary: #9254de;
    --tender-accent: #fa8c16;
}

/* ===== 暗色主题变量 ===== */
@media (prefers-color-scheme: dark) {
    :root {
        --text-primary: #fff;
        --text-secondary: #ccc;
        --text-tertiary: #999;
        --text-quaternary: #666;
        
        --border-color: #404040;
        --border-light: #333;
        --border-dark: #555;
        
        --background-primary: #1f1f1f;
        --background-secondary: #2a2a2a;
        --background-tertiary: #333;
    }
}

/* ===== 高对比度主题变量 ===== */
@media (prefers-contrast: high) {
    :root {
        --primary-color: #0066cc;
        --text-primary: #000;
        --text-secondary: #333;
        --border-color: #000;
        --background-primary: #fff;
    }
}

/* ===== 减少动画主题变量 ===== */
@media (prefers-reduced-motion: reduce) {
    :root {
        --transition-fast: 0s;
        --transition-normal: 0s;
        --transition-slow: 0s;
    }
}