/** Footer.jsx */
function Footer() {
  return (
    <footer className="rc-footer">
      <div className="rc-footer-inner">
        <div style={{maxWidth: 320}}>
          <div style={{display:'flex', alignItems:'center', gap:10, marginBottom: 12}}>
            <span style={{fontSize:28, color:'var(--royal-gold-500)'}}>♛</span>
            <span style={{fontFamily:'var(--font-display)', fontWeight:800, fontSize:20, color:'var(--royal-gold-500)'}}>Royal Chronicles</span>
          </div>
          <p style={{fontFamily:'var(--font-serif)', fontSize:14, lineHeight:1.5, color:'var(--parchment-100)', margin:0}}>
            A digital comic series for the perpetually unbothered.
            <em> Studia Canis</em>, since the year of our kibble MMXXIV.
          </p>
        </div>
        <div>
          <h4>The Works</h4>
          <a>Today's Chronicle</a><a>Wisdom Panels</a><a>Fun Facts</a><a>Full Archive</a>
        </div>
        <div>
          <h4>The Court</h4>
          <a>About His Fluffiness</a><a>The Cast</a><a>Submit a Decree</a><a>Press Paw-kit</a>
        </div>
        <div>
          <h4>Matters</h4>
          <a>Terms of Loyalty</a><a>Privacy</a><a>Treats Program</a>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;