@import '../../tokens/tokens.css';

/* Site footer — mirrors .topbar pattern. */
.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ds-s4);
  padding: var(--ds-s6) 0;
  flex-wrap: wrap;
  border-top: 1px solid var(--ds-line-strong);
  color: var(--ds-text-dim);
  font-size: var(--ds-t-sm);
}
.site-footer a { color: var(--ds-text-2); }
.site-footer a:hover { color: var(--ds-text); }