/* footer.css */

.footer-content {
  background: #f4f4f9;       /* light gray bg in light mode */
  color: #666;               /* medium text */
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  border-top: 1px solid #ddd;
}

.footer-content a.footer-link {
  color: #3498db;
  text-decoration: none;
  margin: 0 8px;
  transition: color 0.2s;
}
.footer-content a.footer-link:hover {
  color: #2980b9;
  text-decoration: underline;
}

/* Dark‑mode overrides (if you’re storing footer.css outside darkmode.css) */
html.dark .footer-content {
  background: #1a1a1a;
  color: #bbb;
  border-color: #333;
}
html.dark .footer-content a.footer-link {
  color: #8be9fd;
}
html.dark .footer-content a.footer-link:hover {
  color: #50fa7b;
}