/* ----------------------------------------
   BONGA BONGA - BLACK, STARRY BRAND THEME
   This is the brand's own fixed identity (matching
   its slide decks), so colours are hard-coded here
   rather than routed through the site's light/dark
   theme variables, keeping the page consistent
   regardless of the visitor's theme preference.
---------------------------------------- */
body {
  background-color: #0a0a0d;
  background-image: url('../Projects-new/Bonga%20Bonga/web/stars-tile.png');
  background-repeat: repeat;
  background-size: 640px 640px;
  color: #fbfaf7;
  color-scheme: dark;
}

.project-subtitle {
  color: rgba(251, 250, 247, 0.7);
}

.nav.scrolled {
  background-color: rgba(10, 10, 13, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

.nav-hamburger span {
  background: #fbfaf7;
}

.nav-links a::after {
  background: #fbfaf7;
}

.theme-toggle {
  color: #fbfaf7;
  border-color: rgba(255, 255, 255, 0.14);
}

.theme-toggle:hover {
  border-color: #fbfaf7;
}

.mobile-menu {
  background: #0a0a0d;
}

.project-back {
  color: rgba(251, 250, 247, 0.7);
}

.project-back:hover {
  color: #fbfaf7;
}

.project-meta-row {
  border-top-color: rgba(255, 255, 255, 0.14);
}

.project-meta-label {
  color: rgba(251, 250, 247, 0.5);
}

.gallery-text p {
  color: rgba(251, 250, 247, 0.75);
}

.project-next {
  border-top-color: rgba(255, 255, 255, 0.14);
}

.project-next-label {
  color: rgba(251, 250, 247, 0.5);
}

.project-next-title {
  color: rgba(251, 250, 247, 0.75);
}

.project-next-title:hover {
  color: #fbfaf7;
}

.footer {
  border-top-color: rgba(255, 255, 255, 0.14);
}

.footer-copy,
.footer-brand {
  color: rgba(251, 250, 247, 0.6);
}

/* Gallery images already sit on the brand's own dark
   slide backgrounds, so a soft glow reads better here
   than the site's usual flat drop shadow. */
.gallery-image img {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.55);
}