/**
 * 万核基因 - CSS Variables
 * 全局变量定义，所有页面统一引用此文件
 * 版本: 1.0.0
 * 更新: 2026-01-25
 */

:root {
    /* ==================== 品牌色 ==================== */
    --b: #2563EB;           /* 主蓝色 - Primary Blue */
    --bl: #60A5FA;          /* 浅蓝色 - Light Blue */
    --bb: #EFF6FF;          /* 背景蓝 - Blue Background */
    --bd: #1E40AF;          /* 深蓝色 - Dark Blue (hover) */
    
    /* ==================== 功能色 ==================== */
    /* 绿色系 - 成功/正向 */
    --g: #059669;           /* 主绿 */
    --gl: #34D399;          /* 浅绿 */
    --gb: #ECFDF5;          /* 背景绿 */
    
    /* 紫色系 - 高级/特殊 */
    --p: #7C3AED;           /* 主紫 */
    --pl: #A78BFA;          /* 浅紫 */
    --pb: #F5F3FF;          /* 背景紫 */
    
    /* 红色系 - 价格/警告/热门 */
    --r: #DC2626;           /* 主红 */
    --rl: #F87171;          /* 浅红 */
    --rb: #FEF2F2;          /* 背景红 */
    
    /* 橙色系 - 评分/强调 */
    --o: #EA580C;           /* 主橙 */
    --ol: #FB923C;          /* 浅橙 */
    --ob: #FFF7ED;          /* 背景橙 */
    
    /* 黄色系 - 提示/标记 */
    --y: #F59E0B;           /* 主黄 */
    --yl: #FCD34D;          /* 浅黄 */
    --yb: #FFFBEB;          /* 背景黄 */
    
    /* ==================== 灰度系统 ==================== */
    --c9: #111827;          /* 最深 - 标题文字 */
    --c8: #1F2937;          /* 深色 */
    --c7: #374151;          /* 正文文字 */
    --c6: #4B5563;          /* 次要文字 */
    --c5: #6B7280;          /* 辅助文字 */
    --c4: #9CA3AF;          /* 占位符 */
    --c3: #D1D5DB;          /* 边框 */
    --c2: #E5E7EB;          /* 分割线 */
    --c1: #F3F4F6;          /* 浅背景 */
    --c0: #F9FAFB;          /* 最浅背景 */
    --white: #FFFFFF;       /* 纯白 */
    
    /* ==================== 背景色 ==================== */
    --bg-body: #F3F5F7;     /* 页面背景 */
    --bg-card: #FFFFFF;     /* 卡片背景 */
    --bg-header: #FFFFFF;   /* 头部背景 */
    --bg-footer: #0F172A;   /* 底部背景 */
    --bg-topbar: linear-gradient(90deg, #1e3a8a, #172554);  /* 顶栏渐变 */
    
    /* ==================== 阴影 ==================== */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.03);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 20px rgba(0,0,0,0.12);
    --shadow-blue: 0 4px 12px rgba(37,99,235,0.15);
    
    /* ==================== 圆角 ==================== */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;
    
    /* ==================== 间距 ==================== */
    --gap-xs: 4px;
    --gap-sm: 8px;
    --gap-md: 12px;
    --gap-lg: 16px;
    --gap-xl: 20px;
    --gap-2xl: 24px;
    
    /* ==================== 字体 ==================== */
    --font-family: 'Noto Sans SC', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
    
    /* ==================== 字号 ==================== */
    --text-xs: 10px;
    --text-sm: 11px;
    --text-base: 12px;
    --text-md: 13px;
    --text-lg: 14px;
    --text-xl: 16px;
    --text-2xl: 18px;
    --text-3xl: 22px;
    --text-4xl: 28px;
    
    /* ==================== 行高 ==================== */
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --leading-loose: 2;
    
    /* ==================== 过渡 ==================== */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
    
    /* ==================== 层级 ==================== */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 300;
    --z-toast: 400;
    --z-tooltip: 500;
    
    /* ==================== 布局尺寸 ==================== */
    --max-width: 1200px;
    --sidebar-width: 280px;
    --sidebar-narrow: 180px;
    --header-height: 48px;
    --topbar-height: 28px;
}

/* 深色模式预留（暂不启用） */
/* @media (prefers-color-scheme: dark) {
    :root {
        --bg-body: #0F172A;
        --bg-card: #1E293B;
        --c9: #F9FAFB;
        --c7: #E5E7EB;
    }
} */