/*
 * Shared UI components for every harpcrate surface — plain CSS, token-driven.
 *
 * ONE implementation consumed two ways:
 *   - Tailwind apps (homepage, sponsor) @import this from their CSS entry.
 *   - The framework-light rankings site links it directly (alongside tokens.css).
 * It uses only the shared --color-* / --text-* tokens (emitted by theme.css for the
 * Tailwind builds, and by tokens.css for rankings), so there is a single source of
 * truth for these components — no per-app copies to drift.
 */

/* Site footer — identical on homepage, sponsor, and rankings.
 * Markup everywhere:
 *   <footer class="hc-footer">
 *     <p>&copy; 2026 harpcrate <a>Contact</a> • <a>Privacy</a> • <a>Terms</a></p>
 *   </footer>
 * (sponsor uses absolute https://www.harpcrate.com/... URLs — it's a different subdomain.) */
.hc-footer {
  margin-top: 24px;
  padding: 20px 16px;
  border-top: 1px solid var(--color-line);
  text-align: center;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-muted);
}
.hc-footer a {
  color: inherit;
  text-decoration: none;
}
.hc-footer a:hover {
  text-decoration: underline;
}