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

.site-footer {
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  color: var(--text-400);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.site-footer a { color: var(--text-400); }
.site-footer a:hover { color: var(--accent-ink); }