:root {
    /* 品牌色彩 */
    --color-deep-navy: #0F2744;
    --color-brand-blue: #1E5AA8;
    --color-brand-blue-dark: #173A6A;
    --color-spring-green: #22C55E;
    --color-spring-green-dark: #16A34A;
    --color-sunrise-gold: #D4A853;
    --color-tech-purple: #7C3AED;
    --color-warm-orange: #F59E0B;
    --color-slate: #64748B;
    --color-muted: #94A3B8;
    --color-border: #E2E8F0;
    --color-bg: #F8FAFC;
    --color-surface: #FFFFFF;
    --color-surface-dark: #0A1628;

    /* 字体系统 */
    --font-heading: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-body: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
    --font-english: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;

    /* 字号体系 */
    --fz-h1: 56px;
    --fz-h2: 42px;
    --fz-h3: 32px;
    --fz-h4: 24px;
    --fz-body-lg: 18px;
    --fz-body: 16px;
    --fz-caption: 14px;
    --fz-small: 12px;

    /* 间距体系 */
    --space-2xs: 4px;
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-2xl: 96px;
    --space-3xl: 144px;

    /* 圆角规范 */
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --radius-pill: 999px;

    /* 阴影层级 */
    --shadow-card: 0 4px 24px rgba(15, 39, 68, 0.08);
    --shadow-hover: 0 12px 40px rgba(15, 39, 68, 0.15);
    --shadow-nav: 0 2px 20px rgba(15, 39, 68, 0.06);
    --shadow-modal: 0 24px 80px rgba(15, 39, 68, 0.25);

    /* 布局参数 */
    --container-width: 1200px;
    --header-height: 88px;
    --max-content: 1320px;
    --transition-base: all 0.3s ease;

    /* 渐变 */
    --gradient-brand: linear-gradient(135deg, #1E5AA8, #0F2744);
    --gradient-cta: linear-gradient(135deg, #22C55E, #16A34A);
    --gradient-sunset: linear-gradient(135deg, #F59E0B, #D97706);
    --gradient-tech: linear-gradient(135deg, #7C3AED, #312E81);
}

:root[data-theme="dark"] {
    --color-bg: #050A15;
    --color-surface: #0F1828;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-slate: #CBD5F5;
    --color-muted: #7B8BAE;
}