/* ✅ Hero background (warm brown) */
.bg-primary {
  background-color: #6b4f3f !important;
}

/* ✅ Buttons (golden brown, teal hover) */
.btn-primary {
  background-color: #a67c52 !important;
  border-color: #a67c52 !important;
}
.btn-primary:hover {
  background-color: #2a9d8f !important;
  border-color: #2a9d8f !important;
}

/* ✅ Navbar and footer (espresso brown with cream text) */
.navbar-dark, footer {
  background-color: #3e2c20 !important;
}
.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
  color: #f5f5dc !important;
}
.navbar-dark .nav-link:hover {
  color: #2a9d8f !important;
}

/* ✅ Table header (warm brown) */
.table-dark {
  background-color: #6b4f3f !important;
}

/* ✅ Card styling */
.card {
  border: none;
  box-shadow: 0 4px 8px rgba(107, 79, 63, 0.3);
}
.card-title {
  color: #2a9d8f;
  font-weight: 600;
}

/* ✅ Contact form labels */
.form-label {
  color: #3e2c20;
  font-weight: 600;
}
.form-control:focus {
  border-color: #2a9d8f;
  box-shadow: 0 0 0 0.2rem rgba(42, 157, 143, 0.25);
}

/* ✅ Section headings with teal underline */
h2 {
  position: relative;
  display: inline-block;
}
h2::after {