:root {
    /* 颜色变量 */
    --primary-color: #e63946;
    /* 强调红色 */
    --secondary-color: rgba(0, 0, 0, 1);
    /* 深蓝色 */
    --dark-color: #0a1628;
    /* 极深蓝背景 */
    --light-color: #f8f9fa;
    /* 浅灰色背景 */
    --white: #ffffff;
    --default-color: rgba(255, 255, 255, 0.6);
    --text-color: #333333;
    /* 正文文字颜色 */
    --text-muted: #666666;
    /* 辅助文字颜色 */
    --text-light: #999999;
    /* 浅色文字 */
    --border-color: #eeeeee;

    /* 渐变色 */
    --hero-gradient: linear-gradient(135deg, #0a1628 0%, #1e3a5f 100%);

    /* 布局变量 */
    --container-width: 1700px;
    --header-height: 80px;
    --header-height-scroll: 70px;

    /* 间距变量 */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 32px;
    --spacing-lg: 64px;
    --spacing-xl: 100px;

    /* 动画变量 */
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    /* 阴影变量 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
}