.hero-bg {
  background: #CFBED7 url('/img/background.jpg') no-repeat center center;
  background-size: cover;
  /* CFBED7 */
  min-height: 100vh; /* Use min-height so content can grow if needed */
}

header,
footer {
  background-color: #3B2A42; /* A nice, deep purple */
  color: #FFFFFF; /* White text for good contrast */
}

/* You might need to adjust the footer's paragraph color specifically */
footer p {
    color: #E0E0E0; /* A slightly off-white for readability */
}