import type { Metadata } from "next";
import { Crimson_Text, Fraunces, Inter } from "next/font/google";
import "./globals.css";

const fraunces = Fraunces({
	variable: "--font-display",
	weight: ["400", "500", "600", "700"],
	subsets: ["latin"],
});

const crimson = Crimson_Text({
	variable: "--font-body",
	weight: ["400", "600", "700"],
	subsets: ["latin"],
});

const inter = Inter({
	variable: "--font-ui",
	weight: ["400", "500", "600", "700"],
	subsets: ["latin"],
});

export const metadata: Metadata = {
	title: "GrimmTattoo — Spanish Revival",
	description: "A warm Spanish Revival-inspired creative hub for flash, music, recipes, and memories.",
};

export default function RootLayout({
	children,
}: Readonly<{
	children: React.ReactNode;
}>) {
	return (
		<html lang="en">
			<head>
				<link rel="icon" href="/favicon.svg" type="image/svg+xml"></link>
			</head>
		<body className={`${fraunces.variable} ${crimson.variable} ${inter.variable} antialiased`}>{children}</body>
		</html>
	);
}
