import type { Metadata } from 'next'
import { JetBrains_Mono, Lexend, Source_Sans_3 } from 'next/font/google'
import { Toaster } from 'sonner'
import './globals.css'

const headingFont = Lexend({
  variable: '--font-heading',
  subsets: ['latin'],
})

const bodyFont = Source_Sans_3({
  variable: '--font-body',
  subsets: ['latin'],
})

const monoFont = JetBrains_Mono({
  variable: '--font-code',
  subsets: ['latin'],
})

export const metadata: Metadata = {
  title: 'OpenClaw Gantt Board',
  description: 'Project timeline and execution workspace',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={`${headingFont.variable} ${bodyFont.variable} ${monoFont.variable} antialiased`}>
        {children}
        <Toaster 
          position="bottom-right"
          toastOptions={{
            style: {
              background: '#1e293b',
              color: '#f1f5f9',
              border: '1px solid #334155',
            },
          }}
        />
      </body>
    </html>
  )
}
