:root {
    /* 品牌主色 */
    --color-primary: #0A2540; /* 深海蓝，工业力量 */
    --color-secondary: #E8E9EA; /* 科技银，冷静基调 */
    --color-accent: #00C896; /* 环保绿，高亮点缀 */
    --color-surface: #101B29; /* 深色表面 */
    --color-surface-muted: #162438; /* 次级深色面 */
    --color-gradient: linear-gradient(135deg, rgba(10,37,64,0.95) 0%, rgba(0,200,150,0.9) 100%);

    /* 中性色与文本 */
    --color-text-primary: #F8FAFC;
    --color-text-secondary: rgba(241, 245, 249, 0.72);
    --color-text-body: #1E293B;
    --color-text-muted: #475569;
    --color-divider: rgba(232, 233, 234, 0.2);
    --color-background: #0F172A;
    --color-panel: rgba(15, 23, 42, 0.78);
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* 字体系统 */
    --font-family-main: 'Microsoft YaHei', 'PingFang SC', 'Inter', sans-serif;
    --font-size-base: 16px;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi: 600;
    --font-weight-bold: 700;
    --line-height-base: 1.65;

    /* 间距系统 (8px 栅格) */
    --spacing-xl: 72px;
    --spacing-lg: 40px;
    --spacing-md: 24px;
    --spacing-sm: 16px;
    --spacing-xs: 8px;

    /* 圆角 */
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 28px;
    --border-radius-full: 999px;

    /* 阴影系统 */
    --shadow-soft: 0 14px 45px rgba(10, 16, 30, 0.35);
    --shadow-card: 0 18px 55px rgba(7, 15, 35, 0.48);
    --shadow-floating: 0 28px 65px rgba(0, 0, 0, 0.55);

    /* 布局参数 */
    --grid-gap: 24px;
    --max-content-width: 1360px;
}