/* *************** restore green theme *************** */

/* 1) Override Bootstrap 5’s primary & success variables */
:root {
  --bs-primary:   #28a745; /* your original green */
  --bs-success:   #28a745;
}

/* 2) Ensure any elements using .btn-primary or .btn-success pick it up */
.btn-primary,
.btn-success {
  background-color: var(--bs-primary) !important;
  border-color:     var(--bs-primary) !important;
}

/* 3) If you had custom “green” headings or links, re-introduce them */
.text-green {
  color: var(--bs-primary) !important;
}
.bg-green {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* 4) (Optional) Navbar, alerts, badges, etc. */
.navbar,
.alert-success,
.badge-success {
  background-color: var(--bs-primary) !important;
  border-color:     var(--bs-primary) !important;
}


/* 1. Make Bootstrap primary green site-wide */
:root {
  --bs-primary: #28a745;
  --bs-primary-rgb: 40, 167, 69;
}

/* 2. Dark-mode background and text */
body.dark-mode {
  background-color: #121212;
  color: #e8f5e9;
}

/* 3. In dark mode, buttons and links keep green accent */
body.dark-mode a,
body.dark-mode .btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* 4. Optional: tweak cards, navbars in dark */
body.dark-mode .navbar,
body.dark-mode .card {
  background-color: #1e1e1e;
  border-color: #333;
}