.app-footer {
  min-height: var(--size.footer.height, 56px);
  background: rgb(var(--comp.footer.bg, var(--surface.alt.rgb, 243 244 246)));
  color: rgb(var(--comp.footer.fg, var(--fg.subtle.rgb, 75 85 99)));
  border-top: 1px solid var(--comp.footer.border, rgba(15, 23, 42, 0.05));
  box-shadow: var(--elevation.footer, 0 -2px 6px rgba(15, 23, 42, 0.06));
  padding: 1.5rem 0;
}

.app-footer .footer-meta {
  font-size: 0.875rem;
  color: inherit;
}

.app-footer a {
  color: rgb(var(--comp.footer.fg, var(--fg.subtle.rgb, 75 85 99)));
  text-decoration: none;
}

.app-footer a:hover,
.app-footer a:focus {
  color: rgb(var(--brand.accent.rgb, 0 122 255));
  text-decoration: underline;
}