/* eslint-disable */
// Section 13 — Footer. Single line.

const Footer = () => (
  <footer
    data-screen-label="13 footer"
    style={{
      background: 'var(--color-deep-brown)',
      color: 'var(--color-off-white)',
      borderTop: '1px solid rgba(253,254,120,0.2)',
      padding: '32px 0',
    }}
  >
    <div className="uc-shell" style={{
      display: 'flex', alignItems: 'center', justifyContent: 'space-between',
      gap: 24, flexWrap: 'wrap',
    }}>
      <div style={{ display: 'flex', alignItems: 'center', gap: 24 }}>
        <span className="uc-logo" style={{
          color: 'var(--color-acid-yellow)',
          fontSize: 16, lineHeight: 0.9, whiteSpace: 'nowrap',
        }}>[unicraft]</span>
        <span style={{
          fontFamily: 'var(--font-body)', fontSize: 11,
          letterSpacing: '0.16em',
          color: 'rgba(229,229,222,0.5)',
        }}>Backed by Unicon Holding</span>
      </div>
      <div style={{
        fontFamily: 'var(--font-body)', fontSize: 11,
        letterSpacing: '0.16em',
        color: 'rgba(229,229,222,0.4)',
      }}>© Unicraft 2026 · Form, through process</div>
    </div>
  </footer>
);

Object.assign(window, { Footer });