/* Estilos para destacar o texto do rodapé com a cor roxa */

/* Aplicando cor roxa aos títulos do rodapé */
.footer .footer-title {
  color: var(--secondary-color);
  font-weight: 600;
}

/* Aplicando cor roxa aos links do rodapé */
.footer .footer-link a {
  color: var(--secondary-color);
  transition: opacity 0.3s ease;
}

.footer .footer-link a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Aplicando cor roxa ao texto do rodapé */
.footer p {
  color: var(--secondary-color);
}

/* Aplicando cor roxa aos ícones de redes sociais */
.footer .social-link {
  background-color: var(--secondary-color);
  color: var(--white);
}

.footer .social-link:hover {
  background-color: #8F45FF; /* Versão mais clara do roxo */
  transform: translateY(-3px);
}

/* Aplicando cor roxa ao texto de copyright */
.footer .copyright p {
  color: var(--secondary-color);
  font-weight: 500;
}

/* Melhorando a visibilidade do texto roxo sobre fundo escuro */
.footer {
  background-color: #0F0F1F; /* Fundo mais escuro para melhor contraste */
}