/* ============================================================================
   FOOTER
   ============================================================================ */

.footer {
  background: var(--surface);
  padding-block: 2rem;
  padding-inline: 1.5rem;
  text-align: center;
  color: var(--secondary);
  border-block-start: 1px solid var(--border);
  margin-block-start: 2rem;
}

footer a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

footer a:hover {
  color: var(--hover);
  text-decoration: underline;
}