const formLayoutTheme = {
    root: "flex flex-col gap-6",
    section: "grid grid-cols-1 md:grid-cols-6 gap-6 md:gap-10",
    sectionSidebar: "col-span-full md:col-span-2",
    sectionTitle: "text-lg font-semibold text-[var(--color-text-primary)]",
    sectionSubtitle: "text-base text-[var(--color-text-muted)] mt-1",
    sectionAction: "mt-4",
    sectionContent: "col-span-full md:col-span-4 grid grid-cols-1 sm:grid-cols-2 gap-4",
    sectionContentFull: "col-span-full grid grid-cols-1 sm:grid-cols-2 gap-4",
    footer: "flex flex-col-reverse sm:flex-row sm:justify-between items-center gap-3 border-t border-[var(--color-border)] pt-3",
};

export { formLayoutTheme };
