/* ===== 启田美学 - 统一变量系统 ===== */
/* 此文件包含所有全局CSS变量，供所有页面共享使用 */

/* ===== 品牌色 ===== */
:root {
    --qt-blue: #7B9FD3;
    --qt-orange: #FF6B3D;
    --qt-yellow: #FFB800;
    --qt-green: #52C41A;
    --qt-navy: #1a2942;

    /* 当前兼容变量（逐步替换过渡使用） */
    --primary-color: var(--qt-blue);
    --accent-color: var(--qt-yellow);
    --secondary-color: var(--qt-navy);
    --light-bg-color: rgba(123,159,211,0.08);
    --primary-hover: #5a7fa8;
    --accent-hover: #e6a500;

    /* 中性色 */
    --cool-gray-3: #D2D2D2;
    --cool-gray-9: #737373;
    --cool-gray-11: #505050;

    /* === 功能色 === */
    --text-primary: #1a2942;
    --text-secondary: #5a6a7e;
    --text-muted: #8e9aaa;
    --bg-light: #f5f7fa;
    --bg-card: #ffffff;
    --border-light: #e8ecf1;

    /* === 语义色 === */
    --success: var(--qt-green);
    --warning: var(--qt-yellow);
    --error: #e74c3c;
    --info: var(--qt-blue);
    /* 警告提示背景/边框/文字色 */
    --warning-bg: #FFFBEB;
    --warning-border: #FEF3C7;
    --warning-text: #92400E;

    /* === 渐变 === */
    --gradient-primary: linear-gradient(135deg, var(--qt-blue) 0%, var(--qt-navy) 100%);
    --gradient-accent: linear-gradient(135deg, var(--qt-yellow) 0%, var(--qt-orange) 100%);

    /* ===== 间距系统 ===== */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-section: 80px;

    /* ===== 圆角系统 ===== */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* ===== 阴影系统（使用启田深黑色，更柔和） ===== */
    --shadow-sm: 0 1px 3px rgba(26, 41, 66, 0.06);
    --shadow-md: 0 4px 12px rgba(26, 41, 66, 0.08);
    --shadow-lg: 0 8px 24px rgba(26, 41, 66, 0.12);
    --shadow-hover: 0 12px 32px rgba(26, 41, 66, 0.15);

    /* ===== 字体层级 ===== */
    --font-family-base: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.25rem;
    --font-size-h4: 1rem;
    --font-size-body: 0.9375rem;
    --font-size-small: 0.8125rem;
    --font-size-caption: 0.75rem;
    --line-height-base: 1.6;
    --line-height-tight: 1.4;

    /* ===== 过渡 ===== */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* ===== 导航栏 ===== */
    --header-height: 80px;
    --header-height-mobile: 60px;

    /* ===== 响应式断点 ===== */
    --bp-xs: 320px;
    --bp-sm: 480px;
    --bp-md: 600px;
    --bp-lg: 768px;
    --bp-xl: 992px;
    --bp-2xl: 1024px;
    --bp-3xl: 1200px;
    --bp-container: 1200px;
}

/* 后备字体 */
body {
    font-family: var(--font-family-base);
}