.footer {
  background: var(--color-olive-dark);
  color: var(--color-text-on-dark);
  padding-block: var(--space-lg);
}

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.footer__logo {
  font-family: var(--font-heading);
  font-size: var(--fs-lg);
}

.footer__logo span {
  color: var(--color-mustard-light);
}

.footer__social {
  display: flex;
  gap: var(--space-sm);
}

.footer__social a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 239, 229, 0.1);
  transition: background var(--transition-base), transform var(--transition-base);
}

.footer__social a:hover {
  background: var(--color-mustard);
  color: var(--color-olive-dark);
  transform: translateY(-3px);
}

.footer__bottom {
  text-align: center;
  font-size: var(--fs-xs);
  opacity: 0.6;
  margin-top: var(--space-md);
  padding-inline: var(--space-md);
}