footer {
  background: var(--color-fg);
  color: var(--color-bg);
  padding: var(--space-xl) var(--container-padding);
  text-align: center;
}

footer picture {
  display: block;
  margin: 0 auto var(--space-md);
  max-width: 200px;
}

footer img {
  width: 100%;
  height: auto;
  display: block;
}

@media (prefers-color-scheme: dark) {
  footer {
    background: var(--color-bg);
    color: var(--color-fg);
    border-top: 1px solid rgba(234, 236, 236, 0.1);
  }
}

footer .subtitle {
  color: inherit;
  margin-bottom: var(--space-sm);
}

footer p {
  font-size: var(--text-sm);
  opacity: 0.7;
}