.footer {
  border-top: 1px solid var(--color-border);
  padding: var(--space-8) var(--space-4);
  margin-top: auto;
  background-color: var(--color-bg);
  text-align: center;
}

.footer p {
  color: var(--color-text-secondary);
  font-size: var(--text-sm);
  margin: 0;
}

.footer a {
  color: var(--color-violet);
  text-decoration: none;
  transition: color var(--transition-base);
}

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