footer {
  background-color: #1A1A1A; /* Updated background to near black */
  color: white; /* Ensures non-link text is white */
  padding: 20px; /* Added some padding for better appearance */
  text-align: center; /* Added text-align for better appearance */
}

/* Ensure paragraphs within the footer are white, overriding general p styles */
footer p {
  color: white;
}

/* Target links specifically within the .footer-links div inside a footer */
footer .footer-links a {
  color: #8E8E8E; /* Grey, meets WCAG AA (4.5:1) on #1A1A1A background */
  text-decoration: none; /* Remove underline from links */
}

footer .footer-links a:hover {
  color: white;
  text-decoration: underline; /* Add underline on hover for better UX */
}