/**
 * 在 bootstrap.min.css **之后**引入。
 * Bootstrap 用选择器 `:root,[data-bs-theme=light]{...}` 写死 --bs-primary 为 #0d6efd，
 * 仅写 `:root` 时，与 Bootstrap 同优先级的后一条要能覆盖；为保险同时写 `[data-bs-theme=light]`，
 * 并对 `.btn-primary` 显式设置 --bs-btn-*，避免个别环境下变量未生效仍显示蓝钮。
 * （须保证 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-ink);
  --bs-primary-rgb: 10, 10, 10;
  --bs-primary-text-emphasis: var(--bm-ink-2);
  --bs-link-color: var(--bm-ink);
  --bs-link-hover-color: var(--bm-ink-2);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bm-ink);
  --bs-btn-border-color: var(--bm-ink);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--secondary-color);
  --bs-btn-hover-border-color: var(--secondary-color);
  --bs-btn-focus-shadow-rgb: 10, 10, 10;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--secondary-color);
  --bs-btn-active-border-color: var(--bm-ink-2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bm-ink-muted);
  --bs-btn-disabled-border-color: var(--bm-ink-muted);
}

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