<footer class="footer">
  <div class="footer-inner">
    <span class="footer-brand">Omotomo</span>
    <p class="footer-copy">© {new Date().getFullYear()} Omotomo. All rights reserved.</p>
  </div>
</footer>

<style>
  .footer {
    margin-top: auto;
    width: 100%;
    padding: 1.25rem 1.5rem;
    background: var(--nav-bg, #161616);
    border-top: 1px solid var(--border, #333);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2);
  }

  .footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1rem;
    max-width: 100%;
  }

  .footer-brand {
    font-weight: 600;
    color: var(--text-primary, #f0f0f0);
  }

  .footer-copy {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-muted, #a0a0a0);
  }
</style>
