/**
 * Element Plus 功能性颜色覆写 CSS 变量。
 *
 * 默认主色请与 src/config/setting.ts 中 themeColorPresets 首项保持一致。
 *
 * 注意：primary 颜色由运行时 setElementThemeColor() 动态写入，此处只覆写
 * success / warning / danger / error / info 等编译期确定的功能性颜色。
 * 这些变量无法通过 SCSS `@forward ... with()` 传递到 Element Plus 组件编译链，
 * 因为 Dart Sass 模块隔离机制下 Element Plus 组件内部 `@use 'common/var'` 获得的是独立模块实例。
 */

@use "sass:map";
@use "element-plus/theme-chalk/src/common/var.scss" as ep with (
  $colors: (
    "white": #ffffff,
    "black": #000000,
    "primary": (
      "base": #4080ff,
    ),
    "success": (
      "base": #13deb9,
    ),
    "warning": (
      "base": #ffae1f,
    ),
    "danger": (
      "base": #ff4d4f,
    ),
    "error": (
      "base": #fa896b,
    ),
    "info": (
      "base": #909399,
    ),
  ),
  $button: (
    "hover-bg-color": var(--el-color-primary-light-9),
    "hover-border-color": var(--el-color-primary),
    "border-color": var(--el-color-primary),
    "text-color": var(--el-color-primary),
  ),
  $messagebox: (
    "border-radius": "12px",
  ),
  $popover: (
    "padding": "14px",
    "border-radius": "10px",
  )
);


/**
 * 浅蓝色系主题 — #1975FC
 *
 * 来源：花瓣网 B端淡蓝色配色参考
 * 主色 #1975FC — 明快透亮、B端专业感
 *
 * 【启用方式】在本文件中取消注释对应主题模式的变量块，
 * 并在 src/styles/index.scss 中 @use "./core/theme-blue";
 * 同时在 src/config/setting.ts 中将 themeColor 改为 "#1975FC"。
 *
 * 【色阶 palette】
 *   #f8fcff  最浅底色（页面背景）
 *   #f0f5ff  浅蓝悬停态
 *   #e5f2ff  选中态 / tag 背景
 *   #c5ddff  浅蓝边框 / 分割线点缀
 *   #82b8ff  中浅蓝（图标辅助色）
 *   #1975FC  ★ 主色
 *   #115ac8  深蓝（hover 按下态）
 *
 * 【功能色】
 *   success: #16a34a
 *   warning: #d97706
 *   danger:  #dc2626
 *   error:   #fa896b
 *   info:    #8b92a0
 *
 * ================================================================
 */

// ================================================================
// 亮色主题 — 浅蓝色系
// ================================================================

// :root {
//   /* ---- 侧边栏 ---- */
//   --sidebar-bg-color: #ffffff;
//   --sidebar-border-color: #edf0f2;
//   --sidebar-text-color: #485260;
//   --sidebar-text-hover-color: #1975fc;
//   --sidebar-text-active-color: #1975fc;
//   --sidebar-bg-hover-color: #f0f5ff;
//   --sidebar-bg-active-color: #e5f2ff;
//   --sidebar-logo-color: #121926;
//   --sidebar-section-title-color: #8b92a0;
//
//   /* ---- 页面 ---- */
//   --main-bg-color: #f4f6f9;
//   --header-bg-color: #ffffff;
//   --header-border-color: #edf0f2;
//
//   /* ---- 卡片 ---- */
//   --card-bg-color: #ffffff;
//   --card-border-color: #edf0f2;
//
//   /* ---- 表格 ---- */
//   --table-header-bg: #f8fafc;
//   --table-header-color: #8b92a0;
//   --table-row-hover-bg: #f8fafc;
//   --table-border-color: #edf0f2;
//
//   /* ---- 文字 ---- */
//   --text-primary: #121926;
//   --text-regular: #334155;
//   --text-secondary: #8b92a0;
//
//   /* ---- 标签 ---- */
//   --tag-bg-color: #e5f2ff;
//   --tag-text-color: #1975fc;
//
//   /* ---- 按钮 —— 由 Element Plus 通过 primary 色阶自动生成 ---- */
//   /* ---- 进度条 ---- */
//   --nprogress-color: #1975fc;
//
//   /* ---- 边框模式 ---- */
//   --fa-card-border: #edf0f2;
//   --default-box-color: #ffffff;
//   --default-border: #edf0f2;
//   --custom-radius: 0.75rem;
// }

// ================================================================
// 暗色主题 — 浅蓝色系（可选）
// ================================================================

// html.dark {
//   --sidebar-bg-color: #0c1031;
//   --sidebar-border-color: #1a1e3d;
//   --sidebar-text-color: #a8adcc;
//   --sidebar-text-hover-color: #5c9fff;
//   --sidebar-text-active-color: #1975fc;
//   --sidebar-bg-hover-color: rgba(25, 117, 252, 0.15);
//   --sidebar-bg-active-color: rgba(25, 117, 252, 0.25);
//   --sidebar-logo-color: #ffffff;
//   --sidebar-section-title-color: #6b7094;
//
//   --main-bg-color: #0f1420;
//   --header-bg-color: #151a2d;
//   --header-border-color: #1a1e3d;
//
//   --card-bg-color: #151a2d;
//   --card-border-color: #1a1e3d;
//
//   --table-header-bg: #1a1e3d;
//   --table-header-color: #6b7094;
//   --table-row-hover-bg: #1a1e3d;
//   --table-border-color: #1a1e3d;
//
//   --text-primary: #e5e7eb;
//   --text-regular: #a8adcc;
//   --text-secondary: #6b7094;
//
//   --tag-bg-color: rgba(25, 117, 252, 0.2);
//   --tag-text-color: #5c9fff;
// }