import { type Metadata } from 'next'
import clsx from 'clsx'

import '@/styles/tailwind.css'

export const metadata: Metadata = {
  title: {
    template: '%s - OurWorld',
    default: 'OurWorld',
  },
  description:
    'OurWorld builds sovereign digital infrastructure and tools for Augmented Collective Intelligence, empowering communities with sustainable, autonomous technology and ventures.',
}

// Avenir font configuration with fallbacks
const avenir = {
  variable: '--font-avenir',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html
      lang="en"
      className={clsx(
        'h-full scroll-smooth bg-[#fdf8f1] antialiased',
        avenir.variable,
      )}
    >
      <body className="flex h-full flex-col">{children}</body>
    </html>
  )
}
