/* ============================================
   企业官网模板 — CSS 变量体系（大气升级版）
   渐变主色 / 深蓝夜色区块 / 青色强调 / 超大字号 / 大留白
   ============================================ */

:root {
    /* ── 品牌主色（深蓝）── */
    --color-primary: #1D4ED8;
    --color-primary-600: #1E40AF;
    --color-primary-700: #1E3A8A;
    --color-primary-900: #172554;

    /* ── 强调色（高亮青，克制使用）── */
    --color-accent: #22D3EE;
    --color-accent-2: #38BDF8;

    /* ── 深蓝夜色区块 ── */
    --color-night: #0A1A2F;
    --color-night-2: #0F2742;

    /* ── 渐变体系（弃用纯色平涂）── */
    --gradient-primary: linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%);
    --gradient-primary-soft: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
    --gradient-night: linear-gradient(135deg, #0A1A2F 0%, #13315C 55%, #1E40AF 100%);
    --gradient-accent: linear-gradient(135deg, #38BDF8 0%, #22D3EE 100%);
    --gradient-border: linear-gradient(135deg, rgba(37,99,235,.55), rgba(34,211,238,.45));

    /* ── 辅助色 ── */
    --color-success: #059669;
    --color-warning: #D97706;
    --color-danger: #DC2626;

    /* ── 文本 ── */
    --color-text: #334155;
    --color-text-light: #64748B;
    --color-text-dark: #0F172A;

    /* ── 中性 / 背景 ── */
    --color-bg: #FFFFFF;
    --color-bg-alt: #F8FAFC;
    --color-border: #E2E8F0;

    /* ── 间距系统（8px 基准，区块间距加大）── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    /* 区块垂直内边距：72px ~ 120px 自适应 */
    --section-pad: clamp(4.5rem, 9vw, 7.5rem);

    /* ── 字体 ── */
    --font-family-base: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", system-ui, -apple-system, sans-serif;
    --font-family-mono: "Consolas", "Monaco", "Courier New", monospace;
    --font-size-xs: 0.8rem;
    --font-size-sm: 0.95rem;
    --font-size-base: 1.05rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    /* 首页主标题 40px ~ 72px */
    --font-size-hero: clamp(2.5rem, 5.2vw, 4.5rem);
    /* 区块标题 32px ~ 48px */
    --font-size-display: clamp(2rem, 4vw, 3rem);

    /* ── 圆角（统一放大，更现代）── */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* ── 阴影（柔和长投影）── */
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 10px 25px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 24px 50px rgba(15, 23, 42, 0.12);
    --shadow-xl: 0 40px 80px rgba(15, 23, 42, 0.18);

    /* ── 布局 ── */
    --container-max: 1200px;
    --container-padding: 1.25rem;
    --nav-height: 76px;

    /* ── 过渡 ── */
    --transition-fast: 180ms ease;
    --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}