/* ==========================================================================
   Dark Theme Override (Plug-and-play for any dark gallery)
   ========================================================================== */

/* Change the main background to a very deep grey/black and text to white */
body {
  background-color: #0a0a0a; 
  color: #f5f5f5;
}

/* Ensure the header and footer match the dark theme seamlessly */
header, 
footer {
  background-color: #000000;
  border-bottom: 1px solid #222222;
}

/* Update the navigation links so they are visible on black */
header a {
  color: #f5f5f5;
}

.page-center nav a {
  color: #888888; /* Dimmed inactive links */
}

.page-center nav a:hover,
.page-center nav a.active {
  color: #ffffff;
}

/* Add a subtle glow to the image hover effect instead of a dark shadow */
.gallery figure:hover {
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
}