function Layout({ children }) {
  const { colors } = window.GFX_TOKENS;
  const { Nav, Footer } = window.GFX_COMPONENTS;
  return (
    <div style={{
      background: colors.ink, color: colors.text,
      minHeight: '100vh', fontFamily: "'Space Grotesk', system-ui, sans-serif",
      lineHeight: 1.5,
    }}>
      <Nav />
      <main>{children}</main>
      <Footer />
    </div>
  );
}

window.GFX_COMPONENTS = window.GFX_COMPONENTS || {};
window.GFX_COMPONENTS.Layout = Layout;