/*
 * 文件名: variables.css
 * 描述: 北京巨菱环境设备有限公司官网核心CSS变量系统
 * 风格: 现代专业、科技感
 */

:root {
    /* --- Color Palette: 清新呼吸 --- */
    --color-primary: #00bcd4;
    --color-primary-dark: #008ba3;
    --color-primary-light: #26c6da;
    --color-accent: #76ff03;
    --color-deep: #004d40;
    --color-muted: #4f6f75;
    --color-bg-soft: #e0f7fa;
    --color-bg-white: #ffffff;
    --color-border: #b2ebf2;
    --gradient-sky: linear-gradient(135deg, rgba(0,188,212,0.95), rgba(38,198,218,0.85));
    --gradient-mist: linear-gradient(135deg, rgba(0,188,212,0.12), rgba(118,255,3,0.15));

    /* --- Typography --- */
    --font-family-primary: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-family-secondary: 'Poppins', 'Arial', sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 0.9rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 2.5rem;
    --line-height-base: 1.65;

    /* --- Spacing --- */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 40px;
    --spacing-xxl: 72px;

    /* --- Radius & Shadows --- */
    --radius-sm: 6px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    --shadow-sm: 0 10px 30px rgba(0, 76, 85, 0.08);
    --shadow-md: 0 25px 50px rgba(0, 76, 85, 0.12);
    --shadow-lg: 0 40px 80px rgba(0, 76, 85, 0.15);

    /* --- Layout --- */
    --container-max-width: 1240px;
    --header-height: 78px;

    /* --- Motion --- */
    --transition-fast: 0.2s ease;
    --transition-base: 0.35s ease;
    --transition-slow: 0.6s ease;
}