/**
 * Site footer: app version and Privacy / TOS links.
 * Uses brand.css for tokens.
 * Body is flex column so footer sits at bottom when content is short.
 */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.landing,
.layout,
.page-main {
  flex: 1;
}

.app-footer {
  margin-top: auto;
  padding: 1rem 1.5rem;
  background: var(--flik-nav-bg);
  border-top: 1px solid var(--flik-nav-border);
}

.app-footer-inner {
  max-width: 64rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.5rem;
  font-size: 0.875rem;
}

.app-footer-version {
  color: var(--flik-text-tertiary);
  font-variant-numeric: tabular-nums;
}

.app-footer-link {
  color: var(--flik-nav-text);
  text-decoration: none;
}

.app-footer-link:hover {
  color: var(--flik-primary);
}