/* Override primary brand color */
:root {
  --bg-footer-copyright: #252526;  /* Footer copyright background color */
  --bg-footer-links: #333333; /* Footer background color */
  --bg-navbar-main: #ffffff; /* Navbar background color */
}

.bg-footer-copyright {
    background-color: var(--bg-footer-copyright);
}

.bg-footer-links {
    background-color: var(--bg-footer-links);
}

.bg-footer-copyright,
.bg-footer-links {
    color: white !important;
}

.bg-footer-copyright a,
.bg-footer-links a {
    color: white !important;
}

.bg-footer-copyright h4,
.bg-footer-links h4 {
    color: white !important;
}

.bg-footer-copyright a:hover,
.bg-footer-links a:hover {
    text-decoration: underline !important;
}

.bg-footer-copyright a,
.bg-footer-links a {
    color: white !important;
    text-decoration: none !important;
}

footer .btn-outline-success {
    color: white !important;
    border-color: white !important;
}

footer .btn-outline-success:hover {
    background-color: white !important;
    color: black !important;
}


/* Nav bar shadow and background */
.navbar {
    background-color: var(--bg-navbar-main) !important;   /* White background for light navbar */
    box-shadow: 0 2px 8px  var(--bg-footer-links);        /* Subtle shadow for depth */
    padding-top: 0.5rem;                                    /* Reduce top padding */
    padding-bottom: 0.5rem;                                 /* Reduce bottom padding */
}
bg-navbar-main
.navbar.fixed-top {
    background-color: var(--bg-navbar-main) !important; /* Ensure fixed navbar has navbar background */
}

/* Base nav link color for light navbar */
.navbar-light .nav-link {
  color: #000000;   /* black or dark gray */
}