const accordionTheme = {
    // Base container styles for separated variant (default)
    baseStyle: "w-full",
    // Base container styles for stacked variant (unified card)
    baseStyleStacked: "w-full border border-[var(--color-border)] rounded-[var(--form-radius)] overflow-hidden",
    // Item styles for separated variant (individual cards with spacing)
    itemStyle: "border border-[var(--color-border)] rounded-[var(--form-radius)] bg-white dark:bg-[var(--color-background-secondary)] overflow-hidden mb-2 last-of-type:mb-0",
    // Item styles for stacked variant (shared borders, no spacing)
    itemStyleStacked: "bg-white border-t border-[var(--color-border)] first-of-type:border-t-0",
    // Trigger styles (shared across variants)
    triggerStyle: "flex w-full gap-3 items-center px-4 py-2.5 text-left font-medium transition-all duration-200 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-text-primary)]",
    // Body styles (shared across variants)
    bodyStyle: "data-[state=closed]:max-h-0 data-[state=open]:max-h-[320px] accordion-content overflow-hidden",
    // Body inner wrapper styles
    bodyInnerStyle: "p-4 pb-2.5 pt-0",
};

export { accordionTheme };
