import { Outlet } from "react-router-dom";
import { CosmicBackground } from "../components/CosmicBackground";

export default function MainLayout() {
  return (
    <div className="min-h-screen text-foreground flex flex-col font-sans selection:bg-white/30">
      <CosmicBackground />
      <main className="flex-1 w-full max-w-md mx-auto relative safe-area-inset-top safe-area-inset-bottom z-10">
        <Outlet />
      </main>
    </div>
  );
}
