/* CSS 变量定义 - 亮色模式（默认） */
:root {
  /* 主色调 */
  --primary-color: #1890ff;
  --primary-hover: #40a9ff;
  --primary-active: #096dd9;
  
  /* 背景色 */
  --bg-body: #f5f7fa;
  --bg-card: #ffffff;
  --bg-sidebar: #001529;
  --bg-hover: #f5f5f5;
  --bg-active: #e6f7ff;
  
  /* 文字色 */
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-muted: #999999;
  --text-white: #ffffff;
  
  /* 辅助色 */
  --primary-light: #e6f7ff;
  
  /* 边框色 */
  --border-color: #e8e8e8;
  --border-light: #f0f0f0;
  
  /* 状态色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #ff4d4f;
  --info-color: #1890ff;
  
  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
}

/* 暗黑模式 */
[data-theme="dark"] {
  --primary-color: #177ddc;
  --primary-hover: #3c9ae8;
  --primary-active: #0958d9;
  
  --bg-body: #141414;
  --bg-card: #1f1f1f;
  --bg-sidebar: #000000;
  --bg-hover: #2a2a2a;
  --bg-active: #111b26;
  
  --text-primary: #e0e0e0;
  --text-secondary: #a6a6a6;
  --text-tertiary: #737373;
  --text-muted: #737373;
  --text-white: #ffffff;
  
  /* 辅助色 */
  --primary-light: #111b26;
  
  --border-color: #303030;
  --border-light: #1f1f1f;
  
  --success-color: #49aa19;
  --warning-color: #d89614;
  --error-color: #d32029;
  --info-color: #177ddc;
  
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.24);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.32);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.4);
}

/* 主题切换按钮 */
.theme-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s;
}

.theme-toggle:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}