import type { Metadata } from "next"
import { Cormorant_Garamond, DM_Sans } from "next/font/google"

const cormorant = Cormorant_Garamond({
  variable: "--font-cormorant",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600"],
  style: ["normal", "italic"],
})

const dmSans = DM_Sans({
  variable: "--font-dm-sans",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600"],
})

export const metadata: Metadata = {
  title: "Skin Signal Deep Scan — Olga Izieva",
  description:
    "In 90 Minuten weißt du endlich, was dein Körper dir die ganze Zeit sagen wollte. Skin Signal Deep Scan von Olga Izieva — systemische Körperanalyse für Frauen 35+.",
}

export default function OlgaLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div
      className={`${cormorant.variable} ${dmSans.variable}`}
      style={{
        fontFamily: "var(--font-dm-sans, system-ui, sans-serif)",
        background: "#F0EBE1",
        minHeight: "100vh",
      }}
    >
      <style>{`
        .olga-bio-grid {
          grid-template-columns: 200px 1fr !important;
        }
        @media (max-width: 600px) {
          .olga-bio-grid {
            grid-template-columns: 1fr !important;
          }
        }
      `}</style>
      {children}
    </div>
  )
}
