/**
 * 在 bootstrap.min.css **之后**引入。
 * 覆盖 Bootstrap 默认蓝，统一为品牌色（design-tokens.css）。
 */
:root,
[data-bs-theme="light"] {
  --bs-body-font-family: var(--bm-font-sans);
  --bs-body-font-size: var(--bm-text-base);
  --bs-body-line-height: var(--bm-leading-normal);
  --bs-body-color: var(--bm-text);
  --bs-body-bg: var(--bm-surface-muted);
  --bs-primary: var(--bm-brand);
  --bs-primary-rgb: var(--bm-brand-rgb);
  --bs-primary-text-emphasis: var(--bm-brand-hover);
  --bs-link-color: var(--bm-brand);
  --bs-link-hover-color: var(--bm-brand-hover);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bm-brand);
  --bs-btn-border-color: var(--bm-brand);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bm-brand-hover);
  --bs-btn-hover-border-color: var(--bm-brand-hover);
  --bs-btn-focus-shadow-rgb: var(--bm-brand-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bm-brand-active);
  --bs-btn-active-border-color: var(--bm-brand-active);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(var(--bm-brand-rgb), 0.45);
  --bs-btn-disabled-border-color: rgba(var(--bm-brand-rgb), 0.45);
}

.btn-outline-primary {
  --bs-btn-color: var(--bm-brand);
  --bs-btn-border-color: var(--bm-brand);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bm-brand);
  --bs-btn-hover-border-color: var(--bm-brand);
  --bs-btn-focus-shadow-rgb: var(--bm-brand-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bm-brand-hover);
  --bs-btn-active-border-color: var(--bm-brand-hover);
}