/* CSS变量定义 - 浅色主题 */
:root {
  /* 背景色 */
  --bg-primary: linear-gradient(135deg, #fdf7f1 0%, #fff6f5 50%, #f8f5f9 100%);
  --bg-card: rgba(255, 255, 255, 0.9);
  --bg-select: rgba(244, 231, 241, 0.5);

  /* 文本色 */
  --text-primary: #928997;
  --text-secondary: #8b7088;
  --text-muted: #9b8b9b;
  --text-em: #d1a6b0;

  /* 主色调 */
  --color-primary: #b38eb6;

  /* 边框色 */
  --border-primary: rgba(139, 112, 136, 0.2);

  /* 统计卡片 */
  --bg-stat: linear-gradient(135deg, #f4e7f1 0%, #f7e9f4 100%);

  /* 消息背景 */
  --bg-message: rgb(234, 234, 234, 0.3);
  --border-message: rgba(139, 112, 136, 0.2);

  /* 按钮色 */
  --bg-btn-primary: #b89fc4;
  --bg-btn-primary-hover: #a888b5;
  --bg-btn-secondary: #e8dde4;
  --bg-btn-secondary-hover: #ddd0d9;
  
  /* 滚动条 */
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(139, 112, 136, 0.3);
}

/* 深色主题变量 */
[data-theme="dark"] {
  /* 背景色 */
  --bg-primary: #2d2d2d;
  --bg-card: rgba(40, 40, 40, 0.9);
  --bg-select: rgba(80, 60, 80, 0.5);

  /* 文本色 */
  --text-primary: #d6d1d6;
  --text-secondary: #cec2ce;
  --text-muted: #dadada;
  --text-em: #f1f1f1;

  /* 主色调 */
  --color-primary: #a58cba;

  /* 边框色 */
  --border-primary: rgba(168, 133, 199, 0.3);

  /* 统计卡片 */
  --bg-stat: #3d3a3f;

  /* 消息背景 */
  --bg-message: #3d3a3f;
  --border-message: rgba(157, 143, 170, 0.3);

  /* 按钮色 */
  --bg-btn-primary: #755f88;
  --bg-btn-primary-hover: #816b94;
  --bg-btn-secondary: #5a5458;
  --bg-btn-secondary-hover: #6a6468;

  /* 滚动条 */
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(168, 133, 199, 0.4);
}