import type { Metadata } from 'next';
import { Libre_Franklin, Libre_Caslon_Text, PT_Serif } from 'next/font/google';
import './globals.css';

// UI / furniture — Franklin Gothic lineage, the classic newspaper label sans
const franklin = Libre_Franklin({
  subsets: ['latin'],
  weight: ['400', '500', '600', '700', '800'],
  variable: '--font-franklin',
  display: 'swap',
});

// Headlines / masthead — Caslon, the authoritative print-newspaper serif
const caslon = Libre_Caslon_Text({
  subsets: ['latin'],
  weight: ['400', '700'],
  style: ['normal', 'italic'],
  variable: '--font-caslon',
  display: 'swap',
});

// Long-form article body — a workhorse serif drawn for on-screen reading
const ptSerif = PT_Serif({
  subsets: ['latin'],
  weight: ['400', '700'],
  style: ['normal', 'italic'],
  variable: '--font-ptserif',
  display: 'swap',
});

export const metadata: Metadata = {
  title: {
    default: 'The Daily Tribune',
    template: '%s · The Daily Tribune',
  },
  description: 'Breaking news, in-depth analysis, and the stories that matter most.',
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className={`${franklin.variable} ${caslon.variable} ${ptSerif.variable}`}>
      <body className="min-h-dvh bg-surface-muted text-body">{children}</body>
    </html>
  );
}
