/* Variables pour thèmes clair et sombre */
:root {
  /* Thème clair */
  --footer: #f8f9fa;
  --footer-text: #333;
  --footer-heading: #000;
  --footer-link: #0ea5e9;       /* bleu clair */
  --footer-link-hover: #0284c7; /* bleu foncé */
}

[data-theme="dark"] {
  /* Thème sombre */
  --footer: #1f2937;             /* gris sombre */
  --footer-text: #d1d5db;        /* gris clair */
  --footer-heading: #fff;
  --footer-link: #7dd3fc;        /* bleu clair */
  --footer-link-hover: #38bdf8;  /* bleu vif */
}

/* Footer */
footer {
  background: var(--footer);
  color: var(--footer-text);
  padding: 3rem 0;
}

footer h6 {
  color: var(--footer-heading);
}

footer a,
footer .footer-link,
footer .footer-icon {
  color: var(--footer-link);
  text-decoration: none;
  transition: color 0.3s;
}

footer a:hover,
footer .footer-link:hover,
footer .footer-icon:hover {
  color: var(--footer-link-hover);
  text-decoration: underline;
}

/* Ligne de séparation */
footer hr {
  border-color: rgba(255, 255, 255, 0.25);
}

/* Réseaux sociaux */
.footer-icon {
  font-size: 1.25rem;
}