body {
  background-color: #434142; /* Slate Gray */
  color: #F5F5F5;            /* Soft White */
  font-family: 'Helvetica Neue', sans-serif;
}

#hero-heading {
  background-color: #2D6A4F; /* Forest Green */
  padding: 2em;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(32, 64, 52, 0.3);
}

#hero-heading h1, #hero-heading h2, #hero-heading h3 {
  color: #D0C0B2; /* Oak Gold */
}

a, .btn {
  background-color: #194D45; /* Deep Teal */
  color: #F5F5F5;
  padding: 0.5em 1em;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

a:hover {
  background-color: #B06B4F; /* Terracotta */
}