const commandPaletteTheme = {
    overlay: "fixed inset-0 bg-[var(--overlay-bg)] backdrop-blur-[var(--overlay-blur)] z-50 " +
        "flex items-start justify-center pt-[min(10vh,4rem)] px-4",
    container: "relative w-full max-h-[calc(100vh-2rem)] max-w-lg " +
        "bg-[var(--color-background)] rounded-[var(--modal-radius)] shadow-2xl shadow-black/30 " +
        "border border-[var(--color-border)] ring-4 ring-[var(--color-background)]/20 " +
        "flex flex-col my-4 min-h-0 overflow-hidden " +
        // Dark mode
        "dark:ring-black/30",
    searchWrapper: "border-b border-[var(--color-border)] px-4 py-3 " + "",
    searchInput: "w-full px-0 py-0 text-base bg-transparent border-none outline-none " +
        "text-[var(--color-text-primary)] placeholder:text-[var(--color-text-placeholder)] " +
        "focus:outline-none focus:ring-0 " +
        // Dark mode
        "dark:text-[var(--color-neutral-200)] dark:placeholder:text-[var(--color-neutral-500)]",
    groupLabel: "px-4 py-1 text-sm font-semibold text-[var(--color-text-muted)]/50 uppercase " +
        "dark:text-[var(--color-neutral-500)]",
    commandItem: "flex items-center gap-3 px-4 py-2 rounded-[var(--radius-base)] cursor-pointer transition-colors " +
        "hover:bg-[var(--color-primary)] " +
        "data-[highlighted=true]:bg-[var(--color-primary)] data-[highlighted=true]:hover:bg-[var(--color-primary)] " +
        "data-[highlighted=true]:text-[var(--color-primary-contrast)] " +
        "data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:bg-transparent " +
        // Dark mode - adjust hover state
        "dark:text-[var(--color-neutral-200)] dark:hover:bg-[var(--color-primary-600)] " +
        "dark:data-[highlighted=true]:bg-[var(--color-primary-600)]",
    emptyState: "px-4 py-12 text-center text-base text-[var(--color-text-muted)] " +
        "dark:text-[var(--color-neutral-500)]",
    footer: "border-t border-[var(--color-border)] px-4 py-2 text-sm text-[var(--color-text-muted)]font-medium",
};

export { commandPaletteTheme };
