/* ===== Dark Mode Overrides ===== */
/* Only for custom components not handled by stock Bootstrap */

/* ===== Theme Variables ===== */
[data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #8eaad4;
  --bs-link-color: #56d4b2;
  --bs-link-color-rgb: 86, 212, 178;
  --bs-link-hover-color: #72e0c2;
  --bs-link-hover-color-rgb: 114, 224, 194;
  --bs-green-light: #1a2e28;
  --bs-green-light-rgb: 26, 46, 40;
}

/* ===== Outline Primary Button ===== */
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #8eaad4;
  --bs-btn-border-color: #8eaad4;
  --bs-btn-hover-bg: #8eaad4;
  --bs-btn-hover-border-color: #8eaad4;
  --bs-btn-hover-color: #212529;
  --bs-btn-active-bg: #7a9ac8;
  --bs-btn-active-border-color: #7a9ac8;
  --bs-btn-active-color: #212529;
  --bs-btn-disabled-color: #8eaad4;
  --bs-btn-disabled-border-color: #8eaad4;
}

/* ===== Hero Gradient ===== */
[data-bs-theme="dark"] .index-hero {
  background: linear-gradient(135deg, rgba(20,40,80,1) 0%, rgba(20,40,80,0.95) 35%, rgba(18,50,48,0.9) 70%, rgba(18,80,66,0.85) 100%),
              url('../images/index/index-hero-image.jpg') center/cover no-repeat;
}

/* ===== Help Category Icon Circles ===== */
[data-bs-theme="dark"] .icon-circle-green {
  background-color: var(--bs-green-light, #1a2e28);
  color: #56d4b2;
}

/* ===== Feature Cards ===== */
[data-bs-theme="dark"] .feature-card {
  border-top-color: #56d4b2;
}

/* ===== Help Search ===== */
[data-bs-theme="dark"] .help-search-input {
  border-color: var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .help-search-snippet mark {
  background-color: #665d1e;
  color: var(--bs-body-color);
}