/**
 * 公共主题定义
 *
 * 说明：
 * 1. 定义各主题下的变量覆盖值
 * 2. 只包含需要被覆盖的变量，其他变量使用 variables.wxss 的默认值
 * 3. 项目特定主题在各自的文件中定义（如 admin-theme.css）
 * 注意：变量命名避免与 Bootstrap 冲突（不使用 --primary、--success 等简写）
 */

/* ==================== 预设主题 ==================== */

/* 默认主题 (橙色) */
[data-theme="default"] {
  --primary-color: #ff5000;
  --primary-hover: #e04300;
  --primary-light: rgba(255, 80, 0, 0.1);
  --primary-dark: #cc4000;
  --text-on-primary: #ffffff;
  --gradient-primary: linear-gradient(135deg, #ff6b6b 0%, #ff5000 100%);
}

/* 科技蓝主题 */
[data-theme="blue"] {
  --primary-color: #3b82f6;
  --primary-hover: #2563eb;
  --primary-light: rgba(59, 130, 246, 0.1);
  --primary-dark: #1d4ed8;
  --text-on-primary: #ffffff;
  --gradient-primary: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
}

/* 清新绿主题 */
[data-theme="green"] {
  --primary-color: #10b981;
  --primary-hover: #059669;
  --primary-light: rgba(16, 185, 129, 0.1);
  --primary-dark: #047857;
  --text-on-primary: #ffffff;
  --gradient-primary: linear-gradient(135deg, #34d399 0%, #10b981 100%);
}

/* 优雅紫主题 */
[data-theme="purple"] {
  --primary-color: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-light: rgba(139, 92, 246, 0.1);
  --primary-dark: #6d28d9;
  --text-on-primary: #ffffff;
  --gradient-primary: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

/* 活力粉主题 */
[data-theme="pink"] {
  --primary-color: #ec4899;
  --primary-hover: #db2777;
  --primary-light: rgba(236, 72, 153, 0.1);
  --primary-dark: #be185d;
  --text-on-primary: #ffffff;
  --gradient-primary: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
}

/* 暗夜黑主题（完整定义） */
[data-theme="dark"] {
  /* ========== 主色调 ========== */
  --primary-color: #9ca3af;
  --primary-hover: #d1d5db;
  --primary-light: rgba(156, 163, 175, 0.15);
  --primary-dark: #6b7280;
  --text-on-primary: #111827;
  --gradient-primary: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  --gradient-secondary: linear-gradient(135deg, #4b5563 0%, #374151 100%);

  /* ========== 辅助色 ========== */
  --secondary-color: #374151;
  --accent-color: #8b5cf6;
  --accent-hover: #a78bfa;

  /* ========== 语义化颜色 ========== */
  --success-color: #34d399;
  --success-light: rgba(52, 211, 153, 0.2);
  --warning-color: #fbbf24;
  --warning-light: rgba(251, 191, 36, 0.2);
  --danger-color: #f87171;
  --danger-light: rgba(248, 113, 113, 0.2);
  --info-color: #60a5fa;
  --info-light: rgba(96, 165, 250, 0.2);

  /* ========== 文本颜色 ========== */
  --text-primary: #f3f4f6;
  --text-secondary: #d1d5db;
  --text-tertiary: #9ca3af;
  --text-light: #6b7280;
  --text-white: #ffffff;

  /* ========== 背景颜色 ========== */
  --bg-primary: #1f2937;
  --bg-secondary: #111827;
  --bg-tertiary: #374151;

  /* ========== 边框颜色 ========== */
  --border-color: #374151;
  --border-light: #4b5563;

  /* ========== 阴影 ========== */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.8);

  /* ========== 价格变动颜色 ========== */
  --price-down-color: #34d399;
  --price-up-color: #f87171;

  /* ========== 客服消息颜色 ========== */
  --cs-system-message-color: #9ca3af;
  --cs-order-message-bg: linear-gradient(135deg, #374151, #4b5563);
  --cs-order-message-border: #4b5563;
  --cs-order-label-color: #9ca3af;
  --cs-order-value-color: #f3f4f6;
  --cs-order-no-bg: #1e3a8a;
  --cs-order-no-color: #93c5fd;
  --cs-product-message-bg: linear-gradient(135deg, #4b5563, #6b7280);
  --cs-product-message-border: #9ca3af;
  --cs-product-header-color: #d1d5db;
  --cs-product-type-bg: #374151;
  --cs-product-type-text: #e5e7eb;

  /* ========== 骨架屏 ========== */
  --skeleton-bg: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);

  /* ========== 状态徽章颜色 ========== */
  --badge-success-bg: #059669;
  --badge-success-text: #ffffff;
  --badge-danger-bg: #dc2626;
  --badge-danger-text: #ffffff;
  --badge-info-bg: #0284c7;
  --badge-info-text: #ffffff;

  /* ========== 订单状态颜色 ========== */
  --order-pending-pay-bg: #4b5563;
  --order-pending-pay-text: #fbbf24;
  --order-pending-ship-bg: #1e3a8a;
  --order-pending-ship-text: #93c5fd;
  --order-pending-receive-bg: #065f46;
  --order-pending-receive-text: #6ee7b7;
  --order-completed-bg: #064e3b;
  --order-completed-text: #34d399;
  --order-cancelled-bg: #7f1d1d;
  --order-cancelled-text: #fca5a5;

  /* ========== 其他颜色 ========== */
  --overlay-dark: rgba(0, 0, 0, 0.7);
  --overlay-darker: rgba(0, 0, 0, 0.85);
  --overlay-darkest: rgba(0, 0, 0, 0.95);
  --delete-danger: #ef4444;
  --delete-danger-light: rgba(239, 68, 68, 0.15);
  --favorite-color: #f472b6;
  --filter-alert-bg: linear-gradient(135deg, #4b5563 0%, #6b7280 100%);
  --filter-alert-border: #9ca3af;
  --filter-alert-text: #fbbf24;
}
