.navbar {
    padding: 1rem 2rem;
    font-family: 'Rubik', sans-serif;
    box-shadow: 0 2px 8px #E8DDCB;
    z-index: 1000;
  }
  .navbar-toggler {
    z-index: 1100; 
    color: #E8DDCB; 
  }

  .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='%23E8DDCB' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

  body.light-mode .navbar {
    background-color: #036564;
    box-shadow: 0 2px 6px rgba(3, 22, 52, 0.15);
  }
  
  body.light-mode .navbar .navbar-brand,
  body.light-mode .navbar .nav-link {
    color: #E8DDCB;
  }
  
  body.light-mode .navbar .nav-link:hover,
  body.light-mode .navbar .nav-link.active:hover {
    color: #CDB380;
  }
  
  body.light-mode .navbar-toggler {
    border-color: #E8DDCB;
  }

  body.dark-mode .navbar {
    background-color: #020D18; 
    color: #F2E9DA;
    box-shadow: 0 2px 6px rgba(255,255,255,0.1);
  }
  
  body.dark-mode .navbar .navbar-brand,
  body.dark-mode .navbar .nav-link {
    color: #F2E9DA ;
  }
  
  body.dark-mode .navbar .nav-link:hover,
  body.dark-mode .navbar .nav-link.active:hover {
    color: #8B7D5C;
  }
  
  body.dark-mode .navbar-toggler {
    border-color: #F2E9DA;
  }

  .logoHeaderGallifrex {
    height: 30px;
  }