import type {Metadata} from 'next';
import { Inter, Lora } from 'next/font/google';
import './globals.css'; // Global styles

const inter = Inter({
  subsets: ['latin'],
  variable: '--font-sans',
  display: 'swap',
});

const lora = Lora({
  subsets: ['latin'],
  variable: '--font-serif',
  display: 'swap',
});

export const metadata: Metadata = {
  title: 'InfoVerdad | Periodismo de Investigación y Análisis Político',
  description: 'Portal de noticias de InfoVerdad. Periodismo de investigación independiente, coyuntura política nacional y estatal, memoria digital y opinión.',
};

export default function RootLayout({children}: {children: React.ReactNode}) {
  return (
    <html lang="es" className={`${inter.variable} ${lora.variable}`}>
      <body className="font-sans antialiased text-slate-800 bg-gray-50/50" suppressHydrationWarning>
        {children}
      </body>
    </html>
  );
}
