/* ============================================
   Bootstrap 5 全局配色覆盖（纯 CSS 版）
   请把本文件放在 bootstrap.min.css 之后引入
   ============================================ */

/* 0. 变量声明（与主题色保持一致）*/
:root {
    --primary-color: #2E8B57;
    --secondary-color: #3CB371;
    --card-header-bg: #F5FFFA;
    --link-color: #2E8B57;
    /* --text-color: #333333; */
    --text-color: #F5FFFA;
    --secondary-color-rgb: 60, 179, 113;
    --primary-rgb: 46, 139, 87;            /* 同步 RGB 值，用于 rgba() */
  }
  
  /* 1. 全局文字与背景色 */
  body {
    color: var(--text-color);
  }
  
  /* 2. 链接 */
  a {
    color: var(--link-color);
  }
  a:hover,
  a:focus {
    color: var(--primary-color);
  }
  
  /* 3. 按钮 */
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
  }
  .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-disabled-bg: var(--secondary-color);
    --bs-btn-disabled-border-color: var(--secondary-color);
  }
  
  /* 4. 表单控件焦点色 */
  .form-control:focus,
  .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
  }
  
  /* 5. 导航 & 标签页 */
  .nav-link {
    color: var(--primary-color);
  }
  .nav-link:hover,
  .nav-link:focus {
    color: var(--primary-color);
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
  }
  
  /* 6. 导航栏 */
  .navbar-dark {
    background-color: var(--primary-color) !important;
  }
  .navbar-light .navbar-nav .nav-link {
    color: var(--primary-color);
  }
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .nav-link:focus {
    color: var(--primary-color);
  }
  
  /* 7. 卡片 */
  .card-header {
    background-color: var(--card-header-bg);
    color: var(--primary-color);
  }
  .card.border-primary {
    border-color: var(--primary-color) !important;
  }
  
  /* 8. 警告框 */
  .alert-primary {
    --bs-alert-color: #fff;
    --bs-alert-bg: var(--primary-color);
    --bs-alert-border-color: var(--primary-color);
  }
  .alert-secondary {
    --bs-alert-color: #fff;
    --bs-alert-bg: var(--secondary-color);
    --bs-alert-border-color: var(--secondary-color);
  }
  
  /* 9. 徽章 */
  .badge.bg-primary {
    background-color: var(--primary-color) !important;
  }
  .badge.bg-secondary {
    background-color: var(--secondary-color) !important;
  }
  
  /* 10. 分页 */
  .page-link {
    color: var(--primary-color);
  }
  .page-link:hover,
  .page-link:focus {
    color: var(--primary-color);
  }
  .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  /* bootstrap-table 的 page-list 按钮跟随主题色 */
.bootstrap-table .page-list .btn.dropdown-toggle {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
  
  /* 11. 进度条 */
  .progress-bar {
    background-color: var(--primary-color);
  }
  .progress-bar.bg-secondary {
    background-color: var(--secondary-color) !important;
  }
  
  /* 12. 列表组 */
  .list-group-item.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  /* 13. 表格 */
  .table-primary {
    --bs-table-color: #fff;
    --bs-table-bg: var(--primary-color);
    --bs-table-border-color: var(--primary-color);
  }
  .table-secondary {
    --bs-table-color: #fff;
    --bs-table-bg: var(--secondary-color);
    --bs-table-border-color: var(--secondary-color);
  }
  
  /* 14. 面包屑 */
  .breadcrumb-item a {
    color: var(--link-color);
  }
  .breadcrumb-item.active {
    color: var(--text-color);
  }
  
  /* 15. 下拉菜单 */
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: rgba(var(--primary-rgb), 0.1);
    color: var(--primary-color);
  }
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: var(--primary-color);
    color: #fff;
  }
  
  /* 16. 模态框 */
  .modal-header {
    background-color: var(--card-header-bg);
    color: var(--primary-color);
  }
  
  /* 17. 折叠面板（Accordion） */
  .accordion-button:not(.collapsed) {
    background-color: var(--card-header-bg);
    color: var(--primary-color);
  }
  .accordion-button:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
  }
  
  /* 18. 工具提示 & 弹出框 */
  .tooltip .tooltip-inner {
    background-color: var(--primary-color);
  }
  .bs-tooltip-top .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--primary-color);
  }
  .popover-header {
    background-color: var(--card-header-bg);
    color: var(--primary-color);
  }

  :root {
    --bs-primary: var(--primary-color);
    --bs-secondary: var(--secondary-color);
  
    /* 表单控件边框色 */
    --bs-border-color: var(--primary-color);
  
    /* 表单控件 focus 边框色 */
    --bs-focus-border-color: var(--primary-color);
  
    /* 表单控件 focus 阴影色 */
    --bs-focus-ring-color: rgba(var(--primary-rgb), 0.25);
  }