/* =============================================================================
 * brand-override.css — 国际学校设计语言 · 跨前端覆盖层
 * -----------------------------------------------------------------------------
 * 用途：注入各自建前端（置于其应用 CSS 之后），把蓝/灰主色统一为
 *       navy(#0C447C) 主色 / gold(#EF9F27) 点缀 / teal(#1D9E75) 行动成功。
 * 原理：重定义各 UI 库的主题 CSS 变量（Element Plus / Ant / Bootstrap / 通用）。
 *       用 !important 确保覆盖应用自带主题；加载顺序晚于应用 CSS 故生效。
 * 注入方式：在目标前端 index.html 的 </head> 前加
 *       <link rel="stylesheet" href="/brand-override.css">
 * 注：布局/背景一般不动，只统一“品牌色”，避免破坏各应用既有结构。
 * ========================================================================== */

:root {
  /* ---- Element Plus ---- */
  --el-color-primary: #0C447C !important;
  --el-color-primary-rgb: 12, 68, 124 !important;
  --el-color-primary-light-3: #557CA3 !important;
  --el-color-primary-light-5: #86A4BE !important;
  --el-color-primary-light-7: #B6C7D8 !important;
  --el-color-primary-light-8: #CEDAE5 !important;
  --el-color-primary-light-9: #E7ECF2 !important;
  --el-color-primary-dark-2: #0A3663 !important;
  --el-color-success: #1D9E75 !important;
  --el-color-success-light-3: #61BB9E !important;
  --el-color-success-light-5: #8FCFB9 !important;
  --el-color-success-light-7: #BBE2D6 !important;
  --el-color-success-light-8: #D2ECE3 !important;
  --el-color-success-light-9: #E8F5F1 !important;
  --el-color-warning: #EF9F27 !important;
  --el-color-info: #1A5896 !important;

  /* ---- Ant Design ---- */
  --ant-primary-color: #0C447C !important;
  --ant-primary-color-hover: #1A5896 !important;
  --ant-primary-color-active: #0A3663 !important;
  --ant-success-color: #1D9E75 !important;
  --ant-warning-color: #EF9F27 !important;
  --ant-info-color: #1A5896 !important;

  /* ---- Bootstrap / 通用自定义变量 ---- */
  --bs-primary: #0C447C !important;
  --bs-primary-rgb: 12, 68, 124 !important;
  --bs-success: #1D9E75 !important;
  --bs-warning: #EF9F27 !important;
  --primary: #0C447C !important;
  --primary-color: #0C447C !important;
  --color-primary: #0C447C !important;
  --theme-color: #0C447C !important;
  --brand-color: #0C447C !important;
  --brand: #0C447C !important;
}
