/* ═══════════════════════════════════════════════════════
   贵阳市家庭教育协会 — 全站配色系统
   主色：温润青蓝  |  强调：晨曦暖金
   ═══════════════════════════════════════════════════════ */
:root,
[data-bs-theme="light"] {
  /* ── 品牌主色（青蓝） ── */
  --primary: #1a6b94;
  --primary-rgb: 26, 107, 148;
  --primary-dark: #124f6e;
  --primary-deeper: #0a3548;
  --primary-light: #e0f0f7;
  --primary-mid: #2a8ab5;

  /* ── 强调色（暖金） ── */
  --accent: #c97b3b;
  --accent-rgb: 201, 123, 59;
  --accent-dark: #a8622e;
  --accent-light: #fdf3e8;

  /* ── 分区色 ── */
  --committee: #5b6bb5;
  --committee-dark: #4755a0;
  --committee-light: #eceff8;
  --office: #2a8b6e;
  --office-dark: #1f6b55;
  --office-light: #e6f5ef;

  /* ── 中性色 ── */
  --text: #1a2834;
  --text-secondary: #334155;
  --text-muted: #5c7080;
  --text-light: #8fa0ae;
  --bg: #f3f6f9;
  --bg-alt: #e8eef3;
  --bg-warm: #faf6f1;
  --card: #ffffff;
  --border: #d4dee8;
  --border-light: #e8eef3;

  /* ── 语义色 ── */
  --success: #2a8b6e;
  --success-light: #e6f5ef;
  --warning: #c97b3b;
  --warning-light: #fdf3e8;

  /* ── 兼容别名 ── */
  --assoc-blue: var(--primary);
  --assoc-red: var(--accent);
  --org-primary: var(--committee);

  /* ── 阴影 ── */
  --shadow: 0 4px 24px rgba(26, 107, 148, 0.08);
  --shadow-lg: 0 8px 32px rgba(26, 107, 148, 0.12);
  --shadow-card: 0 4px 16px rgba(26, 40, 52, 0.06);

  --header-h: 72px;

  /* ── Bootstrap 映射 ── */
  --bs-primary: var(--primary);
  --bs-primary-rgb: var(--primary-rgb);
  --bs-secondary: var(--text-muted);
  --bs-secondary-rgb: 92, 112, 128;
  --bs-success: var(--success);
  --bs-success-rgb: 42, 139, 110;
  --bs-warning: var(--warning);
  --bs-warning-rgb: 201, 123, 59;
  --bs-danger: #c9564a;
  --bs-danger-rgb: 201, 86, 74;
  --bs-body-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: var(--text);
  --bs-body-bg: var(--bg);
  --bs-link-color: var(--primary);
  --bs-link-hover-color: var(--primary-dark);
  --bs-border-color: var(--border);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
}

/* ── 按钮 ── */
.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary-dark);
  --bs-btn-hover-border-color: var(--primary-dark);
  --bs-btn-active-bg: var(--primary-deeper);
  --bs-btn-active-border-color: var(--primary-deeper);
  --bs-btn-focus-shadow-rgb: var(--primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-bg: var(--primary-dark);
  --bs-btn-active-border-color: var(--primary-dark);
}

.btn-outline-light {
  --bs-btn-color: #fff;
  --bs-btn-border-color: rgba(255, 255, 255, 0.65);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-btn-hover-border-color: #fff;
  --bs-btn-hover-color: #fff;
}

.btn-light {
  --bs-btn-color: var(--primary-dark);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-bg: var(--primary-light);
  --bs-btn-hover-border-color: var(--primary-light);
  --bs-btn-hover-color: var(--primary-deeper);
}

/* ── 导航 ── */
.navbar {
  --bs-navbar-active-color: #fff;
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.92);
  --bs-navbar-color: rgba(255, 255, 255, 0.82);
}

.site-brandbar {
  background: var(--card);
  border-bottom: 1px solid var(--border);
}

.site-brandbar-logo {
  flex-shrink: 0;
  line-height: 0;
}

.site-brandbar-name {
  font-size: clamp(1.25rem, 3.5vw, 1.65rem);
  font-weight: 700;
  color: var(--primary-dark);
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
}

.site-brandbar-tagline {
  font-size: 0.875rem;
  color: var(--text-muted);
  letter-spacing: 0.12em;
}

.site-navbar {
  background: var(--primary) !important;
  border-bottom: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.site-navbar .nav-link {
  color: rgba(255, 255, 255, 0.88);
  padding: 0.875rem 1rem;
  font-size: 0.95rem;
  border-radius: 0;
  text-align: center;
}

.site-navbar .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.nav-link.active {
  color: #fff !important;
  background: var(--primary-dark) !important;
  font-weight: 600;
  position: relative;
}

@media (min-width: 992px) {
  .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accent);
  }
}

.site-topbar {
  background: var(--primary-deeper) !important;
}

/* ── 卡片 ── */
.card {
  --bs-card-border-color: var(--border);
  --bs-card-cap-bg: transparent;
  --bs-card-bg: var(--card);
  box-shadow: var(--shadow-card);
}

/* ── 面包屑（横幅内） ── */
.breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-item a {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: #fff;
}

.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.6);
}

/* ── 标签页 ── */
.nav-pills .nav-link {
  color: var(--text-muted);
}

.nav-pills .nav-link:hover {
  color: var(--primary);
  background: var(--primary-light);
}

.nav-pills .nav-link.active,
.guide-tab.is-active {
  background: var(--primary) !important;
  color: #fff !important;
}

/* ── 工具类 ── */
.text-primary-dark { color: var(--primary-dark) !important; }
.bg-primary-dark { background-color: var(--primary-deeper) !important; }
.bg-primary-light { background-color: var(--primary-light) !important; }
.bg-accent { background-color: var(--accent) !important; }
.bg-accent-light { background-color: var(--accent-light) !important; }