/* Footer Styles */
.footer {
  background-color: var(--brand-primary);
  color: var(--brand-text);
  padding: 20px 0;
  transition: box-shadow 0.3s ease;
  border-bottom: 1px solid #eee;
}

.footer a {
  color: var(--brand-text);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer a:hover {
  color: var(--brand-accent);
}