import type { Metadata } from 'next'
import { DM_Sans, DM_Mono } from 'next/font/google'
import './globals.css'

const dmSans = DM_Sans({
  subsets: ['latin'],
  variable: '--font-sans',
  weight: ['300','400','500','600','700'],
  display: 'swap',
})

const dmMono = DM_Mono({
  subsets: ['latin'],
  variable: '--font-mono',
  weight: ['400','500'],
  display: 'swap',
})

export const metadata: Metadata = {
  title: 'WorkSpace Pro — Project Management',
  description: 'Platform manajemen proyek modern untuk tim perusahaan Anda. HQ → Tim → Proyek dalam satu workspace.',
  keywords: ['project management','kanban','to-do','workspace','tim','proyek'],
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="id" className={`${dmSans.variable} ${dmMono.variable}`}>
      <body className="font-sans antialiased bg-gray-100 text-gray-700 h-screen overflow-hidden">
        {children}
      </body>
    </html>
  )
}
