{
    "preview": {
        "chromeBorder": "border-gray-200",
        "bgBody": "bg-white",
        "bgSidebar": "bg-gray-50",
        "icon": "text-gray-500",
        "heading": "text-gray-900"
    },
    "vars": {
        "colorScheme": "light",
        "--background": "#ffffff",
        "--border": "#e5e7eb",
        "--input": "#e5e7eb",
        "--ring": "#2563eb",
        "--scrollbar-track-bg": "#f9fafb",
        "--scrollbar-thumb-bg": "#d1d5db",
        "--primary-bg": "#ffffff",
        "--secondary-bg": "#f9fafb",
        "--secondary-border": "#e5e7eb",
        "--user-bg": "#dbeafe",
        "--user-text": "#111827",
        "--user-border": "#bfdbfe",
        "--assistant-bg": "#f3f4f6",
        "--assistant-text": "#111827",
        "--assistant-border": "#e5e7eb"
    },
    "styles": {
        "chromeBorder": "border-gray-200",
        "heading": "text-gray-900",
        "muted": "text-gray-500",
        "mutedHover": "hover:text-gray-600",
        "mutedActive": "text-gray-600",
        "highlighted": "text-blue-600",
        "link": "text-blue-300 hover:text-blue-600",
        "linkHover": "hover:text-blue-600 group-hover:text-blue-600",
        "bgBody": "bg-white",
        "bgSidebar": "bg-gray-50",
        "bgChat": "bg-gray-50",
        "bgPage": "bg-gray-50",
        "bgSuccess": "bg-green-100 text-green-800",
        "bgWarning": "bg-orange-100 text-orange-800",
        "bgInput": "bg-white",
        "textInput": "text-gray-900 placeholder-gray-500",
        "borderInput": "border-gray-300 focus:border-blue-500 focus:ring-blue-500",
        "labelInput": "text-gray-700",
        "helpInput": "text-gray-500",
        "draggingInput": "border-blue-500 bg-blue-50 ring-1 ring-blue-500",
        "dropdownButton": "border border-gray-300 bg-white hover:bg-gray-50 text-gray-700 focus:outline-none",
        "bgPopover": "bg-white border border-gray-200",
        "popoverButton": "hover:bg-gray-100",
        "popoverButtonActive": "bg-blue-50",
        "codeTag": "text-gray-700 bg-gray-100",
        "codeTagStrong": "border border-blue-200 text-gray-700 bg-blue-50",
        "tagButtonGroup": "rounded-xl bg-black/5 shadow-inner",
        "tagButton": "cursor-pointer border border-gray-300 text-gray-700",
        "tagButtonActive": "border border-blue-200 text-blue-700 bg-blue-100",
        "tagButtonStrongActive": "bg-green-100 text-green-800 border-green-300",
        "tagLabel": "text-gray-600 border border-gray-300",
        "tagLabelHover": "hover:bg-gray-100 hover:text-gray-900 hover:border-gray-400",
        "panel": "border-gray-200 bg-gray-50",
        "card": "rounded-lg bg-white border border-gray-200",
        "infoCard": "rounded-lg bg-white border border-gray-200",
        "cardTitle": "border-b border-gray-200 bg-gray-50",
        "cardActive": "rounded-lg shadow-sm bg-white border border-blue-200",
        "cardActiveTitleBar": "border-b border-blue-100 bg-blue-50",
        "textBlock": "text-gray-900",
        "primaryButton": "border border-transparent shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed rounded-md",
        "secondaryButton": "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 rounded-md",
        "textLink": "underline hover:text-gray-900",
        "bgIcon": "bg-gray-500",
        "icon": "text-gray-500",
        "iconHover": "hover:text-gray-700",
        "iconActive": "bg-gray-200",
        "iconPartial": "text-indigo-800/80!",
        "iconFull": "text-green-600!",
        "mutedIcon": "text-gray-500",
        "mutedIconHover": "hover:text-gray-700",
        "chatButton": "border border-gray-300 text-gray-600 bg-white hover:bg-gray-50 disabled:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-200 transition-colors",
        "voiceButtonDefault": "bg-white text-gray-400 hover:text-gray-600",
        "voiceButtonRecording": "border bg-red-100 border-red-400 text-red-600 animate-pulse",
        "voiceButtonProcessing": "bg-blue-100 text-blue-600 animate-spin",
        "threadItemActiveBorder": "border-blue-300",
        "threadItemActive": "bg-blue-100 border-blue-200",
        "threadItem": "border-transparent hover:bg-gray-100",
        "tabButton": "text-gray-500 hover:text-gray-900 hover:bg-gray-200"
    }
}