// Ant Design Vue 主题定制
// 蓝色主题（Blue）- 使用 Ant Design 蓝色色板 blue-6
// 参考：https://ant.design/docs/spec/colors-cn#%E7%B3%BB%E7%BB%9F%E7%BA%A7%E8%89%B2%E5%BD%A9%E4%BD%93%E7%B3%BB
// 注意：Ant Design Vue 4.x 主要通过 ConfigProvider 的 theme.token 配置主题
// 此文件提供 CSS 变量作为补充，确保样式能正确应用

:root {
  // 主色调 - 使用蓝色（Ant Design 蓝色色板 blue-6）
  // 色板参考：blue-0 (#E6F4FF) 到 blue-9 (#001D66)
  --ant-color-primary: #0958d9; // 主色 - 蓝色（blue-6）
  --ant-color-primary-hover: #1677ff; // 悬停色 - blue-5（稍浅）
  --ant-color-primary-active: #003eb3; // 激活色 - blue-7（稍深）
  --ant-color-primary-bg: #e6f7ff; // 主色背景 - blue-0（最浅）
  --ant-color-primary-bg-hover: #bae7ff; // 主色背景悬停 - blue-1

  // 成功色（保持默认绿色）
  --ant-color-success: #52c41a;
  --ant-color-success-hover: #73d13d;
  --ant-color-success-active: #389e0d;
  --ant-color-success-bg: #f6ffed;
  --ant-color-success-bg-hover: #d9f7be;

  // 信息色（使用蓝色）
  --ant-color-info: #0958d9;
  --ant-color-info-bg: #e6f7ff;

  // 链接色（使用蓝色）
  --ant-color-link: #0958d9;
  --ant-color-link-hover: #1677ff;
  --ant-color-link-active: #003eb3;

  // 其他常用颜色变量
  --ant-color-error: #ff4d4f;
  --ant-color-warning: #faad14;
  --ant-color-text: rgba(0, 0, 0, 0.85);
  --ant-color-text-secondary: rgba(0, 0, 0, 0.45);
  --ant-color-border: #d9d9d9;
  --ant-color-border-secondary: rgba(0, 0, 0, 0.06);
  --ant-color-bg-container: #ffffff;
  --ant-color-bg-layout: #f5f5f5;

  // 侧边栏相关颜色（蓝色主题）
  --sidebar-bg: #f5f5f5; // 侧边栏背景色
  --sidebar-logo-bg: transparent; // Logo 区域背景色
  --sidebar-menu-item-hover: #e6f7ff; // 菜单项悬停背景（blue-0）
  --sidebar-menu-item-selected-bg: #e6f7ff; // 菜单项选中背景色（blue-0）
  --sidebar-menu-text: rgba(0, 0, 0, 0.85); // 菜单文字颜色
  --sidebar-menu-text-selected: #0958d9; // 选中菜单文字颜色（蓝色）
}

// 如果需要深色模式支持，可以添加
[data-theme="dark"] {
  --ant-color-primary: #0958d9;
  --ant-color-primary-hover: #1677ff;
  --ant-color-primary-active: #003eb3;
}
