/**
 * Nebula Theme - CSS Variables (Tech Blue Edition)
 * 点滴安全 - 科技蓝配色方案
 * Version: 2.1.0
 *
 * 配色方案：
 * - 主色：#0066CC (科技蓝)
 * - 深色：#003366 (深蓝)
 * - 辅助色：#00A3E0 (亮蓝)
 * - 强调色：#FF6B35 (橙色)
 *
 * 使用方式：将此文件内容替换 variables.css 中的颜色部分
 */

/* ============================
   Colors - Primary Palette (科技蓝配色)
   ============================ */
:root {
    /* Primary - 科技蓝 #0066CC */
    --nebula-primary: #0066CC;
    --nebula-primary-light: #E6F2FF;
    --nebula-primary-lighter: #B3D9FF;
    --nebula-primary-dark: #0052A3;
    --nebula-primary-darker: #003366;
    --nebula-primary-hover: #0052A3;

    /* Secondary - 深蓝 #003366 */
    --nebula-secondary: #003366;
    --nebula-secondary-light: #004080;
    --nebula-secondary-lighter: #0059B3;
    --nebula-secondary-dark: #002244;
    --nebula-secondary-hover: #004080;

    /* Accent - 橙色 #FF6B35 */
    --nebula-accent: #FF6B35;
    --nebula-accent-light: #FFF0EB;
    --nebula-accent-lighter: #FFE0D5;
    --nebula-accent-dark: #E55A2B;
    --nebula-accent-hover: #E55A2B;

    /* Light Blue (for hero sections) */
    --nebula-teal: #00A3E0;
    --nebula-teal-dark: #0088CC;
    --nebula-teal-light: #33B5FF;
    --nebula-slate-light: #4A90E2;

    /* [P1-FIX] 文字颜色对比度修复 - 提升 muted 颜色到满足 WCAG AA */
    --nebula-text: #1A2332;
    --nebula-text-secondary: #4A5568;
    --nebula-text-muted: #6B7280;
    --nebula-text-inverse: #FFFFFF;
}

/* ============================
   Colors - Background (科技蓝背景)
   ============================ */
:root {
    --nebula-bg: #FFFFFF;
    --nebula-bg-secondary: #F8FAFC;
    --nebula-bg-tertiary: #F1F5F9;
    --nebula-bg-dark: #003366;
}

/* ============================
   Colors - Border (科技蓝边框)
   ============================ */
:root {
    --nebula-border: #E2E8F0;
    --nebula-border-light: #F1F5F9;
    --nebula-border-dark: #CBD5E1;
}

/* ============================
   Colors - Status (状态颜色)
   ============================ */
:root {
    --nebula-success: #10B981;
    --nebula-success-light: #D1FAE5;
    --nebula-success-dark: #059669;

    --nebula-warning: #F59E0B;
    --nebula-warning-light: #FEF3C7;
    --nebula-warning-dark: #D97706;

    --nebula-error: #EF4444;
    --nebula-error-light: #FEE2E2;
    --nebula-error-dark: #DC2626;

    --nebula-info: #0066CC;
    --nebula-info-light: #E6F2FF;
    --nebula-info-dark: #0052A3;
}

/* ============================
   Gradients (科技蓝渐变)
   ============================ */
:root {
    --nebula-gradient-primary: linear-gradient(135deg, #0066CC 0%, #00A3E0 100%);
    --nebula-gradient-hero: linear-gradient(135deg, #003366 0%, #0066CC 50%, #00A3E0 100%);
    --nebula-gradient-card: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 163, 224, 0.05) 100%);
}

/* ============================
   Aliases (向后兼容 ds- 前缀)
   ============================ */
:root {
    /* Colors */
    --ds-primary: var(--nebula-primary);
    --ds-primary-light: var(--nebula-primary-light);
    --ds-primary-dark: var(--nebula-primary-dark);
    --ds-primary-hover: var(--nebula-primary-hover);

    --ds-secondary: var(--nebula-secondary);
    --ds-secondary-light: var(--nebula-secondary-light);
    --ds-secondary-dark: var(--nebula-secondary-dark);

    --ds-accent: var(--nebula-accent);
    --ds-accent-light: var(--nebula-accent-light);
    --ds-accent-dark: var(--nebula-accent-dark);

    --ds-brand: var(--nebula-primary);
}

/* ============================
   Dark Mode - 暗黑模式（科技蓝暗色版）
   ============================ */
[data-theme="dark"] {
    /* Background */
    --nebula-bg: #0A1628;
    --nebula-bg-secondary: #132238;
    --nebula-bg-tertiary: #1A2A42;

    /* Text */
    --nebula-text: #E8EDF5;
    --nebula-text-secondary: #A0B4CC;
    --nebula-text-muted: #6B7A8F;

    /* Border */
    --nebula-border: #2A3A52;
    --nebula-border-light: #3A4A62;

    /* Primary (暗色模式下更亮的蓝色) */
    --nebula-primary: #33B5FF;
    --nebula-primary-light: #1A3A52;
    --nebula-primary-dark: #00A3E0;

    /* Gradients */
    --nebula-gradient-primary: linear-gradient(135deg, #33B5FF 0%, #66D1FF 100%);
    --nebula-gradient-hero: linear-gradient(135deg, #0A1628 0%, #132238 50%, #1A2A42 100%);

    /* Aliases */
    --ds-bg-primary: var(--nebula-bg);
    --ds-bg-secondary: var(--nebula-bg-secondary);
    --ds-bg-tertiary: var(--nebula-bg-tertiary);
    --ds-text-primary: var(--nebula-text);
    --ds-text-secondary: var(--nebula-text-secondary);
    --ds-text-muted: var(--nebula-text-muted);
    --ds-border: var(--nebula-border);
    --ds-primary: var(--nebula-primary);
}

/* ============================
   兼容 body.dark-mode 旧方式
   ============================ */
body.dark-mode {
    --nebula-bg: #0A1628;
    --nebula-bg-secondary: #132238;
    --nebula-bg-tertiary: #1A2A42;
    --nebula-text: #E8EDF5;
    --nebula-text-secondary: #A0B4CC;
    --nebula-text-muted: #6B7A8F;
    --nebula-border: #2A3A52;
    --nebula-primary: #33B5FF;
}

/* ============================
   Shadow Updates (科技蓝阴影)
   ============================ */
:root {
    --nebula-shadow-sm: 0 1px 2px rgba(0, 102, 204, 0.05);
    --nebula-shadow-md: 0 4px 6px rgba(0, 102, 204, 0.08);
    --nebula-shadow-lg: 0 10px 15px rgba(0, 102, 204, 0.1);
    --nebula-shadow-xl: 0 20px 25px rgba(0, 102, 204, 0.12);
    --nebula-shadow-card: 0 4px 20px rgba(0, 102, 204, 0.08);
    --nebula-shadow-card-hover: 0 8px 30px rgba(0, 102, 204, 0.15);
    --nebula-shadow-glow: 0 0 20px rgba(0, 102, 204, 0.3);
}

[data-theme="dark"] {
    --nebula-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --nebula-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --nebula-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
    --nebula-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
    --nebula-shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.5);
}