body {
  background: linear-gradient(to bottom right, #e8f5e9, #c8e6c9, #a5d6a7);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #1b5e20; /* forest green text */
}




/* === Main container panel === */
.main-container {
  background-color: rgba(255, 255, 255, 0.88);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(34, 87, 52, 0.2);
}

/* === Navbar === */
.navbar, .navbar-dark {
  background-color: #2e7d32 !important;  /* Forest green */
}
.navbar-brand, .nav-link, .navbar-nav .nav-item .nav-link {
  color: #f1f8e9 !important;  /* very light green */
}


.navbar-brand, .nav-link, .nav-link {
  color: #000000 !important;  /* very light green */
}





/* === Links === */
a {
  color: #2e7d32 !important;  /* forest green */
}
a:hover {
  color: #1b5e20 !important; /* darker green */
}

/* === Primary buttons === */
.btn, .btn-primary {
  background-color: #388e3c !important;  /* medium green */
  border-color: #2e7d32 !important;
  color: white !important;
}
.btn:hover, .btn-primary:hover {
  background-color: #2e7d32 !important;
  border-color: #1b5e20 !important;
}

/* === Headings === */
h1, h2, h3, h4, h5, h6 {
  color: #1b5e20; /* dark green titles */
}