.main-bg-image {
  background-image: url('../images/main_bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh; /* or a set height */
}

:root {
  --primary-rgb: 46, 125, 50; /* Green - Light theme */
}

[data-theme-mode="dark"] {
  --primary-rgb: 46, 125, 50; /* Same Green - Dark theme override */
}