/* 全局主题变量 */
:root {
  /* 浅色主题变量 */
  --primary-bg: #f7fafc;
  --secondary-bg: #ffffff;
  --primary-text: #333333;
  --secondary-text: #666666;
  --border-color: #e2e8f0;
  --hover-bg: #f0f0f0;
  --success-color: #48bb78;
  --card-bg: #ffffff;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --highlight-color: #1890ff;
  /* 动画时间 */
  --theme-transition: 0.3s ease;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 深色主题变量 */
:root.dark-theme {
  --primary-bg: #2d3748;
  --secondary-bg: #2d2d2d;
  --primary-text: #ffffff;
  --secondary-text: #b3b3b3;
  --border-color: #404040;
  --hover-bg: #363636;
  --card-bg: #2d2d2d;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --highlight-color: #40a9ff;
}

/* 主题过渡动画 */
* {
  transition: background-color var(--theme-transition),
              color var(--theme-transition),
              border-color var(--theme-transition),
              box-shadow var(--theme-transition);
}

/* 滚动条样式适配 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: var(--secondary-bg);
}

::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--hover-bg);
} 