/* ============================================================
   SITE THEME — cream + green palette
   Load AFTER bootstrap.css to override Bootstrap primary colors.
   ============================================================ */

/* ------ CSS custom properties ------ */
:root {
  --primary-color: #16a34a;
  --primary-dark: #15803d;
  --primary-light: #86efac;
  --accent-color: #f59e0b;
  --accent-dark: #d97706;
  --success-color: #16a34a;
  --warning-color: #f59e0b;
  --danger-color: #dc2626;
  --bg-cream: #faf7f0;
  --bg-white: #ffffff;
  --bg-light: #f5f1e8;
  --text-dark: #1f2937;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --border-color: #e5e1d3;
  --secondary-color: #6b7280;

  /* Bootstrap 5 CSS variable overrides */
  --bs-primary: #16a34a;
  --bs-primary-rgb: 22, 163, 74;
  --bs-link-color: #16a34a;
  --bs-link-color-rgb: 22, 163, 74;
  --bs-link-hover-color: #15803d;
}

/* ------ Body background ------ */
body {
  background-color: var(--bg-cream);
}

/* ------ Bootstrap 4 / Bootstrap 5 primary button overrides ------ */
.btn-primary {
  background-color: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #15803d !important;
  border-color: #15803d !important;
  color: #fff !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5) !important;
}

/* ------ Bootstrap links / pagination / badges ------ */
a {
  color: var(--primary-color);
}
a:hover {
  color: var(--primary-dark);
}

.page-link {
  color: var(--primary-color);
}
.page-item.active .page-link {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.badge-primary,
.badge.bg-primary {
  background-color: var(--primary-color) !important;
}

/* ------ Form focus rings ------ */
.form-control:focus {
  border-color: #86efac;
  box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25);
}

/* ------ Navbar bg-dark stays dark; nav-link hover to green ------ */
.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--primary-light);
}