import { ThemeForm } from "./ThemeForm";

export const metadata = { title: "Генератор темы — Obsidian Toolbox" };

export default function ThemeToolPage() {
  return (
    <main className="mx-auto w-full max-w-5xl px-6 py-8">
      <h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>Генератор темы / CSS-переменных</h1>
      <p className="mt-1 text-sm" style={{ color: "var(--muted-foreground)" }}>Палитра → набор CSS-переменных темы Obsidian.</p>
      <div className="mt-6 card-aubade p-4">
        <ThemeForm />
      </div>
    </main>
  );
}