/**
 * 主题系统 - CSS变量定义
 * 支持：标准模式(light) 和 深色模式(dark)
 */

/* ========== 标准模式（浅色） ========== */
:root,
:root[data-theme="light"] {
  /* 基础颜色 */
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e9ecef;
  
  /* 文本颜色 */
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #adb5bd;
  
  /* 边框和分隔线 */
  --border-color: #dee2e6;
  --divider-color: #e9ecef;
  
  /* 卡片和容器 */
  --card-bg: #ffffff;
  --card-header-bg: #f8f9fa;
  --card-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  
  /* 导航栏 */
  --navbar-bg: #343a40;
  --navbar-text: #ffffff;
  --navbar-hover-bg: #495057;
  
  /* 按钮 */
  --btn-primary-bg: #007bff;
  --btn-primary-hover: #0069d9;
  --btn-secondary-bg: #6c757d;
  --btn-secondary-hover: #5a6268;
  
  /* 表单 */
  --input-bg: #ffffff;
  --input-border: #ced4da;
  --input-focus-border: #80bdff;
  --input-focus-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  
  /* AI诊断结果 */
  --ai-result-bg: #f8f9fa;
  --ai-result-border: #e9ecef;
  --ai-result-accent: #e9f7fe;
  --ai-result-accent-border: #4dabf7;
  
  /* 表格 */
  --table-header-bg: #f8f9fa;
  --table-border: #dee2e6;
  --table-hover-bg: #f1f3f5;
  
  /* 警告和提示 */
  --alert-info-bg: #d1ecf1;
  --alert-info-border: #bee5eb;
  --alert-info-text: #0c5460;
  
  /* 五运六气信息条 */
  --wuyun-bg: #f8f9fa;
  --wuyun-text: #6c757d;
  
  /* 页脚 */
  --footer-bg: #f8f9fa;
  --footer-text: #6c757d;
  
  /* 链接 */
  --link-color: #007bff;
  --link-hover: #0056b3;
  
  /* Code块 */
  --code-bg: #f5f5f5;
  --code-border: #eaeaea;
}

/* ========== 深色模式 ========== */
:root[data-theme="dark"] {
  /* 基础颜色 - 优化对比度 */
  --bg-primary: #1a1d23;
  --bg-secondary: #2c3038;
  --bg-tertiary: #404854;
  
  /* 文本颜色 - 增强对比度 */
  --text-primary: #f8f9fa;
  --text-secondary: #cbd5e0;
  --text-muted: #9ca3af;
  
  /* 边框和分隔线 */
  --border-color: #495057;
  --divider-color: #3d4349;
  
  /* 卡片和容器 */
  --card-bg: #2c3038;
  --card-header-bg: #343a42;
  --card-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  
  /* 导航栏 */
  --navbar-bg: #212529;
  --navbar-text: #e9ecef;
  --navbar-hover-bg: #343a40;
  
  /* 按钮 */
  --btn-primary-bg: #0d6efd;
  --btn-primary-hover: #0b5ed7;
  --btn-secondary-bg: #495057;
  --btn-secondary-hover: #5a6268;
  
  /* 表单 */
  --input-bg: #343a42;
  --input-border: #495057;
  --input-focus-border: #0d6efd;
  --input-focus-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
  
  /* AI诊断结果 */
  --ai-result-bg: #343a42;
  --ai-result-border: #495057;
  --ai-result-accent: #1e3a5f;
  --ai-result-accent-border: #2563eb;
  
  /* 表格 */
  --table-header-bg: #343a42;
  --table-border: #495057;
  --table-hover-bg: #3d4349;
  
  /* 警告和提示 */
  --alert-info-bg: #1e3a5f;
  --alert-info-border: #2563eb;
  --alert-info-text: #93c5fd;
  
  /* 五运六气信息条 */
  --wuyun-bg: #2c3038;
  --wuyun-text: #cbd5e0;
  
  /* 页脚 */
  --footer-bg: #2c3038;
  --footer-text: #cbd5e0;
  
  /* 链接和强调色 - 大幅提升对比度，确保在深色背景下清晰可见 */
  --link-color: #60a5fa;
  --link-hover: #93c5fd;
  
  /* Code块 */
  --code-bg: #1a1d23;
  --code-border: #495057;
}

/* ========== 主题过渡动画 ========== */
body,
.card,
.navbar,
.form-control,
.btn,
.table,
.alert,
.ai-response,
.ai-suggestion {
  transition: background-color 0.3s ease, 
              color 0.3s ease, 
              border-color 0.3s ease,
              box-shadow 0.3s ease;
}