/**
 * 核心变量定义
 * CSS变量和主题配置
 */

:root {
    /* 清新现代主题（默认 - 浅色） */
    --color-bg-deep: #f3f4f6;
    /* 整体背景 - 浅灰 */
    --color-bg-primary: #ffffff;
    /* 主要容器背景 - 纯白 */
    --color-bg-secondary: #ffffff;
    /* 次要容器背景 - 纯白 */
    --color-bg-tertiary: #f9fafb;
    /* 第三个层级 - 极浅灰 */
    --color-bg-hover: #f3f4f6;
    /* 悬停背景 */

    /* 核心主色 - 鲜亮的蓝色 (Tailwind Blue 600) */
    --color-primary: #2563eb;
    --color-primary-rgb: 37, 99, 235;
    --color-primary-hover: #60a5fa;
    --color-primary-dark: #1d4ed8;
    --color-primary-glow: rgba(37, 99, 235, 0.25);

    /* 状态色 - iOS 风格 */
    --color-warning: #f59e0b;
    --color-warning-rgb: 245, 158, 11;
    --color-error: #ef4444;
    --color-error-rgb: 239, 68, 68;
    --color-success: #10b981;
    --color-success-rgb: 16, 185, 129;
    --color-info: #3b82f6;
    --color-info-rgb: 59, 130, 246;

    /* 文字色 - 提高对比度与易读性 */
    --color-text-primary: #000000;
    --color-text-secondary: #4b5563;
    --color-text-tertiary: #6b7280;
    --color-text-muted: #9ca3af;
    --color-text-inverse: #ffffff;
    --color-btn-text: #ffffff;
    /* 按钮文字：蓝色背景用白字 */

    /* 边框 */
    --color-border: #e5e7eb;
    --color-border-light: #f3f4f6;

    /* 阴影 - 柔和 */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-glow: 0 0 15px rgba(37, 99, 235, 0.3);

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;

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

    /* 字体 */
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Roboto Mono", monospace;

    /* 尺寸 */
    --header-height: 52px;
    --sidebar-width: 240px;
    --sidebar-collapsed: 64px;



    /* 过渡 */
    --transition-fast: 0.15s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    --transition-normal: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    --transition-slow: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);

    /* DataLens 映射别名 - 解决变量名不一致问题 */
    --bg-primary: var(--color-bg-primary);
    --bg-secondary: var(--color-bg-secondary);
    --bg-tertiary: var(--color-bg-tertiary);
    --bg-hover: var(--color-bg-hover);
    --text-primary: var(--color-text-primary);
    --text-secondary: var(--color-text-secondary);
    --text-muted: var(--color-text-muted);
    --border-color: var(--color-border);
    --color-text: var(--color-text-primary);
    --danger-color: var(--color-error);
    --danger-rgb: var(--color-error-rgb);

    /* 兼容性补充变量 */
    --color-card: var(--color-bg-primary);
    --color-secondary: #6366f1;
    --color-secondary-rgb: 99, 102, 241;
    --color-border-hover: var(--color-primary);
    --color-secondary-hover: #4f46e5;
    --color-secondary-dark: #4338ca;
    --color-secondary-glow: rgba(99, 102, 241, 0.25);
}

/* 深色模式覆盖 (如果系统开启且无手动选择) */
@media (prefers-color-scheme: dark) {
    :root:not([class*="theme-"]) {
        --color-bg-deep: #1c1c1e;
        --color-bg-primary: #2c2c2e;
        --color-bg-secondary: #3a3a3c;
        --color-bg-tertiary: #48484a;
        --color-bg-hover: #565658;

        --color-text-primary: #ffffff;
        --color-text-secondary: #ebebf5;
        --color-text-tertiary: #aeaeb2;
        --color-text-muted: #636366;
        --color-text-inverse: #000000;
        --color-btn-text: #ffffff;

        --color-border: #38383a;
        --color-border-light: #48484a;

        --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
        --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
        --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.4);
    }
}

/* ==================== 手动主题选择（优先级最高） ==================== */

/* 注意：已移除light和dark主题，只保留sunrise和neon两个主题 */

/* 日出印象主题（温暖晨曦风格）- 全面优化 */
:root.theme-sunrise {
    /* 背景渐变 - 温暖的日出色调 */
    --color-bg-deep:
        radial-gradient(ellipse at 50% 100%, rgba(255, 154, 86, 0.6) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(255, 107, 107, 0.4) 0%, transparent 40%),
        linear-gradient(to top, #FF9A56 0%, #FFCDA8 30%, #A8DADC 70%, #457B9D 100%);

    /* 容器背景 - 半透明白色，保持温暖感 */
    --color-bg-primary: rgba(255, 255, 255, 0.95);
    --color-bg-secondary: rgba(255, 250, 245, 0.92);
    --color-bg-tertiary: rgba(255, 248, 240, 0.98);
    --color-bg-hover: rgba(255, 220, 200, 0.75);

    /* 主色调 - 珊瑚橙，提高对比度 */
    --color-primary: #d65a31;
    --color-primary-rgb: 214, 90, 49;
    --color-primary-hover: #E76F51;
    --color-primary-dark: #A44A3F;
    --color-primary-glow: rgba(214, 90, 49, 0.35);

    /* 状态色 - 与主题协调 */
    --color-warning: #F4A261;
    --color-warning-rgb: 244, 162, 97;
    --color-error: #E63946;
    --color-error-rgb: 230, 57, 70;
    --color-success: #2A9D8F;
    --color-success-rgb: 42, 157, 143;
    --color-info: #457B9D;
    --color-info-rgb: 69, 123, 157;

    /* 文字色 - 深色确保可读性 */
    --color-text-primary: #1D3540;
    --color-text-secondary: #3d4f58;
    --color-text-tertiary: #526066;
    --color-text-muted: #6b777d;
    --color-text-inverse: #ffffff;
    --color-btn-text: #1D3540;

    /* 边框 - 提高可见度 */
    --color-border: rgba(38, 70, 83, 0.3);
    --color-border-light: rgba(38, 70, 83, 0.18);

    /* 阴影 - 温暖的橙色调 */
    --shadow-sm: 0 2px 4px rgba(214, 90, 49, 0.15);
    --shadow-md: 0 4px 12px rgba(214, 90, 49, 0.2);
    --shadow-lg: 0 8px 24px rgba(214, 90, 49, 0.3);
    --shadow-glow: 0 0 20px rgba(214, 90, 49, 0.4);

    /* 兼容性补充 */
    --color-card: var(--color-bg-primary);
    --color-secondary: #E76F51;
    --color-secondary-rgb: 231, 111, 81;
    --color-secondary-hover: #FF8C69;
    --color-secondary-dark: #A44A3F;
    --color-secondary-glow: rgba(231, 111, 81, 0.3);
    --color-border-hover: var(--color-primary-hover);
}

/* 星夜霓虹主题（赛博朋克风格）- 全面优化 */
:root.theme-neon {
    /* 背景渐变 - 霓虹色彩 */
    --color-bg-deep:
        radial-gradient(circle at 80% 20%, rgba(255, 46, 99, 0.4) 0%, transparent 40%),
        radial-gradient(circle at 20% 80%, rgba(8, 217, 214, 0.4) 0%, transparent 40%),
        linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);

    /* 容器背景 - 深色半透明，保持霓虹感 */
    --color-bg-primary: rgba(30, 30, 50, 0.92);
    --color-bg-secondary: rgba(40, 40, 60, 0.88);
    --color-bg-tertiary: rgba(50, 50, 70, 0.85);
    --color-bg-hover: rgba(60, 60, 80, 0.95);

    /* 主色调 - 霓虹蓝 */
    --color-primary: #0A84FF;
    --color-primary-rgb: 10, 132, 255;
    --color-primary-hover: #5E5CE6;
    --color-primary-dark: #32D74B;
    --color-primary-glow: rgba(10, 132, 255, 0.5);

    /* 状态色 - 高饱和霓虹色 */
    --color-warning: #FFD60A;
    --color-warning-rgb: 255, 214, 10;
    --color-error: #FF453A;
    --color-error-rgb: 255, 69, 58;
    --color-success: #32D74B;
    --color-success-rgb: 50, 215, 75;
    --color-info: #64D2FF;
    --color-info-rgb: 100, 210, 255;

    /* 文字色 - 白色确保对比度 */
    --color-text-primary: #ffffff;
    --color-text-secondary: rgba(255, 255, 255, 0.92);
    --color-text-tertiary: rgba(255, 255, 255, 0.75);
    --color-text-muted: rgba(255, 255, 255, 0.5);
    --color-text-inverse: #000000;
    --color-btn-text: #ffffff;

    /* 边框 - 霓虹光效 */
    --color-border: rgba(10, 132, 255, 0.3);
    --color-border-light: rgba(10, 132, 255, 0.15);

    /* 阴影 - 增强霓虹光效 */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 25px rgba(10, 132, 255, 0.5);

    /* 兼容性补充 */
    --color-card: var(--color-bg-secondary);
    --color-secondary: #5E5CE6;
    --color-secondary-rgb: 94, 92, 230;
    --color-secondary-hover: #7B7AFF;
    --color-secondary-dark: #4A48D4;
    --color-secondary-glow: rgba(94, 92, 230, 0.4);
    --color-border-hover: var(--color-primary-hover);
}

/* 以下主题已移除：summer, winter, spring, autumn */
/* 只保留 sunrise 和 neon 两个主题 */

/* ==================== 全局应用图标渐变色库 ==================== */
.gradient-blue {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.gradient-indigo {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.gradient-purple {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
}

.gradient-pink {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}

.gradient-red {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.gradient-orange {
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
}

.gradient-amber {
    background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
}

.gradient-yellow {
    background: linear-gradient(135deg, #fccb90 0%, #d57eeb 100%);
}

.gradient-green {
    background: linear-gradient(135deg, #84fb48 0%, #10e050 100%);
}

.gradient-emerald {
    background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%);
}

.gradient-teal {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.gradient-cyan {
    background: linear-gradient(135deg, #48c6ef 0%, #6f86d6 100%);
}

.gradient-sky {
    background: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);
}

.gradient-rose {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.gradient-violet {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}

.gradient-slate {
    background: linear-gradient(135deg, #7085b6 0%, #87a1d7 100%);
}

.gradient-grey {
    background: linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%);
}

.gradient-default {
    background: linear-gradient(135deg, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
    color: #666;
}