body.dark-mode {
  background-color: #1a202c;
  color: #e2e8f0;
}

body.dark-mode .bg-white {
  background-color: #2d3748;
}

body.dark-mode .text-gray-600 {
  color: #e2e8f0;
}

body.dark-mode .text-teal-600 {
  color: #81e6d9;
}

#theme-toggle {
  cursor: pointer;
}

#theme-icon {
  transition: transform 0.3s ease;
}

body.dark-mode #theme-icon {
  transform: rotate(180deg);
}

nav a {
  position: relative;
  text-decoration: none;
  font-weight: normal;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

nav a:hover {
  color: #38b2ac;
  font-weight: 600;
}