:root {
  /*--accent: #0d6efd;*/
  --accent: #5faf89

  
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}





/* Light/Dark theme helper (simple) */
[data-theme="dark"] .bg-dark {
  background-color: #5faf89
  ; /* dark green */
  color: #e6e6e6;
}
[data-theme="light"] .bg-light {
  background-color: transparent !important;
 
}

/* add near your other theme rules (after Bootstrap) */
html[data-theme="dark"] .navbar {
  background-color: var(--accent); /* #2f5f45 */
}
html[data-theme="dark"] .navbar .navbar-brand,
html[data-theme="dark"] .navbar .nav-link {
  color: #e6e6e6;
}

html[data-theme="light"] .navbar {
  background-color: var(--accent); /* #2f5f45 */
}
html[data-theme="ligh"] .navbar .navbar-brand,
html[data-theme="light"] .navbar .nav-link {
  color: #e6e6e6;
}



.carousel-item {
  height: var(--carousel-h, 360px);
  background-color: black;


}
.carousel-item img {
  width: 100%;
  height: 100%;             /* pick a fixed height or use a CSS variable */
  object-fit: var(--carousel-object-fit, contain);    /* variable fitting*/
  object-position: center;
  display: block;
}