/*
 * WMS Static Theme — replaces RuoYi-Vue-Pro dynamic theme system
 *
 * This file loads via <link> in index.html BEFORE any JS,
 * so CSS variables are always available at first render.
 * No more onMounted timing issues, no more localStorage cache conflicts.
 *
 * To change brand colors: edit this file and redeploy.
 */

:root {
  /* ===== Element Plus primary color ===== */
  --el-color-primary: #1e6fff;
  --el-color-primary-rgb: 30, 111, 255;

  /* Primary light variants (pre-calculated: mix with #ffffff) */
  --el-color-primary-light-3: #62a0ff;
  --el-color-primary-light-5: #8fb7ff;
  --el-color-primary-light-7: #bcd4ff;
  --el-color-primary-light-8: #d2e2ff;
  --el-color-primary-light-9: #e9f1ff;
  --el-color-primary-dark-2: #4b8cff;

  /* ===== WMS 品牌语义 token (业务代码统一引用,禁止硬编码 #xxx) =====
   * 主蓝: 列表链接 / 主按钮 / 选中态 / Active 边框 / count 徽标 active
   * Hover/Active 各自亮度变化,统一通过 Element Plus 派生 token 表达
   */
  --wms-color-link: var(--el-color-primary);
  --wms-color-link-hover: var(--el-color-primary-light-3);
  --wms-color-link-active: var(--el-color-primary-dark-2);
  --wms-color-active-bg: var(--el-color-primary-light-9);  /* sidebar/tab active 背景 */
  --wms-color-active-border: var(--el-color-primary);       /* 3px 蓝边 */

  /* ===== Left menu (transparent for top layout) ===== */
  --left-menu-border-color: transparent;
  --left-menu-bg-color: transparent;
  --left-menu-bg-light-color: rgba(255, 255, 255, 0.1);
  --left-menu-bg-active-color: rgba(255, 255, 255, 0.18);
  --left-menu-collapse-bg-active-color: rgba(255, 255, 255, 0.18);
  --left-menu-text-color: rgba(255, 255, 255, 0.85);
  --left-menu-text-active-color: #ffffff;

  /* ===== Logo ===== */
  --logo-title-text-color: #fff;
  --logo-border-color: inherit;

  /* ===== Top header ===== */
  --top-header-bg-color: #2b5da0;
  --top-header-text-color: #ffffff;
  --top-header-hover-color: rgba(255, 255, 255, 0.12);
  --top-tool-border-color: #e8e8e8;
}