footer {
  --accent: var(--footer--accent);
  --icon: var(--footer--icon);
  padding: var(--section--padding--mobile) 0;
  background-color: var(--footer--background);
  color: var(--footer--text);
}

@media (min-width: 768px) {
  footer {
    padding: var(--section--padding) 0;
  }
}

.nav__footer a {
  color: var(--footer--link);
}

.nav__footer a:focus,
.nav__footer a:hover {
  color: var(--footer--link-hover);
}

.nav__footer .current_page_item a {
  color: var(--accent);
}

/* Social Media */
.nav__footer-social svg {
  color: var(--footer--icon);
  transition: var(--transition--color);
}

.nav__footer-social svg:hover {
  color: var(--footer--icon-hover);
}