import type { Metadata, Viewport } from "next";
import "@bytelyst/design-tokens/css";
import "./globals.css";
import { Providers } from "./providers";
import { PRODUCT_NAME } from "@/lib/product-config";

export const metadata: Metadata = {
  title: PRODUCT_NAME,
  description:
    "Structured notes workspace for humans and ByteLyst agents with search, review, and operational context.",
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  themeColor: "#06070A",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" data-theme="dark">
      <body>
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}
