body {
  scroll-behavior: smooth;
  background-color: #f8f9fa; /* subtle light grey for page sections */
}

/* ===== Navbar ===== */
.custom-navbar {
  background-color: #0A3D62; /* deep ocean blue */
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #1E90FF !important; /* bright hover accent */
}

/* ===== Hero Section ===== */
.hero-section {
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
      135deg,
      rgba(10,61,98,0.95) 0%,  /* deep blue start */
      rgba(30,144,255,0.85) 100% /* bright azure end */
  ),
  url('images/hero-bg.jpg') center/cover no-repeat; /* optional hero image */
}

.hero-section h1,
.hero-section p {
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* ===== Buttons ===== */
.btn-primary-brand {
  background-color: #1E90FF;
  border: none;
  color: #fff;
  transition: background-color 0.3s ease;
}
.btn-primary-brand:hover {
  background-color: #0a7ad1;
  color: #fff;
}

/* ===== Footer ===== */
footer {
  background-color: #0A3D62 !important; /* same as navbar for consistent brand color */
  color: #e0e6eb !important;
}
footer small {
  color: #cdd4da !important; /* slightly lighter for readability */
}

.text-primary {
  color: #0A3D62 !important;
}