/* Footer */
footer {
  background: var(--charcoal);
  color: var(--warm-cream);
  text-align: center;
  padding: 4rem 2rem;
  max-width: 100% !important;
}

footer a {
  color: var(--soft-teal);
  text-decoration: none;
  transition: color 0.3s;
}

footer a:hover {
  color: var(--coral-peach);
}