/**
 * 在 element-plus/theme-chalk/dark/css-vars.css 之后加载，覆盖其纯黑 #141414 中性面，
 * 使表格/卡片/输入框/分页等与 HUD 的 --card-solid + --primary 靛紫石板调一致。
 * main.js 中必须放在 hud-layout.css、shell-theme.css 之后最后引入。
 */

html.dark {
  /* 主色链（dark/css-vars 会把 html.dark 上的 primary 设回 #409eff，此处强制对齐 HUD） */
  --el-color-primary: #818cf8;
  --el-color-primary-light-3: #9aa4fa;
  --el-color-primary-light-5: #a8b0fb;
  --el-color-primary-light-7: #c7ccf9;
  --el-color-primary-light-8: #d8dbf9;
  --el-color-primary-light-9: #e9ebfd;
  --el-color-primary-dark-2: #4c51bf;

  /* 页面与容器底：由纯黑改为靛青石板调 */
  --el-bg-color-page: var(--background);
  --el-bg-color: color-mix(in srgb, var(--card-solid) 92%, var(--primary) 8%);
  --el-bg-color-overlay: color-mix(in srgb, var(--card-solid) 86%, var(--primary) 14%);
  --el-dialog-bg-color: color-mix(in srgb, var(--card-solid) 90%, var(--primary) 10%);
  --el-drawer-bg-color: color-mix(in srgb, var(--card-solid) 88%, var(--primary) 12%);

  --el-fill-color-darker: color-mix(in srgb, var(--card-solid) 72%, var(--primary) 16%);
  --el-fill-color-dark: color-mix(in srgb, var(--card-solid) 78%, var(--primary) 14%);
  --el-fill-color: color-mix(in srgb, var(--card-solid) 84%, var(--primary) 12%);
  --el-fill-color-light: color-mix(in srgb, var(--card-solid) 88%, var(--primary) 10%);
  --el-fill-color-lighter: color-mix(in srgb, var(--card-solid) 91%, var(--primary) 8%);
  --el-fill-color-extra-light: color-mix(in srgb, var(--card-solid) 94%, var(--primary) 6%);

  /* 边框：带一点主色，避免与纯灰黑完全脱节 */
  --el-border-color: color-mix(in srgb, var(--primary) 28%, rgba(148, 163, 184, 0.35));
  --el-border-color-light: color-mix(in srgb, var(--primary) 22%, rgba(148, 163, 184, 0.28));
  --el-border-color-lighter: color-mix(in srgb, var(--primary) 16%, rgba(148, 163, 184, 0.22));
  --el-border-color-extra-light: color-mix(in srgb, var(--primary) 12%, rgba(148, 163, 184, 0.16));

  /* 弱化 EP 默认过重阴影 */
  --el-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, 0.22), 0 8px 20px rgba(0, 0, 0, 0.28);
  --el-box-shadow-light: 0 0 12px rgba(0, 0, 0, 0.28);
}

/* 浅色：统一主色链（index.css 默认蓝） */
html:not(.dark) {
  --el-color-primary: #4f46e5;
  --el-color-primary-light-3: #7c73ed;
  --el-color-primary-light-5: #9890f0;
  --el-color-primary-light-7: #b4aef5;
  --el-color-primary-light-8: #c7c2f7;
  --el-color-primary-light-9: #e8e6fc;
  --el-color-primary-dark-2: #3730a3;
}
