/* Landing section full height */
.landing {
  height: calc(100vh - 56px);
  background-color: white;  /* white background */
  color: #333;              /* dark gray text for readability */
  padding: 0 2rem;
}

.landing h1 {
  color: #222;              /* slightly darker for emphasis */
  text-shadow: none;
}

.landing p {
  max-width: 600px;
  color: #555;              /* medium gray for description */
}

/* Navbar styling */
.navbar {
  background-color: #007BFF;  /* bootstrap primary blue */
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .btn {
  color: white;              /* white text in navbar */
}

.navbar .nav-link:hover {
  color: #FFC107;           /* yellow highlight on hover */
}

/* Buttons in landing section */
.btn-light {
  background-color: #007BFF;  /* blue button for visibility */
  color: white;                /* white text on button */
  transition: all 0.3s ease;
}

.btn-light:hover {
  background-color: #0056b3;  /* darker blue on hover */
  color: white;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}