body.dark-mode header.hero,
body.dark-mode .navbar {
    background-color: #0f172a !important;
}

body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .navbar-brand {
    color: #c5a47e !important;
}

body.dark-mode .navbar .nav-link.active {
    color: #f9dca0 !important;
      
}

body.dark-mode .navbar .nav-link:hover {
    color: #e0b872 !important;
    
}

body.dark-mode .navbar .navbar-toggler {
    border-color: #c5a47e !important;
    
}

body.dark-mode .navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(197,164,126,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/ %3E%3C/svg%3E") !important;
}

body.dark-mode .navbar-collapse {
    background-color: #0f172a !important;
}


body.dark-mode .theme-toggle__icon--sun svg {
    fill: #f9dca0 !important;
}

body.dark-mode .theme-toggle__icon--moon path {
    fill: #f9dca0 !important;
}

body.dark-mode .theme-toggle__slider {
    background-color: #c5a47e !important;
}

  
body.dark-mode .navbar-collapse {
    background-color: #0f172a !important;
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}

body.dark-mode .navbar-collapse .nav-link {
    color: #c5a47e !important;
    
}

body.dark-mode .navbar-collapse .nav-link.active {
    color: #f9dca0 !important;
    
}

body.dark-mode .navbar-collapse .nav-link:hover {
    color: #e0b872 !important;
    
}


body.dark-mode .navbar-collapse .navbar-nav {
    gap: 1rem !important;
    
}

  
body.dark-mode .navbar-toggler {
    border-color: #c5a47e !important;
}

body.dark-mode .navbar-toggler-icon {
    border-color: #c5a47e !important;
}