export function renderFooter() {
  const year = new Date().getFullYear()
  return `
    <footer class="footer">
      <div class="container footer-inner">
        <span class="footer-copy">© ${year} Carlos Lugo</span>
        <span class="footer-copy" style="color:var(--muted)">Puerto Rico</span>
      </div>
    </footer>

    <style>
      .footer { padding: 32px 0; }
      .footer-inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
      }
      .footer-copy { font-size: 0.8rem; color: var(--muted-2); }
    </style>
  `
}