body {
  background-color: #000000;
  color: #f5d27a;
}

h1, h2, h3 {
  color: #ffc107;
}

/* Mini page nav container */
.page-nav {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 1.25rem 0 2rem 0;
  padding-bottom: 1rem;
}

/* Base button styling */
.page-nav .btn {
  border-radius: 999px;
  padding: 0.65rem 1.35rem;
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

/* Inactive outline buttons */
.page-nav .btn-outline-primary {
  color: #ffc107;
  border-color: #b87900;
  background-color: transparent;
}

/* Inactive button hover */
.page-nav .btn-outline-primary:hover {
  color: #000000;
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: 0 0 12px rgba(255, 193, 7, 0.55);
}

/* Active/current button */
.page-nav .btn-primary {
  color: #ffffff;
  background-color: #c77700;
  border-color: #c77700;
  box-shadow: 0 0 10px rgba(199, 119, 0, 0.45);
}

/* Active button hover */
.page-nav .btn-primary:hover {
  color: #000000;
  background-color: #ffb000;
  border-color: #ffb000;
  box-shadow: 0 0 14px rgba(255, 176, 0, 0.65);
}

/* Inline code styling for variables / dataset names */
code {
  color: #ffcc33;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 0.95em;
  font-weight: 700;
}