/* ========================================
   FusionAI v2 - Design System Variables
   全局设计令牌 - 浅色主题
   ======================================== */

:root {
    /* ========================================
       背景层次（浅色主题）
       ======================================== */
    --bg-primary: #ffffff;         /* 页面最底层背景 */
    --bg-secondary: #f8fafc;       /* 卡片、面板背景 */
    --bg-tertiary: #f1f5f9;       /* hover态、输入框 */
    --bg-elevated: #ffffff;       /* 浮层、dropdown、modal */

    /* ========================================
       品牌色
       ======================================== */
    --color-brand: #2563eb;       /* 蓝色 - 主强调色 */
    --color-brand-hover: #3b82f6; /* 悬停亮蓝 */
    --color-brand-dim: #1d4ed8;   /* 深蓝 - active/press */
    --color-accent: #7c3aed;      /* 紫色 - 渐变搭档 */
    --color-accent-dim: #6d28d9;  /* 深紫 */

    /* ========================================
       语义色
       ======================================== */
    --color-success: #059669;      /* 绿色 - 成功/高分 */
    --color-success-bg: rgba(5, 150, 105, 0.1);
    --color-warning: #d97706;      /* 黄色 - 警告/中分 */
    --color-warning-bg: rgba(217, 119, 6, 0.1);
    --color-danger: #dc2626;       /* 红色 - 错误/低分 */
    --color-danger-bg: rgba(220, 38, 38, 0.1);
    --color-info: #2563eb;         /* 信息蓝 */

    /* ========================================
       文字颜色
       ======================================== */
    --text-primary: #1e293b;       /* 主文字 */
    --text-secondary: #475569;     /* 次要文字 */
    --text-muted: #94a3b8;         /* 弱化文字 */
    --text-inverse: #ffffff;       /* 深色背景上的文字 */

    /* ========================================
       边框 & 分割线
       ======================================== */
    --border-color: #e2e8f0;       /* 默认边框 */
    --border-light: #cbd5e1;       /* 浅边框（hover/active） */
    --border-brand: rgba(37, 99, 235, 0.3); /* 品牌色边框 */

    /* ========================================
       渐变预设
       ======================================== */
    --gradient-hero: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #ede9fe 100%);
    --gradient-brand: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    --gradient-brand-subtle: linear-gradient(135deg, rgba(37,99,235,0.05), rgba(124,58,237,0.05));
    --gradient-card-blue: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);
    --gradient-card-purple: linear-gradient(135deg, #5b21b6 0%, #6d28d9 100%);
    --gradient-card-green: linear-gradient(135deg, #047857 0%, #059669 100%);
    --gradient-card-orange: linear-gradient(135deg, #b45309 0%, #d97706 100%);
    --gradient-cta: linear-gradient(135deg, #dbeafe 0%, #c4b5fd 100%);
    --gradient-nav: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

    /* ========================================
       圆角
       ======================================== */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* ========================================
       阴影
       ======================================== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 20px rgba(37, 99, 235, 0.08);
    --shadow-glow-strong: 0 0 30px rgba(37, 99, 235, 0.15);

    /* ========================================
       字体
       ======================================== */
    --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue",
                 -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

    /* ========================================
       间距
       ======================================== */
    --section-gap: 40px;
    --content-max: 1200px;

    /* ========================================
       过渡
       ======================================== */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
}
        