/**
 * Default theme for Tabs components - simplified and organized with proper design tokens
 */
const tabsTheme = {
    // Container styles
    baseStyle: "flex flex-col",
    // TabsList styles with proper design tokens
    listStyle: "relative inline-flex items-center flex-row border-b border-[var(--color-border)] gap-2",
    // TabsTrigger base styles - no individual borders, underline will be handled separately
    triggerStyle: "relative inline-flex items-center justify-center whitespace-nowrap font-semibold transition-all duration-300 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-muted)] hover:text-[var(--color-text-primary)] data-[state=active]:text-[var(--color-primary)]",
    // TabsTrigger size variants using CSS variables where applicable
    triggerSizes: {
        sm: "px-2 py-1.5 text-base",
        md: "px-2 py-2 text-base",
    },
    // TabsBody styles with proper CSS variables
    bodyStyle: "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
    // Sliding underline styles
    underlineStyle: "absolute bottom-0 h-0.5 bg-[var(--color-primary)] transition-none",
};

export { tabsTheme };
