/* =========================================================
   FOOTER
========================================================= */
.footer {
  padding: var(--space-md) 0 var(--space-lg);
  text-align: center;
}

.footer__social {
  display: flex;
  justify-content: center;
  gap: var(--space-md);
  margin-bottom: 0.6rem;
}

.footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--ink-soft);
}
.footer__social a:hover { color: var(--coral); }

.footer__social-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.footer__note {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--ink-faint);
}