/* 全局主题样式 - 应用于整个系统 */

/* 基础样式 */
body {
  margin: 0;
  padding: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 亮色主题 */
.theme-light {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-alt: #f3f4f6;
  --color-text: #1e293b;
  --color-text-alt: #ffffff;
  --color-border: #e2e8f0;
  --color-shadow: rgba(0, 0, 0, 0.2);
}

.theme-light body {
  background-color: var(--color-background);
  color: var(--color-text);
}

/* 暗色主题 */
.theme-dark {
  --color-primary: #93c5fd;
  --color-primary-dark: #bfdbfe;
  --color-background: #0f172a;
  --color-surface: #1e293b;
  --color-surface-alt: #334155;
  --color-text: #f8fafc;
  --color-text-alt: #f8fafc;
  --color-border: #334155;
  --color-shadow: rgba(0, 0, 0, 0.5);
}

.theme-dark body {
  background-color: var(--color-background);
  color: var(--color-text);
}

/* 自定义主题 */
.theme-custom {
  --color-primary: #166534;
  --color-primary-dark: #059669;
  --color-background: #f0fdf4;
  --color-surface: #f0fdf4;
  --color-surface-alt: #dcfce7;
  --color-text: #1e293b;
  --color-text-alt: #ffffff;
  --color-border: #a7f3d0;
  --color-shadow: rgba(22, 101, 52, 0.2);
}

.theme-custom body {
  background-color: var(--color-background);
  color: var(--color-text);
}

/* 全局组件样式适配主题 */
.el-button--primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.el-button--primary:hover {
  background-color: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}

.el-input__inner, .el-select__wrapper {
  background-color: var(--color-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-form-item__label {
  color: var(--color-text) !important;
}
