html {
  scroll-behavior: smooth;
}

/* 預留 navbar 高度 */
h1, h2, h3, h4, h5, h6 {
  scroll-margin-top: 55px;
}

/* Navbar dropdown section header */
.dropdown-header {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  padding: 0.45rem 1rem 0.4rem;
  margin: 0.35rem 0 0.2rem;

  border-left: 4px solid var(--dropdown-header-accent);
  background: var(--dropdown-header-bg);
  color: var(--dropdown-header-text);

  pointer-events: none;
  cursor: default;
}

/* ---------- Light mode ---------- */
[data-bs-theme="light"] {
  --dropdown-header-accent: #0d6efd;        /* Bootstrap primary */
  --dropdown-header-bg: rgba(8, 64, 148, 0.08);
  --dropdown-header-text: #021324;
}

/* ---------- Dark mode ----------- */
[data-bs-theme="dark"] {
  --dropdown-header-accent: #66b2ff;
  --dropdown-header-bg: rgb(252, 253, 255);
  --dropdown-header-text: #5863a0;
}