/* ==========================================================
 * 主题变量 - 深色侧边栏 + 紫色渐变风格
 * ========================================================== */
:root {
  /* 主色调 */
  --color-primary: #8B5CF6;
  --color-primary-light: #A78BFA;
  --color-primary-dark: #7C3AED;
  --color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --color-primary-gradient-2: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);
  --color-primary-gradient-3: linear-gradient(135deg, #60A5FA 0%, #8B5CF6 100%);

  /* 侧边栏 */
  --sidebar-bg: #1E293B;
  --sidebar-bg-hover: #334155;
  --sidebar-bg-active: transparent;
  --sidebar-text: #94A3B8;
  --sidebar-text-active: #ffffff;
  --sidebar-width: 240px;
  --sidebar-width-collapsed: 64px;

  /* 头部导航 */
  --navbar-bg: #ffffff;
  --navbar-height: 60px;
  --navbar-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);

  /* 内容区 */
  --content-bg: #F5F7FA;
  --card-bg: #ffffff;
  --card-radius: 12px;
  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);

  /* 文字颜色 */
  --text-primary: #1F2937;
  --text-secondary: #6B7280;
  --text-placeholder: #9CA3AF;
  --text-disabled: #D1D5DB;

  /* 边框 */
  --border-color: #E5E7EB;
  --border-color-light: #F3F4F6;

  /* 状态色 */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #3B82F6;

  /* 统计卡片渐变色 */
  --stat-gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --stat-gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --stat-gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --stat-gradient-green: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  --stat-gradient-orange: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  --stat-gradient-indigo: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
}