/**
 * 高维数科主题变量 - CSS自定义属性(设计令牌)
 * Theme Variables for Gaowei Digital Tech
 */

:root {
    /* ===== 主色系 ===== */
    --primary-blue: #1A73E8;
    --primary-blue-dark: #1557B0;
    
    /* ===== 渐变色 ===== */
    --primary-gradient: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
    --primary-gradient-hover: linear-gradient(135deg, #1D4ED8 0%, #6D28D9 100%);
    --secondary-gradient: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);
    --hero-gradient: linear-gradient(135deg, #1E3A8A 0%, #7C3AED 50%, #EC4899 100%);
    --card-hover-gradient: linear-gradient(135deg, rgba(37,99,235,0.05) 0%, rgba(124,58,237,0.05) 100%);
    --success-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);
    --danger-gradient: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
    --warning-gradient: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    
    /* ===== 强调色 ===== */
    --accent-warm: #F97316;
    --accent-success: #10B981;
    --accent-danger: #DC2626;
    --accent-info: #06B6D4;
    --accent-warning: #F59E0B;
    
    /* ===== 文字色 ===== */
    --text-heading: #0F172A;
    --text-heading-secondary: #334155;
    --text-body: #475569;
    --text-muted: #94A3B8;
    --text-link: #1A73E8;
    --text-price: #DC2626;
    
    /* ===== 背景色 ===== */
    --bg-page: #F8FAFC;
    --bg-card: #FFFFFF;
    --bg-section-alt: #F1F5F9;
    --bg-footer: #0F172A;
    --bg-input: #FFFFFF;
    --bg-input-focus: #FFFFFF;
    
    /* ===== 边框色 ===== */
    --border-light: #E2E8F0;
    --border-medium: #CBD5E1;
    --border-dark: #94A3B8;
    
    /* ===== 阴影 ===== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);
    --shadow-navbar: 0 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-focus: 0 0 0 3px rgba(26, 115, 232, 0.15);
    
    /* ===== 圆角 ===== */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    
    /* ===== 过渡动画 ===== */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* ===== 间距 ===== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* ===== 字体 ===== */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-family-heading: var(--font-family-base);
    
    /* ===== 字号 ===== */
    --font-size-h1: 36px;
    --font-size-h2: 28px;
    --font-size-h3: 22px;
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-xs: 12px;
    
    /* ===== 字重 ===== */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* ===== 行高 ===== */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;
    
    /* ===== 容器宽度 ===== */
    --container-max-width: 1200px;
}

/* IE11 Fallbacks - 为不支持CSS变量的浏览器提供回退值 */
.navbar-default {
    background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
}

.btn-primary {
    background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
}

body {
    background-color: #F8FAFC;
}
