/* ========================================
   CSS变量定义 - 怡菲尼品牌规范
   ======================================== */

:root {
    /* 品牌色彩 */
    --color-primary: #0066CC;
    --color-primary-dark: #0052a3;
    --color-primary-light: #3385d6;
    --color-secondary: #00A651;
    --color-secondary-dark: #008542;
    
    /* 中性色 */
    --color-black: #1a1a1a;
    --color-gray-900: #333333;
    --color-gray-700: #666666;
    --color-gray-500: #999999;
    --color-gray-300: #cccccc;
    --color-gray-100: #f5f5f5;
    --color-white: #ffffff;
    
    /* 背景色 */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-dark: #1a1a1a;
    
    /* 文字色 */
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-white: #ffffff;
    
    /* 链接色 */
    --link-color: #0066CC;
    --link-hover: #0052a3;
    
    /* 边框 */
    --border-color: #e5e5e5;
    --border-radius: 8px;
    --border-radius-sm: 4px;
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    
    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* 字体 */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 48px;
    
    /* 字重 */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* 行高 */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* 容器 */
    --container-max-width: 1200px;
    --container-padding: 20px;
    
    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s 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;
}