/* Branding colors */
:root {
  --main-bg: #f2eadf;
  --primary: #5a9d61;      /* earthy green */
  --secondary: #c9ae86;    /* sand tone */
  --text-dark: #3b3128;
}

/* Global resets */
body { background:#fff; color:var(--text-dark); }

/* Header & nav tweaks */
h1 { font-family:'Press Start 2P', cursive; margin: .5em; }

.nav-tabs .nav-link {
  border-radius: .25rem;
  margin-top: .5rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .active > .nav-link{
  background-color: var(--primary);
  color:#fff;
}

/* Navbar hover effect */
.nav-tabs .nav-link:hover {
  background-color: var(--secondary);
  color:#fff;
}

/* Header gradient */
.container-fluid > .row:first-child {
  background: linear-gradient(to right, #5a9d61, #c9ae86);
  padding-top: .8rem; padding-bottom: .8rem;
  align-items: center;
}

/* Card content styles */
.card-content {
  background:#fff;
  margin:1.5rem;
  padding:1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  border-radius:.25rem;
}
/* Navbar hover effect */
.nav-tabs .nav-link:hover {
  background-color: var(--secondary);
  color:#fff;
}

/* Header gradient */
.container-fluid > .row:first-child {
  background: linear-gradient(to right, #5a9d61, #c9ae86);
  padding-top:.8rem; padding-bottom:.8rem;
}

/* Footer */
.container-fluid > .row:last-child {
  background:#f8f9fa;
  border-top:1px solid #dee2e6;
  padding:1.5rem 0;
  font-size:.875rem;
  color:#6c757d;
}