/* ── Footer ── */

.footer {
  background: var(--white);
  color: var(--black);
  border-top: 1px solid #eee;
  padding: var(--s7) 0;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--s7);
}

.footer-brand {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: #050505;
  margin-bottom: var(--s2);
}

.footer-reg {
  font-size: var(--text-sm);
  color: #888;
  line-height: 1.8;
}

.footer-reg a {
  color: #888;
  transition: color var(--duration);
}

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

.footer-nav {
  display: flex;
  gap: var(--s6);
}

.footer-nav a {
  font-size: var(--text-sm);
  color: #555;
  transition: color var(--duration);
}

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

.footer-legal {
  text-align: right;
  font-size: var(--text-sm);
  color: #888;
  line-height: 1.8;
}