:root {
    /* 主色调 - 参考飞柚GEO */
    --color-primary: #2538FF;
    --color-primary-dark: #1A2ACC;
    --color-primary-light: #4C5BFF;
    --color-secondary: #2538FF;
    --color-accent: #8F00FF;
    --color-gold: #F59E0B;
    --color-purple: #8F00FF;
    --color-pink: #EC4899;

    /* 文字 */
    --color-text: #15181C;
    --color-text-light: #4B5563;
    --color-text-muted: #6B7280;
    --color-heading: #000000;
    --color-heading-sub: #1A2233;
    --color-white: #ffffff;

    /* 背景 - 高级灰色系（参考飞柚GEO） */
    --color-bg: #F4F4F9;
    --color-bg-light: #F8F8FB;
    --color-bg-soft: #F6F6FA;
    --color-bg-deep: #EDEDF2;
    --color-bg-dark: #0A1628;
    --color-bg-card: #ffffff;

    /* 边框 */
    --color-border: #D4D4DC;
    --color-border-light: #E8E8EE;

    /* 渐变 - 参考飞柚GEO */
    --gradient-primary: linear-gradient(135deg, #0F2755 0%, #1B3A8B 50%, #2563EB 100%);
    --gradient-accent: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    --gradient-cta: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    --gradient-gold: linear-gradient(135deg, #F59E0B, #FBBF24);
    --gradient-hero: linear-gradient(180deg, #F4F4F9 0%, #F8F8FB 100%);
    --gradient-section: linear-gradient(180deg, #F8F8FB 0%, #F4F4F9 100%);
    --gradient-section-alt: linear-gradient(180deg, #F4F4F9 0%, #F8F8FB 100%);
    --gradient-purple: linear-gradient(135deg, #1E40AF 0%, #7C3AED 100%);
    --gradient-warm: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
    --gradient-btn: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    --gradient-btn-hover: linear-gradient(270deg, #7A00DB 0%, #1D2ECC 100%);
    --gradient-mesh: radial-gradient(circle at 20% 20%, rgba(143, 0, 255, .06) 0%, transparent 50%),
                     radial-gradient(circle at 80% 70%, rgba(37, 56, 255, .06) 0%, transparent 50%),
                     radial-gradient(circle at 50% 100%, rgba(143, 0, 255, .04) 0%, transparent 50%);

    /* 阴影 */
    --shadow-xs: 0 1px 3px rgba(17, 24, 39, .06);
    --shadow-sm: 0 2px 8px rgba(17, 24, 39, .06);
    --shadow-md: 0 8px 24px rgba(17, 24, 39, .08);
    --shadow-card: 0 12px 36px rgba(17, 24, 39, .10);
    --shadow-float: 0 16px 48px rgba(17, 24, 39, .12);
    --shadow-glow: 0 0 40px rgba(37, 56, 255, .15);
    --shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, .12);
    --shadow-strong: 0 20px 60px rgba(17, 24, 39, .15);

    /* 圆角 */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;

    /* 布局 */
    --container-width: 1240px;
    --header-height: 76px;

    /* 过渡 */
    --transition: 200ms ease;
    --transition-slow: 400ms ease;
    --transition-spring: 400ms cubic-bezier(.34, 1.56, .64, 1);
}