import { mergeThemeTokens, mergeColorTokens } from './themeTransforms';
import { baseLayoutTheme, defaultColorTokens } from './defaultTheme';
const darkColorOverrides = {
    accordion: {
        container: 'border-slate-800 bg-slate-900/80 shadow-slate-950/40',
        headerButton: 'text-slate-100 bg-slate-900 focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950 hover:bg-slate-800',
        icon: 'border-slate-700 bg-slate-800 text-slate-300',
        contentBody: 'border-slate-800 text-slate-200'
    },
    mcpTool: {
        header: {
            title: 'text-slate-100',
            description: 'text-slate-400'
        },
        formColumn: {
            runningNotice: 'border-sky-500/40 bg-sky-500/10 text-sky-100',
            errorNotice: 'border-rose-500/40 bg-rose-500/10 text-rose-200',
            eventLogCard: 'border-slate-800 bg-slate-900/80 shadow-slate-950/40',
            eventLogTitle: 'text-slate-100',
            eventLogList: 'text-slate-300',
            eventLogEntry: 'bg-slate-900/70',
            eventLogEntryMeta: 'text-slate-400',
            eventLogEntryPre: 'text-slate-200'
        },
        responseColumn: {
            title: 'text-slate-100',
            meta: 'text-slate-400',
            codeBlock: 'border-slate-800 bg-slate-900/80 text-slate-100 shadow-slate-950/40'
        }
    },
    layout: {
        appRoot: 'bg-slate-950 text-slate-100',
        settingsPanel: 'border-slate-800/80 bg-slate-900/80',
        mainPanel: 'bg-slate-950'
    },
    buttons: {
        primary: 'bg-sky-600 text-white hover:bg-sky-500 focus:ring-sky-400/70 focus:ring-offset-slate-950',
        secondary: 'border-slate-700 bg-slate-900 text-slate-100 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950',
        subtle: 'bg-slate-800 text-slate-100 hover:bg-slate-700 focus:ring-slate-600 focus:ring-offset-slate-950',
        accent: 'border-sky-500/40 bg-sky-500/15 text-sky-200 hover:bg-sky-500/25 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        header: 'border-slate-700 bg-slate-900/80 text-slate-200 hover:bg-slate-800 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        smallSecondary: 'border-slate-700 bg-slate-950/60 text-slate-200 hover:bg-slate-900 focus:ring-slate-600 focus:ring-offset-slate-950',
        add: 'bg-sky-500/20 text-sky-200 hover:bg-sky-500/30 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        danger: 'bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-400 focus:ring-offset-slate-950',
        dangerSoft: 'bg-rose-500/20 text-rose-200 hover:bg-rose-500/30 focus:ring-rose-400/60 focus:ring-offset-slate-950',
        dangerOutline: 'bg-rose-500/20 border-rose-500/50 text-rose-200 hover:bg-rose-500/20 focus:ring-rose-400/60 focus:ring-offset-slate-950',
        link: 'text-slate-300 hover:text-white focus:ring-slate-600'
    },
    chatHeader: {
        container: 'border-slate-800/80 bg-slate-950/90 text-slate-100 shadow-slate-950/40',
        primaryButton: 'bg-slate-950/70 text-slate-100 hover:bg-slate-900 focus:ring-slate-600 focus:ring-offset-slate-950',
        secondaryButton: 'border-slate-700 bg-slate-950/50 text-slate-300 hover:bg-slate-900 hover:text-white focus:ring-slate-600 focus:ring-offset-slate-950'
    },
    chatDialog: {
        shell: 'bg-slate-950',
        inputOverlay: 'from-slate-950 via-slate-950/90 to-transparent',
        inputCard: 'border-slate-800 bg-slate-900/80 shadow-slate-950/60',
        sendingToast: 'border-sky-500/40 bg-sky-500/10 text-sky-100 shadow-slate-950/40',
        sendingToastIcon: 'border-sky-400 border-t-transparent',
        sendingToastTitle: 'text-sky-100',
        sendingToastBody: 'text-sky-200'
    },
    drawer: {
        container: 'fixed inset-0 z-[60] flex',
        containerSideLeft: 'justify-start',
        containerSideRight: 'justify-end',
        overlay: 'absolute inset-0 bg-slate-950/70 opacity-0 transition-opacity duration-200 ease-out',
        overlayVisible: 'opacity-100 pointer-events-auto',
        panel: 'relative z-10 flex h-full max-h-screen w-80 flex-col bg-slate-900/90 shadow-slate-950/60 transition-transform duration-200 ease-in-out',
        panelHiddenLeft: '-translate-x-full',
        panelHiddenRight: 'translate-x-full',
        panelVisible: 'translate-x-0',
        closeButton: 'absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-full border border-slate-700 bg-slate-900 text-slate-300 shadow-sm transition hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950',
        closeIcon: 'h-4 w-4'
    },
    sessionHistory: {
        container: 'border-slate-800/80 bg-slate-950/80',
        header: 'border-b border-slate-800 px-4 py-3 text-slate-300',
        title: 'text-xs font-semibold uppercase tracking-wide text-slate-400',
        list: 'flex-1 overflow-y-auto px-2 py-2',
        emptyState: 'px-4 py-6 text-sm text-slate-500',
        item: 'mb-2 flex items-start gap-2 last:mb-0',
        itemButton: 'border-slate-800/70 bg-slate-900/70 text-slate-200 hover:border-sky-500/40 hover:bg-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950',
        itemButtonActive: 'border-sky-500/60 bg-slate-900/80 ring-1 ring-sky-500/30',
        itemContent: 'flex min-w-0 flex-1 flex-col gap-0.5',
        itemTitle: 'truncate text-sm font-semibold text-slate-100',
        itemMeta: 'text-xs text-slate-400',
        itemPreview: 'truncate text-xs text-slate-500',
        deleteButton: 'inline-flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border border-slate-700 text-slate-400 transition hover:border-rose-400/60 hover:text-rose-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-400/60 focus-visible:ring-offset-1 focus-visible:ring-offset-slate-950',
        deleteIcon: 'text-sm leading-none'
    },
    message: {
        cardContainer: 'border-slate-800 from-slate-900 via-slate-900/80 to-slate-950/80 text-slate-100 shadow-slate-950/40 ring-slate-800/70',
        label: 'text-slate-400',
        userText: 'text-slate-100',
        modelContent: 'prose-headings:text-slate-100 prose-p:text-slate-200 prose-a:text-sky-400 hover:prose-a:text-sky-300 prose-strong:text-white prose-code:text-sky-300 prose-code:bg-slate-800 prose-pre:bg-slate-900 prose-pre:text-slate-100',
        toolActivityLabel: 'text-sky-400',
        toolActivityBody: 'text-slate-100',
        dividerLine: 'from-slate-800 via-slate-700 to-slate-800',
        streamingContainer: 'border-sky-500/50 bg-sky-500/10 text-sky-200 ring-sky-500/30',
        streamingLabel: 'text-sky-300',
        streamingStatusText: 'text-sky-300',
        messageStatus: 'text-sky-300',
        reasoningStatus: 'text-indigo-300',
        messageStatusSpinner: 'border-sky-400 border-t-transparent',
        reasoningStatusSpinner: 'border-indigo-400 border-t-transparent',
        configErrorContainer: 'border-amber-400/40 bg-amber-500/10 text-amber-200',
        configErrorTitle: 'text-amber-200',
        configErrorBody: 'text-amber-300',
        configErrorHelper: 'text-amber-400',
        emptyState: 'text-slate-600',
        slashCommandCard: 'border-sky-500/40 bg-slate-900/70 text-slate-100 shadow-slate-950/50',
        slashCommandName: 'text-sky-200',
        slashCommandMeta: 'text-sky-300',
        slashCommandDescription: 'text-slate-200',
        slashCommandArgItem: 'border-slate-700 bg-slate-950/60 text-slate-200 shadow-slate-950/40',
        slashCommandArgKey: 'text-sky-300',
        slashCommandArgValue: 'text-slate-100',
        slashCommandEmpty: 'text-slate-300',
        slashCommandPromptContainer: 'border-sky-500/40 bg-slate-950/60 text-slate-100 shadow-slate-950/60',
        slashCommandPromptDescription: 'text-slate-200',
        slashCommandPromptItem: 'border-slate-800 bg-slate-950/80 shadow-slate-950/50',
        slashCommandPromptRole: 'text-sky-300',
        slashCommandPromptContent: 'text-slate-100',
        slashCommandPromptToggle: 'text-slate-400 bg-slate-950/40 hover:bg-slate-900/60 hover:text-slate-100 focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950',
        slashCommandPromptToggleIcon: 'text-sky-300/80 group-hover:text-sky-200'
    },
    toolCallCard: {
        base: {
            container: 'border-slate-800 from-slate-900 via-slate-900/70 to-slate-950 text-slate-100 shadow-slate-950/40 ring-slate-800/40',
            button: 'bg-slate-900/85 text-slate-100 shadow-slate-950/40 ring-offset-slate-950',
            name: 'text-slate-50',
            livePill: 'bg-sky-500/20 text-sky-300',
            errorBadge: 'bg-rose-500/20 text-rose-300',
            statusPill: 'bg-slate-800 text-slate-200',
            meta: 'text-slate-400',
            toggle: 'text-slate-400 hover:text-slate-200',
            summaryLabel: 'text-slate-300',
            summaryText: 'text-slate-300',
            emptyText: 'text-slate-500',
            buttonHover: 'hover:bg-slate-900 focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950',
            detailContainer: 'border-slate-800 bg-slate-900/80 text-slate-200 shadow-slate-950/60',
            detailHeading: 'text-slate-400',
            detailPre: 'bg-slate-950/90 text-slate-200',
            errorPre: 'bg-rose-950/60 text-rose-200',
            approvalCallout: 'border-amber-500/30 bg-amber-500/10 text-amber-100 shadow-slate-950/50',
            approvalTitle: 'text-amber-300',
            approvalBody: 'text-amber-200',
            approvalApproveButton: 'bg-emerald-500/30 text-emerald-100 hover:bg-emerald-500/40 focus-visible:ring-emerald-400/60 focus-visible:ring-offset-slate-950',
            approvalDenyButton: 'border-rose-500/60 bg-rose-500/15 text-rose-200 hover:bg-rose-500/25 focus-visible:ring-rose-400/60 focus-visible:ring-offset-slate-950',
            approvalStatus: 'text-amber-300',
            approvalError: 'text-rose-300'
        },
        stream: {
            container: 'border-sky-500/30 from-slate-900 via-slate-900/70 to-cyan-950/40 text-sky-100 shadow-slate-950/40 ring-sky-500/30',
            button: 'bg-slate-950/70 text-sky-100 shadow-slate-950/40 ring-offset-slate-950',
            name: 'text-sky-200',
            statusPill: 'bg-cyan-500/20 text-cyan-200',
            meta: 'text-sky-400',
            toggle: 'text-sky-400 hover:text-sky-200',
            summaryLabel: 'text-sky-200',
            summaryText: 'text-sky-200',
            emptyText: 'text-sky-400',
            buttonHover: 'hover:bg-cyan-900/40 focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950',
            detailHeading: 'text-sky-300',
            detailPre: 'bg-slate-950/80 text-sky-100',
            approvalCallout: 'border-cyan-500/30 bg-cyan-500/15 text-cyan-100 shadow-slate-950/50',
            approvalTitle: 'text-cyan-200',
            approvalBody: 'text-cyan-100',
            approvalStatus: 'text-cyan-200'
        },
        error: {
            container: 'border-rose-500/30 from-slate-950 via-rose-950/40 to-rose-900/40 text-rose-100 shadow-slate-950/40 ring-rose-500/30',
            button: 'bg-rose-950/40 text-rose-100 shadow-slate-950/40 ring-offset-slate-950',
            name: 'text-rose-100',
            statusPill: 'bg-rose-500/20 text-rose-200',
            meta: 'text-rose-300',
            toggle: 'text-rose-300 hover:text-rose-100',
            summaryLabel: 'text-rose-200',
            summaryText: 'text-rose-200',
            emptyText: 'text-rose-300',
            buttonHover: 'hover:bg-rose-900/50 focus-visible:ring-rose-400/40 focus-visible:ring-offset-slate-950',
            detailHeading: 'text-rose-300',
            detailPre: 'bg-rose-950/70 text-rose-200',
            errorPre: 'bg-rose-900/70 text-rose-100',
            approvalCallout: 'border-rose-500/40 bg-rose-500/15 text-rose-100 shadow-slate-950/50',
            approvalTitle: 'text-rose-200',
            approvalBody: 'text-rose-100',
            approvalStatus: 'text-rose-200'
        }
    },
    modelControls: {
        container: 'border-slate-800',
        metaRow: 'text-slate-400',
        modelLabel: 'text-slate-100',
        select: 'border-slate-700 bg-slate-900 text-slate-100 focus:border-sky-400 focus:ring-sky-500/40',
        providerBadge: 'bg-slate-800 text-slate-300',
        liveBadge: 'bg-sky-500/20 text-sky-200',
        noModelsBadge: 'bg-amber-500/20 text-amber-200',
        quickButtonVariants: {
            temperature: 'bg-amber-500/10 text-amber-200 hover:bg-amber-500/20 focus-visible:ring-amber-500/30 border-amber-500/30',
            topP: 'bg-teal-500/10 text-teal-200 hover:bg-teal-500/20 focus-visible:ring-teal-500/30 border-teal-500/30',
            maxTokens: 'bg-emerald-500/10 text-emerald-200 hover:bg-emerald-500/20 focus-visible:ring-emerald-500/30 border-emerald-500/30',
            reasoning: 'bg-blue-500/10 text-blue-200 hover:bg-blue-500/20 focus-visible:ring-blue-500/30 border-blue-500/30',
            verbosity: 'bg-violet-500/10 text-violet-200 hover:bg-violet-500/20 focus-visible:ring-violet-500/30 border-violet-500/30'
        }
    },
    chatInput: {
        attachmentItem: 'border-slate-800 bg-slate-900/70 shadow-slate-950/30',
        attachmentThumbnail: 'bg-slate-800 text-slate-400 ring-slate-700',
        attachmentIcon: 'text-slate-300',
        attachmentMeta: 'text-slate-300',
        attachmentName: 'text-slate-100',
        attachmentSize: 'text-slate-400',
        attachmentRemoveButton: 'bg-slate-700 text-white hover:bg-slate-600 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        addAttachmentButton: 'border-slate-700 bg-slate-900 text-slate-300 hover:bg-slate-800 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        textarea: 'bg-transparent text-slate-100 placeholder:text-slate-500',
        submitButton: 'bg-sky-600 text-white enabled:hover:bg-sky-500 enabled:focus:ring-sky-400/70 enabled:focus:ring-offset-slate-950',
        submitButtonDisabled: 'disabled:bg-slate-700 disabled:text-slate-400',
        cancelButton: 'border-red-500/60 bg-red-500/15 text-red-300 hover:bg-red-500/25 focus:ring-red-400/40 focus:ring-offset-slate-950',
        cancelButtonDisabled: 'disabled:hover:bg-red-500/15',
        slashCommandPopover: 'border-slate-700 bg-slate-900/95 shadow-slate-950/60 ring-slate-700/60',
        slashCommandSectionLabel: 'text-slate-400',
        slashCommandItem: 'border-transparent focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950',
        slashCommandItemActive: 'border-sky-500/60 bg-sky-500/15 text-sky-100 ring-sky-500/30',
        slashCommandItemInactive: 'bg-slate-900/80 text-slate-100 shadow-slate-950/30 hover:border-slate-700 hover:bg-slate-900',
        slashCommandMeta: 'text-sky-300/90',
        slashCommandItemDescription: 'text-slate-300',
        slashCommandEmptyState: 'text-slate-400',
        slashCommandPill: 'border-sky-500/40 bg-slate-900/80 text-sky-100 shadow-slate-950/60',
        slashCommandPillTitle: 'text-sky-100',
        slashCommandPillMeta: 'text-sky-300',
        slashCommandPillRemoveButton: 'bg-slate-800 text-sky-200 hover:bg-slate-700 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        slashCommandPillDescription: 'text-sky-200',
        slashCommandPillArgItem: 'border-slate-700 bg-slate-900/70 shadow-slate-950/40',
        slashCommandPillArgLabel: 'text-sky-300',
        slashCommandPillRequiredBadge: 'bg-sky-500/20 text-sky-200',
        slashCommandPillArgDescription: 'text-slate-300',
        slashCommandPillArgInput: 'border-slate-700 bg-slate-950/80 text-slate-100 focus:border-sky-400 focus:ring-sky-500/40',
        slashCommandPillArgInputError: 'border-rose-500/60 bg-rose-500/10 focus:border-rose-400 focus:ring-rose-500/40',
        slashCommandPillArgError: 'text-rose-300'
    },
    tabs: {
        container: {
            pill: 'border-slate-800 bg-slate-950/80 shadow-slate-950/50',
            segmented: 'border-slate-800 bg-slate-950/80 shadow-slate-950/50'
        },
        buttonBase: {
            pill: 'border-transparent bg-slate-950/60 text-slate-300',
            segmented: 'border-transparent bg-slate-950/60 text-slate-300'
        },
        buttonActive: {
            pill: 'bg-slate-800 text-white shadow-slate-950/60',
            segmented: 'bg-slate-800 text-white shadow-slate-950/60'
        },
        buttonInactive: {
            pill: 'text-slate-400 hover:bg-slate-900 hover:text-white',
            segmented: 'text-slate-400 hover:bg-slate-900 hover:text-white'
        },
        focus: 'focus-visible:ring-sky-500/40 focus-visible:ring-offset-slate-950'
    },
    statusPill: {
        accent: 'bg-violet-500/20 text-violet-200',
        success: 'bg-emerald-500/20 text-emerald-200',
        enabled: 'bg-sky-500/20 text-sky-200',
        muted: 'bg-slate-800 text-slate-300'
    },
    mcpToolsView: {
        container: 'bg-slate-950 text-slate-100',
        header: 'border-slate-800/80 bg-slate-950/90',
        settingsButton: 'border-slate-700 bg-slate-900/80 text-slate-200 hover:bg-slate-800 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        body: 'bg-slate-950',
        serverCard: 'border-slate-800 bg-slate-900/80 shadow-slate-950/50',
        serverEmptyState: 'border-slate-700 bg-slate-900/60 text-slate-400'
    },
    serverDashboard: {
        headerInfoGroup: 'text-slate-100',
        headerViewLabel: 'text-slate-500',
        serverName: 'text-slate-100',
        serverUrl: 'text-slate-400',
        serverUrlDetail: 'text-slate-400',
        serverVersion: 'text-slate-400',
        toggleLabel: 'text-slate-200',
        toggleCheckbox: 'border-slate-600 bg-slate-900 text-sky-400 focus:ring-sky-500',
        toggleSelect: 'rounded-md border border-slate-700 bg-slate-900 px-2 py-1 text-sm font-medium text-slate-100 shadow-sm focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-slate-950',
        editButton: 'bg-slate-800 text-slate-100 hover:bg-slate-700 focus:ring-slate-600 focus:ring-offset-slate-950',
        lastEventMethod: 'text-slate-100',
        lastEventTimestamp: 'text-slate-400',
        lastEventPayload: 'text-sky-200',
        toolSection: {
            title: 'text-slate-100',
            count: 'text-slate-400',
            refreshButton: 'border-slate-700 bg-slate-900 text-slate-200 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950',
            list: 'border-slate-800 bg-slate-900/80',
            listItem: 'bg-slate-900/70',
            listItemWithToggle: 'bg-slate-900/70',
            toolNameButton: 'font-mono text-slate-200 rounded-md bg-slate-900/50 px-2 py-1 transition hover:bg-slate-900/70 hover:text-sky-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950',
            toolDisabledBadge: 'bg-slate-800 text-slate-300',
            toolDescription: 'text-slate-300',
            toggleLabel: 'text-slate-200',
            toggleCheckbox: 'border-slate-600 bg-slate-900 text-sky-400 focus:ring-sky-500',
            toggleSelect: 'rounded-md border border-slate-700 bg-slate-900 px-2 py-1 text-sm font-medium text-slate-100 shadow-sm focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-slate-950',
            loadingState: 'border-slate-700 bg-slate-900/70 text-slate-300',
            emptyState: 'border-slate-700 bg-slate-900/70 text-slate-300'
        },
        promptSection: {
            title: 'text-slate-100',
            count: 'text-slate-400',
            refreshButton: 'border-slate-700 bg-slate-900 text-slate-200 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950',
            alertError: 'border-rose-500/40 bg-rose-500/10 text-rose-200',
            alertWarning: 'border-amber-500/40 bg-amber-500/10 text-amber-200',
            alertInfo: 'border-sky-500/40 bg-sky-500/10 text-sky-200',
            card: 'border-slate-800 bg-slate-900/70 shadow-slate-950/40',
            cardTitle: 'text-slate-100',
            cardDescription: 'text-slate-300',
            argumentsHeading: 'text-slate-400',
            argumentItem: 'border-slate-800 bg-slate-900/60 text-slate-200',
            argumentName: 'text-slate-100',
            argumentRequiredBadge: 'bg-sky-500/20 text-sky-200',
            argumentDescription: 'text-slate-300',
            argumentEmpty: 'text-slate-400',
            executionSection: 'border-slate-800',
            executionHeading: 'text-slate-400',
            executionInfo: 'border-sky-500/40 bg-sky-500/10 text-sky-200',
            executionError: 'border-rose-500/40 bg-rose-500/10 text-rose-200',
            resultMessageCard: 'border-slate-800 bg-slate-900/80 shadow-slate-950/50',
            resultMessageRole: 'text-slate-400',
            resultMessageBody: 'text-slate-100',
            resultEmpty: 'border-slate-800 bg-slate-900/60 text-slate-300',
            rawDetails: 'border-slate-800 bg-slate-900/70 text-slate-200',
            rawDetailsSummary: 'text-slate-100',
            rawDetailsPre: 'text-slate-200',
            emptyState: 'border-slate-700 bg-slate-900/60 text-slate-300',
            loadingState: 'border-slate-700 bg-slate-900/60 text-slate-300',
            loadMoreButton: 'border-sky-500/40 bg-sky-500/15 text-sky-200 hover:bg-sky-500/25 focus:ring-sky-500/40 focus:ring-offset-slate-950',
            loadingMoreText: 'text-slate-400'
        },
        footer: 'border-slate-800'
    },
    serverTitle: {
        title: 'text-slate-100',
        url: 'text-slate-400',
        statusPillInfo: 'bg-sky-500/20 text-sky-200',
        statusPillError: 'bg-rose-500/20 text-rose-200'
    },
    serverChecking: {
        statusCard: 'border-sky-500/40 bg-sky-500/10 text-sky-100',
        spinner: 'border-sky-400 border-t-transparent'
    },
    serverError: {
        alert: 'border-rose-500/40 bg-rose-500/10',
        alertTitle: 'text-rose-100',
        alertBody: 'text-rose-200',
        alertError: 'text-rose-300',
        retryButton: 'bg-sky-600 text-white hover:bg-sky-500 focus:ring-sky-400 focus:ring-offset-slate-950',
        editButton: 'border-slate-700 bg-slate-900 text-slate-100 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950'
    },
    serverSetup: {
        headerTitle: 'text-slate-100',
        headerSubtitle: 'text-slate-400',
        formSection: 'border-slate-800'
    },
    toolRunner: {
        headerTitle: 'text-slate-100',
        headerSubtitle: 'text-slate-400',
        backButton: 'border-slate-700 bg-slate-900 text-slate-200 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950',
        body: 'border-slate-800'
    },
    deleteServerButton: {
        solid: 'bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-400 focus:ring-offset-slate-950',
        soft: 'bg-rose-500/20 text-rose-200 hover:bg-rose-500/30 focus:ring-rose-400/60 focus:ring-offset-slate-950',
        outline: 'border-rose-500/50 text-rose-200 hover:bg-rose-500/20 focus:ring-rose-400/60 focus:ring-offset-slate-950'
    },
    dashboardStat: {
        label: 'text-slate-400',
        value: 'text-slate-100'
    },
    newConnectionForm: {
        title: 'text-slate-100',
        backButton: 'text-slate-400 hover:text-slate-200 focus:ring-slate-600'
    },
    chatSettings: {
        heading: 'text-slate-100',
        description: 'text-slate-400',
        textarea: 'border-slate-700 bg-slate-900 text-slate-100 focus:border-sky-400 focus:ring-sky-500/30',
        helperText: 'text-slate-500',
        resetButton: 'border-slate-700 text-slate-300 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950'
    },
    customPromptList: {
        sectionTitle: 'text-slate-100',
        sectionCount: 'text-slate-400',
        emptyState: 'border-slate-800 bg-slate-900/70 text-slate-300',
        userListItem: 'border-slate-800/70 bg-slate-900/70 hover:border-sky-500/40 hover:bg-slate-900/80 shadow-slate-950/40',
        userListItemActive: 'border-sky-500/40 bg-slate-900/80 shadow-slate-950/30',
        userListItemExpanded: 'border-sky-500/60 bg-slate-900/85 ring-sky-500/30 shadow-slate-950/40',
        userListItemTitle: 'text-slate-100',
        userListItemBadge: 'bg-slate-900 text-slate-300',
        userListItemDescription: 'text-slate-300',
        userListItemMeta: 'text-slate-400',
        editorContainer: 'border-slate-900 bg-slate-950/70',
        hostListItem: 'border-slate-800 bg-slate-900/70 shadow-slate-950/40',
        hostListItemTitle: 'text-slate-100',
        hostListItemBadge: 'bg-slate-900 text-slate-300',
        hostListItemDescription: 'text-slate-300',
        hostListItemMeta: 'text-slate-400',
        hostEmptyState: 'border-slate-800 bg-slate-900/70 text-slate-300'
    },
    modelManager: {
        modelCard: 'border-slate-800 bg-slate-900/80 shadow-slate-950/40',
        modelCardActive: 'border-sky-500/60 bg-slate-900/80 shadow-slate-950/50 ring-sky-500/40',
        emptyState: 'border-slate-700 bg-slate-900/60 text-slate-400'
    },
    modelConfigCard: {
        title: 'text-slate-100',
        description: 'text-slate-400',
        badge: 'bg-slate-800 text-slate-200',
        defaultBadge: 'bg-emerald-500/20 text-emerald-200',
        disabledBadge: 'bg-slate-800 text-slate-300',
        setDefaultButton: 'border-sky-500/40 bg-sky-500/15 text-sky-200 hover:bg-sky-500/25 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        editButton: 'bg-slate-800 text-slate-100 hover:bg-slate-700 focus:ring-slate-600 focus:ring-offset-slate-950',
        statLabel: 'text-slate-400',
        statValue: 'text-slate-200',
        divider: 'border-slate-800',
        deleteButton: 'bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-400 focus:ring-offset-slate-950',
        cancelButton: 'bg-slate-800 text-slate-200 hover:bg-slate-700 focus:ring-slate-600 focus:ring-offset-slate-950',
        editTitle: 'text-slate-100',
        errorText: 'text-rose-300'
    },
    modelSettings: {
        heading: 'text-slate-100',
        description: 'text-slate-400',
        countBadge: 'bg-sky-500/20 text-sky-200',
        menu: 'border-slate-700 bg-slate-900 shadow-slate-950/40',
        menuItem: 'text-slate-200 hover:bg-slate-800 focus:bg-slate-800',
        summary: 'text-slate-300',
        summaryList: 'text-slate-400',
        summaryItem: 'text-slate-100',
        summaryItemMuted: 'text-slate-400',
        summaryEmpty: 'text-slate-500',
        managerSection: 'border-slate-800'
    },
    mcpServerSection: {
        heading: 'text-slate-100',
        description: 'text-slate-400',
        addButton: 'bg-sky-600 text-white hover:bg-sky-500 focus:ring-sky-400 focus:ring-offset-slate-950',
        countBadge: 'bg-purple-500/20 text-purple-200',
        summary: 'text-slate-300',
        summaryList: 'text-slate-400',
        summaryItem: 'text-slate-100',
        summaryItemMuted: 'text-slate-400',
        summaryEmpty: 'text-slate-500',
        managerSection: 'border-slate-800'
    },
    systemSettings: {
        heading: 'text-slate-100',
        description: 'text-slate-400',
        card: 'border-slate-800 bg-slate-900/80 shadow-slate-950/50',
        cardHeading: 'text-slate-100',
        cardSubheading: 'text-slate-400',
        primaryAction: 'bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-400 focus:ring-offset-slate-950',
        secondaryAction: 'border-slate-700 bg-slate-900 text-slate-200 hover:bg-slate-800 focus:ring-sky-500/40 focus:ring-offset-slate-950',
        dangerNotice: 'text-rose-400',
        successMessage: 'border-emerald-500/40 bg-emerald-500/15 text-emerald-200',
        errorMessage: 'border-rose-500/40 bg-rose-500/15 text-rose-200',
        infoMessage: 'border-slate-700 bg-slate-900/60 text-slate-300',
        helperText: 'text-slate-400',
        metaList: 'space-y-3 text-sm text-slate-400',
        metaEntry: 'flex flex-wrap items-center gap-2',
        metaLabel: 'font-medium text-slate-100',
        metaBadge: 'inline-flex items-center rounded-full bg-slate-800 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-200',
        metaValue: 'text-slate-300'
    },
    playgroundSettings: {
        container: 'bg-slate-950 text-slate-100',
        header: 'border-slate-800 bg-slate-950/85',
        backButton: 'border-slate-700 bg-slate-950/60 text-slate-200 hover:bg-slate-900 focus:ring-sky-500/40 focus:ring-offset-slate-950'
    },
    chatSettingEditor: {
        overlay: 'bg-slate-950/70',
        dialog: 'border-slate-800 bg-slate-900 shadow-slate-950/60',
        label: 'text-slate-300',
        helper: 'text-slate-500',
        numberInput: 'border-slate-700 bg-slate-900 text-slate-100 focus:border-sky-400 focus:ring-sky-500/40',
        select: 'border-slate-700 bg-slate-900 text-slate-100 focus:border-sky-400 focus:ring-sky-500/40',
        helperList: 'text-slate-500',
        error: 'text-rose-300',
        cancelButton: 'border-slate-700 text-slate-300 hover:bg-slate-800 focus:ring-slate-600 focus:ring-offset-slate-950',
        saveButton: 'bg-sky-600 text-white hover:bg-sky-500 focus:ring-sky-400 focus:ring-offset-slate-950'
    }
};
const darkColorTokens = mergeColorTokens(defaultColorTokens, darkColorOverrides);
export const darkTheme = mergeThemeTokens(baseLayoutTheme, darkColorTokens);
