/**
 * 主题样式入口文件
 * 统一管理所有样式文件的导入
 */

// 导入主题变量
@import './variables';

// 导入基础样式
@import './common';

// 导入页面样式
@import './list';
@import './echart';
@import './style';

/**
 * 主题过渡动画
 * 为主题切换添加平滑过渡效果
 */
* {
  transition: 
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

/**
 * 主题相关的全局样式覆盖
 */
body {
  background-color: var(--bg-color-primary);
  color: var(--text-color-primary);
}

/**
 * Element Plus 组件主题覆盖
 * 完整的主题变量定义，支持深色/浅色主题切换
 */

/* 按钮组件 */
.el-button {
  --el-button-text-color: var(--text-color-primary);
  --el-button-bg-color: var(--bg-color-secondary);
  --el-button-border-color: var(--border-color-base);
  --el-button-hover-text-color: var(--primary-color);
  --el-button-hover-bg-color: var(--bg-color-hover);
  --el-button-hover-border-color: var(--primary-color);
  --el-button-active-text-color: var(--primary-color);
  --el-button-active-bg-color: var(--bg-color-active);
  --el-button-active-border-color: var(--primary-color);
  --el-button-disabled-text-color: var(--text-color-disabled);
  --el-button-disabled-bg-color: var(--bg-color-disabled);
  --el-button-disabled-border-color: var(--border-color-lighter);
}

/* 输入框组件 */
.el-input {
  --el-input-text-color: var(--text-color-primary);
  --el-input-bg-color: var(--bg-color-input);
  --el-input-border-color: var(--border-color-base);
  --el-input-focus-border-color: var(--primary-color);
  --el-input-hover-border-color: var(--border-color-hover);
  --el-input-placeholder-color: var(--text-color-placeholder);
  --el-input-disabled-bg-color: var(--bg-color-disabled);
  --el-input-disabled-text-color: var(--text-color-disabled);
  --el-input-disabled-border-color: var(--border-color-lighter);
}

/* 选择器组件 */
.el-select {
  --el-select-input-color: var(--text-color-primary);
  --el-select-input-focus-border-color: var(--primary-color);
  --el-select-input-hover-border-color: var(--border-color-hover);
  --el-select-disabled-border: var(--border-color-lighter);
  --el-select-close-hover-color: var(--text-color-secondary);
  --el-select-input-placeholder-color: var(--text-color-placeholder);
}

/* 下拉菜单组件 */
.el-dropdown {
  --el-dropdown-bg-color: var(--bg-color-secondary);
  --el-dropdown-border-color: var(--border-color-base);
  --el-dropdown-text-color: var(--text-color-primary);
  --el-dropdown-link-hover-bg-color: var(--bg-color-hover);
}

/* 菜单组件 */
.el-menu {
  --el-menu-bg-color: var(--bg-color-secondary);
  --el-menu-text-color: var(--text-color-primary);
  --el-menu-hover-bg-color: var(--bg-color-hover);
  --el-menu-active-color: var(--primary-color);
  --el-menu-item-hover-bg-color: var(--bg-color-hover);
  --el-menu-border-color: var(--border-color-base);
  --el-menu-sub-item-hover-bg-color: var(--bg-color-hover);
}

/* 对话框组件 */
.el-dialog {
  --el-dialog-bg-color: var(--bg-color-secondary);
  --el-dialog-border-color: var(--border-color-base);
  --el-dialog-close-hover-color: var(--primary-color);
}

/* 提示框组件 */
.el-tooltip {
  --el-tooltip-bg-color: var(--bg-color-overlay);
  --el-tooltip-text-color: var(--text-color-primary);
  --el-tooltip-border-color: var(--border-color-base);
}

/* 表格组件 */
.el-table {
  --el-table-bg-color: var(--bg-color-primary);
  --el-table-header-bg-color: var(--bg-color-secondary);
  --el-table-header-text-color: var(--text-color-primary);
  --el-table-text-color: var(--text-color-primary);
  --el-table-border-color: var(--border-color-base);
  --el-table-row-hover-bg-color: var(--bg-color-hover);
  --el-table-current-row-bg-color: var(--primary-light-color);
  --el-table-header-border-color: var(--border-color-base);
}

/* 分页组件 */
.el-pagination {
  --el-pagination-bg-color: var(--bg-color-primary);
  --el-pagination-text-color: var(--text-color-primary);
  --el-pagination-button-color: var(--text-color-primary);
  --el-pagination-button-disabled-color: var(--text-color-disabled);
  --el-pagination-button-disabled-bg-color: var(--bg-color-disabled);
  --el-pagination-hover-color: var(--primary-color);
}

/* 标签页组件 */
.el-tabs {
  --el-tabs-header-bg-color: var(--bg-color-primary);
  --el-tabs-item-text-color: var(--text-color-regular);
  --el-tabs-item-active-text-color: var(--primary-color);
  --el-tabs-item-hover-text-color: var(--primary-color);
  --el-tabs-item-border-color: var(--border-color-base);
  --el-tabs-item-active-border-color: var(--primary-color);
  --el-tabs-content-bg-color: var(--bg-color-primary);
}

/* 表单组件 */
.el-form {
  --el-form-error-color: var(--error-color);
  --el-form-label-color: var(--text-color-primary);
}

/* 卡片组件 */
.el-card {
  --el-card-bg-color: var(--bg-color-secondary);
  --el-card-border-color: var(--border-color-base);
}

/* 消息提示组件 */
.el-message {
  --el-message-bg-color: var(--bg-color-secondary);
  --el-message-border-color: var(--border-color-base);
  --el-message-close-icon-color: var(--text-color-placeholder);
  --el-message-close-hover-color: var(--text-color-secondary);
}

/* 通知组件 */
.el-notification {
  --el-notification-bg-color: var(--bg-color-secondary);
  --el-notification-border-color: var(--border-color-base);
  --el-notification-content-color: var(--text-color-regular);
  --el-notification-title-color: var(--text-color-primary);
}

/* 抽屉组件 */
.el-drawer {
  --el-drawer-bg-color: var(--bg-color-secondary);
}

/* 滑块组件 */
.el-slider {
  --el-slider-main-bg-color: var(--primary-color);
  --el-slider-runway-bg-color: var(--border-color-lighter);
  --el-slider-disabled-color: var(--text-color-placeholder);
}

/* 开关组件 */
.el-switch {
  --el-switch-on-color: var(--primary-color);
  --el-switch-off-color: var(--border-color-darker);
}

/* 复选框组件 */
.el-checkbox {
  --el-checkbox-text-color: var(--text-color-primary);
  --el-checkbox-bg-color: var(--bg-color-primary);
  --el-checkbox-disabled-border-color: var(--border-color-base);
  --el-checkbox-disabled-input-fill: var(--bg-color-disabled);
  --el-checkbox-disabled-icon-color: var(--text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--border-color-extra-light);
  --el-checkbox-disabled-checked-icon-color: var(--text-color-disabled);
  --el-checkbox-checked-bg-color: var(--primary-color);
  --el-checkbox-checked-input-border-color: var(--primary-color);
  --el-checkbox-checked-icon-color: var(--color-white);
  --el-checkbox-input-border-color-hover: var(--primary-color);
}

/* 单选框组件 */
.el-radio {
  --el-radio-text-color: var(--text-color-primary);
  --el-radio-input-bg-color: var(--bg-color-primary);
  --el-radio-input-border-color: var(--border-color-base);
  --el-radio-input-border-color-hover: var(--primary-color);
  --el-radio-button-checked-text-color: var(--color-white);
}

/* 树形控件 */
.el-tree {
  --el-tree-node-hover-bg-color: var(--bg-color-hover);
  --el-tree-text-color: var(--text-color-primary);
  --el-tree-expand-icon-color: var(--text-color-placeholder);
}

/* 穿梭框组件 */
.el-transfer {
  --el-transfer-border-color: var(--border-color-lighter);
  --el-transfer-panel-header-bg-color: var(--bg-color-light);
  --el-transfer-item-hover-bg-color: var(--bg-color-hover);
}

/* 日期选择器 */
.el-picker-panel {
  --el-datepicker-bg-color: var(--bg-color-primary);
  --el-datepicker-border-color: var(--border-color-lighter);
  --el-datepicker-header-color: var(--text-color-regular);
  --el-datepicker-icon-color: var(--text-color-primary);
  --el-datepicker-inner-border-color: var(--border-color-light);
  --el-datepicker-inrange-bg-color: var(--primary-light-color);
  --el-datepicker-inrange-hover-bg-color: var(--primary-light-color);
  --el-datepicker-active-color: var(--primary-color);
  --el-datepicker-hover-color: var(--primary-color);
  --el-datepicker-cell-hover-color: var(--primary-color);
  --el-datepicker-off-color: var(--text-color-placeholder);
}

/* 时间选择器 */
.el-time-panel {
  --el-timepicker-bg-color: var(--bg-color-primary);
  --el-timepicker-border-color: var(--border-color-lighter);
  --el-timepicker-active-color: var(--text-color-regular);
  --el-timepicker-hover-color: var(--primary-color);
}

/* 颜色选择器 */
.el-color-picker {
  --el-colorpicker-border-color: var(--border-color-lighter);
}

/* 级联选择器 */
.el-cascader {
  --el-cascader-menu-text-color: var(--text-color-regular);
  --el-cascader-menu-selected-text-color: var(--primary-color);
  --el-cascader-menu-fill: var(--bg-color-primary);
  --el-cascader-menu-border-color: var(--border-color-light);
  --el-cascader-node-background-hover: var(--bg-color-light);
  --el-cascader-node-color-disabled: var(--text-color-placeholder);
  --el-cascader-color-empty: var(--text-color-placeholder);
  --el-cascader-tag-background: var(--bg-color-light);
}

/* 骨架屏 */
.el-skeleton {
  --el-skeleton-color: var(--border-color-lighter);
  --el-skeleton-to-color: var(--border-color-light);
}

/* 空状态 */
.el-empty {
  --el-empty-description-color: var(--text-color-secondary);
}

/* 结果页 */
.el-result {
  --el-result-title-color: var(--text-color-primary);
  --el-result-subtitle-color: var(--text-color-secondary);
} 