.footer__socials ul {
  display: flex;
  gap: 1rem;
}

.navigation-link svg {
  height: 32px;
  width: 32px;
}

/* ------------------------------------------------------------------
 * Primary footer
 * ------------------------------------------------------------------ */

.footer--primary {
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
  box-shadow: var(--shadow-secondary);
}

.footer--primary .section-body,
.footer--primary .section-subtitle,
.footer--primary .navigation-link,
.footer--primary a.section-body {
  color: var(--color-on-secondary);
}

.footer--primary h2,
.footer--primary h5 {
  color: var(--color-accent);
}

.footer--primary .navigation-link:hover,
.footer--primary a.section-body:hover {
  color: var(--color-accent);
}

/* ------------------------------------------------------------------
 * Secondary footer
 * ------------------------------------------------------------------ */

.footer--secondary {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  border-top: var(--border-default);
  box-shadow: var(--shadow-default);
}

.footer--secondary .section-body,
.footer--secondary .section-subtitle,
.footer--secondary .navigation-link,
.footer--secondary a.section-body {
  color: var(--color-on-primary);
}

.footer--secondary h2,
.footer--secondary h5 {
  color: var(--color-accent);
}

.footer--secondary .navigation-link:hover,
.footer--secondary a.section-body:hover {
  color: var(--color-accent-dark);
}

.navigation-link:hover,
.footer a.section-body:hover {
  opacity: 0.9;
}