:root {
  // 基础颜色 - 提高对比度
  --background-primary: #ffffff;
  --background-secondary: #f1f5f9;
  --background-hover: rgba(0, 0, 0, 0.06);

  // 文本颜色 - 加深对比
  --text-primary: #1a202c;
  --text-secondary: #334155;
  --text-tertiary: #64748b;

  // 状态颜色 - 增加饱和度
  --success-color: #22c55e;
  --success-hover: #16a34a;
  --error-color: #ef4444;
  --error-hover: #dc2626;
  --warning-color: #f59e0b;
  --warning-hover: #d97706;
  --disabled-color: #94a3b8;
  --disabled-hover: #64748b;

  // 背景和遮罩
  --background: #ffffff;
  --hover-background: rgba(0, 0, 0, 0.05);
  --overlay-background: rgba(0, 0, 0, 0.4);

  // 渐变色 - 增加对比度
  --success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  --error-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --disabled-gradient: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);

  // 阴影 - 增加明显度
  --shadow-color: rgba(0, 0, 0, 0.12);
  --success-shadow: rgba(34, 197, 94, 0.25);
  --error-shadow: rgba(239, 68, 68, 0.25);
  --warning-shadow: rgba(245, 158, 11, 0.25);

  // 按钮状态过渡 - 优化对比
  --button-bg-disabled: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
  --button-bg-enabled: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  --button-text-disabled: #f8fafc;
  --button-text-enabled: #ffffff;

  // 边框颜色
  --border-color: #e2e8f0;
  --border-color-hover: #cbd5e1;

  --background-tooltip: #ffffff;
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --text-tooltip: #1a202c;
  --shadow-tooltip: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] {
  // 基础颜色
  --background-primary: #1a202c;
  --background-secondary: #2d3748;
  --background-hover: rgba(255, 255, 255, 0.06);

  // 文本颜色
  --text-primary: #f8fafc;
  --text-secondary: #e2e8f0;
  --text-tertiary: #a0aec0;

  // 背景和遮罩
  --background: #1a202c;
  --hover-background: rgba(255, 255, 255, 0.05);
  --overlay-background: rgba(0, 0, 0, 0.6);

  // 状态颜色调整为暗色主题
  --success-color: #68d391;
  --success-hover: #48bb78;
  --error-color: #fc8181;
  --error-hover: #f56565;
  --warning-color: #fbd38d;
  --warning-hover: #f6ad55;
  --disabled-color: #718096;
  --disabled-hover: #4a5568;

  // 按钮状态过渡
  --button-bg-disabled: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
  --button-bg-enabled: linear-gradient(135deg, #68d391 0%, #48bb78 100%);

  // 边框颜色
  --border-color: #4a5568;
  --border-color-hover: #718096;

  --background-tooltip: #1e293b;
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.2);
  --text-tooltip: #f8fafc;
  --shadow-tooltip: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
    0 2px 4px -2px rgba(0, 0, 0, 0.2);
}
