{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "devtools",
  "title": "previewcn Devtools",
  "description": "Real-time shadcn/ui theme editor for development",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/previewcn/index.ts",
      "content": "export { PreviewcnDevtools } from \"./devtools\";\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/index.ts"
    },
    {
      "path": "registry/previewcn/devtools.tsx",
      "content": "\"use client\";\n\nimport { lazy, Suspense, useState } from \"react\";\n\nimport { Trigger } from \"./trigger\";\n\nconst Panel = lazy(() => import(\"./panel\"));\n\n// Check if we're in development mode\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction DevtoolsInner() {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      {!open && <Trigger onClick={() => setOpen(true)} />}\n      {open && (\n        <Suspense fallback={null}>\n          <Panel onClose={() => setOpen(false)} />\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nexport function PreviewcnDevtools() {\n  if (!IS_DEV) return null;\n\n  return <DevtoolsInner />;\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/devtools.tsx"
    },
    {
      "path": "registry/previewcn/panel.tsx",
      "content": "\"use client\";\n\nimport { useEffect, type ReactNode } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { ColorPicker } from \"./color-picker\";\nimport { CssExportButton } from \"./css-export-button\";\nimport { FontSelector } from \"./font-selector\";\nimport { ModeToggle } from \"./mode-toggle\";\nimport { PresetSelector } from \"./preset-selector\";\nimport { RadiusSelector } from \"./radius-selector\";\nimport { applyTheme } from \"./theme-applier\";\nimport { useThemeState } from \"./use-theme-state\";\n\ntype PanelProps = {\n  onClose: () => void;\n};\n\ntype PanelHeaderProps = PanelProps;\n\ntype PanelState = ReturnType<typeof useThemeState>;\n\ntype PanelSectionProps = {\n  children: ReactNode;\n  className?: string;\n};\n\ntype PanelContentProps = Omit<PanelState, \"resetTheme\">;\n\ntype PanelFooterProps = {\n  config: PanelState[\"config\"];\n  onReset: () => void;\n};\n\nconst keyframesStyle = `\n@keyframes previewcn-slide-in-right {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n`;\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nfunction RotateCcwIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n      <path d=\"M3 3v5h5\" />\n    </svg>\n  );\n}\n\nfunction usePanelKeyframes() {\n  useEffect(() => {\n    const styleId = \"previewcn-keyframes\";\n    if (!document.getElementById(styleId)) {\n      const style = document.createElement(\"style\");\n      style.id = styleId;\n      style.textContent = keyframesStyle;\n      document.head.appendChild(style);\n    }\n  }, []);\n}\n\nfunction PanelSection({ children, className }: PanelSectionProps) {\n  return <div className={cn(\"relative\", className)}>{children}</div>;\n}\n\nfunction PanelHeader({ onClose }: PanelHeaderProps) {\n  return (\n    <div className=\"flex items-center justify-between border-b border-neutral-50/10 px-4 py-3\">\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-[13px] font-semibold tracking-[0.02em]\">\n          previewcn\n        </span>\n      </div>\n      <button\n        onClick={onClose}\n        className=\"inline-flex size-7 cursor-pointer items-center justify-center rounded-[10px] border border-transparent bg-transparent text-neutral-400 transition-all hover:border-neutral-50/10 hover:bg-neutral-800/90 hover:text-neutral-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400\"\n        aria-label=\"Close\"\n      >\n        <CloseIcon />\n      </button>\n    </div>\n  );\n}\n\nfunction PanelContent({\n  config,\n  setColorPreset,\n  setRadius,\n  setDarkMode,\n  setFont,\n  setPresetTheme,\n}: PanelContentProps) {\n  const sections = [\n    {\n      key: \"preset\",\n      content: (\n        <PresetSelector value={config.preset} onChange={setPresetTheme} />\n      ),\n    },\n    {\n      key: \"color\",\n      content: (\n        <ColorPicker value={config.colorPreset} onChange={setColorPreset} />\n      ),\n    },\n    {\n      key: \"radius\",\n      content: <RadiusSelector value={config.radius} onChange={setRadius} />,\n    },\n    {\n      key: \"font\",\n      className: \"z-20\",\n      content: <FontSelector value={config.font} onChange={setFont} />,\n    },\n    {\n      key: \"mode\",\n      content: <ModeToggle value={config.darkMode} onChange={setDarkMode} />,\n    },\n  ];\n\n  return (\n    <div className=\"grid flex-1 gap-4 overflow-y-auto p-4 [scrollbar-color:rgb(255_255_255/0.2)_transparent] [scrollbar-width:thin]\">\n      {sections.map((section) => (\n        <PanelSection key={section.key} className={section.className}>\n          {section.content}\n        </PanelSection>\n      ))}\n    </div>\n  );\n}\n\nfunction PanelFooter({ config, onReset }: PanelFooterProps) {\n  return (\n    <div className=\"flex items-center justify-end border-t border-neutral-50/10 px-4 py-3\">\n      <CssExportButton config={config} />\n      <button\n        onClick={onReset}\n        className=\"inline-flex min-h-[30px] cursor-pointer items-center justify-center gap-1.5 rounded-[10px] border border-transparent bg-transparent px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] text-neutral-400 transition-all hover:border-neutral-50/10 hover:bg-neutral-800/90 hover:text-neutral-50\"\n      >\n        <RotateCcwIcon />\n        <span>Reset</span>\n      </button>\n    </div>\n  );\n}\n\nexport default function Panel({ onClose }: PanelProps) {\n  const {\n    config,\n    setColorPreset,\n    setRadius,\n    setDarkMode,\n    setFont,\n    setPresetTheme,\n    resetTheme,\n  } = useThemeState();\n\n  // Apply stored theme only when the panel opens\n  useEffect(() => {\n    applyTheme(config);\n  }, []);\n\n  usePanelKeyframes();\n\n  return (\n    <div className=\"fixed top-0 right-0 z-99998 flex h-dvh w-80 animate-[previewcn-slide-in-right_0.3s_ease-out] flex-col overflow-hidden border-l border-neutral-50/10 bg-neutral-950 font-['SF_Pro_Text','Segoe_UI',system-ui,sans-serif] text-[12.5px] leading-[1.55] tracking-[0.01em] text-neutral-50 shadow-2xl\">\n      <PanelHeader onClose={onClose} />\n      <PanelContent\n        config={config}\n        setColorPreset={setColorPreset}\n        setRadius={setRadius}\n        setDarkMode={setDarkMode}\n        setFont={setFont}\n        setPresetTheme={setPresetTheme}\n      />\n      <PanelFooter config={config} onReset={resetTheme} />\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/panel.tsx"
    },
    {
      "path": "registry/previewcn/trigger.tsx",
      "content": "\"use client\";\n\ntype TriggerProps = {\n  onClick: () => void;\n};\n\nfunction PaletteIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" />\n      <circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\" />\n      <circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" />\n      <circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\" />\n      <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.555C21.965 6.012 17.461 2 12 2z\" />\n    </svg>\n  );\n}\n\nexport function Trigger({ onClick }: TriggerProps) {\n  return (\n    <button\n      onClick={onClick}\n      className=\"fixed right-4 bottom-4 z-99999 inline-flex size-12 cursor-pointer items-center justify-center rounded-full border border-neutral-50/20 bg-neutral-900 text-neutral-50 transition-all duration-180 hover:border-neutral-50/30 focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-violet-400\"\n      aria-label=\"Open previewcn theme editor\"\n      title=\"previewcn Theme Editor\"\n    >\n      <PaletteIcon />\n    </button>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/trigger.tsx"
    },
    {
      "path": "registry/previewcn/color-picker.tsx",
      "content": "\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { colorPresets } from \"./presets/colors\";\n\ntype ColorPickerProps = {\n  value: string | null;\n  onChange: (colorPreset: string) => void;\n};\n\nexport function ColorPicker({ value, onChange }: ColorPickerProps) {\n  return (\n    <div className=\"relative grid gap-2.5 rounded-[8px] border border-neutral-50/10 bg-neutral-900 p-3\">\n      <label className=\"block text-xs font-semibold text-neutral-300\">\n        Theme\n      </label>\n      <div className=\"grid grid-cols-6 gap-2\">\n        {colorPresets.map((preset) => {\n          const isSelected = value === preset.name;\n          const primaryColor = preset.colors.light.primary;\n\n          return (\n            <button\n              key={preset.name}\n              onClick={() => onChange(preset.name)}\n              className={cn(\n                \"aspect-square cursor-pointer rounded-[6px] border transition-all focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400\",\n                isSelected\n                  ? \"border-violet-400 ring-1 ring-violet-400\"\n                  : \"border-neutral-50/10 hover:border-neutral-50/20\"\n              )}\n              style={{ backgroundColor: primaryColor }}\n              aria-label={preset.label}\n              title={preset.label}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/color-picker.tsx"
    },
    {
      "path": "registry/previewcn/preset-selector.tsx",
      "content": "\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { themePresets } from \"./presets/theme-presets\";\n\ntype PresetSelectorProps = {\n  value: string | null;\n  onChange: (preset: string) => void;\n};\n\nexport function PresetSelector({ value, onChange }: PresetSelectorProps) {\n  return (\n    <div className=\"relative grid gap-2.5 rounded-[8px] border border-neutral-50/10 bg-neutral-900 p-3\">\n      <span className=\"block text-xs font-semibold text-neutral-300\">\n        Presets\n      </span>\n      <div className=\"grid grid-cols-3 gap-2\">\n        {themePresets.map((preset) => {\n          const isSelected = value === preset.name;\n          // Use light mode primary color for preview\n          const primaryColor = preset.colors.light.primary;\n          const bgColor = preset.colors.light.background;\n\n          return (\n            <button\n              key={preset.name}\n              onClick={() => onChange(preset.name)}\n              className={cn(\n                \"flex min-h-[56px] w-full cursor-pointer flex-col items-center gap-1.5 rounded-[6px] border p-2 text-[11px] font-medium transition-all focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400\",\n                isSelected\n                  ? \"border-violet-400 bg-neutral-800/95 ring-1 ring-violet-400\"\n                  : \"border-neutral-50/10 bg-neutral-800/90 text-neutral-50 hover:border-neutral-50/20 hover:bg-neutral-800/95\"\n              )}\n              aria-label={preset.label}\n              aria-pressed={isSelected}\n            >\n              <div className=\"flex h-[18px] w-full overflow-hidden rounded border border-neutral-50/10\">\n                <div\n                  className=\"flex-1 border-r border-neutral-950/10\"\n                  style={{ backgroundColor: bgColor }}\n                />\n                <div\n                  className=\"flex-1\"\n                  style={{ backgroundColor: primaryColor }}\n                />\n              </div>\n              <span className=\"text-neutral-400\">{preset.label}</span>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/preset-selector.tsx"
    },
    {
      "path": "registry/previewcn/radius-selector.tsx",
      "content": "\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { radiusPresets } from \"./presets/radius\";\n\ntype RadiusSelectorProps = {\n  value: string | null;\n  onChange: (radius: string) => void;\n};\n\nexport function RadiusSelector({ value, onChange }: RadiusSelectorProps) {\n  return (\n    <div className=\"relative grid gap-2.5 rounded-[8px] border border-neutral-50/10 bg-neutral-900 p-3\">\n      <label className=\"block text-xs font-semibold text-neutral-300\">\n        Radius\n      </label>\n      <div className=\"grid grid-cols-3 gap-2\">\n        {radiusPresets.map((preset) => {\n          const isSelected = value === preset.value;\n\n          return (\n            <button\n              key={preset.name}\n              onClick={() => onChange(preset.value)}\n              className={cn(\n                \"inline-flex min-h-[52px] w-full cursor-pointer flex-col items-center justify-center gap-1.5 rounded-[6px] border px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] transition-all\",\n                isSelected\n                  ? \"border-violet-400 bg-neutral-800/95 ring-1 ring-violet-400\"\n                  : \"border-neutral-50/10 bg-neutral-800/90 text-neutral-50 hover:border-neutral-50/20 hover:bg-neutral-800/95\"\n              )}\n              title={preset.label}\n            >\n              <span\n                className=\"h-[18px] w-7 border border-neutral-50/10 bg-linear-to-b from-neutral-200/45 to-neutral-500/20\"\n                style={{ borderRadius: preset.value }}\n              />\n              <span className=\"text-[11px] text-neutral-400\">\n                {preset.label}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/radius-selector.tsx"
    },
    {
      "path": "registry/previewcn/font-selector.tsx",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { fontPresets } from \"./presets/fonts\";\n\ntype FontSelectorProps = {\n  value: string | null;\n  onChange: (font: string) => void;\n};\n\ntype FontMenuProps = {\n  value: string | null;\n  onSelect: (fontValue: string) => void;\n};\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nfunction FontMenu({ value, onSelect }: FontMenuProps) {\n  return (\n    <div className=\"absolute top-[calc(100%+6px)] left-0 z-50 max-h-[220px] w-full overflow-y-auto rounded-[6px] border border-neutral-50/10 bg-neutral-900 p-1.5\">\n      {fontPresets.map((font) => {\n        const isSelected = value === font.value;\n        return (\n          <button\n            key={font.value}\n            onClick={() => onSelect(font.value)}\n            className={cn(\n              \"flex w-full cursor-pointer items-center rounded-[6px] border border-transparent px-2 py-1.5 text-left text-xs text-neutral-50 transition-all duration-140 hover:bg-neutral-800/95 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-violet-400\",\n              isSelected && \"border-violet-400 bg-violet-400/20\"\n            )}\n          >\n            {font.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function FontSelector({ value, onChange }: FontSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const selectedFont = fontPresets.find((f) => f.value === value);\n  const displayLabel = selectedFont?.label ?? \"Select font...\";\n\n  const handleToggle = () => setIsOpen((open) => !open);\n\n  const handleSelect = (fontValue: string) => {\n    onChange(fontValue);\n    setIsOpen(false);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"relative grid gap-2.5 rounded-[8px] border border-neutral-50/10 bg-neutral-900 p-3\",\n        isOpen ? \"z-50\" : \"z-0\"\n      )}\n    >\n      <label className=\"block text-xs font-semibold text-neutral-300\">\n        Font\n      </label>\n      <div className=\"relative z-50\">\n        <button\n          onClick={handleToggle}\n          className=\"inline-flex min-h-[30px] w-full cursor-pointer items-center justify-between gap-1.5 rounded-[6px] border border-neutral-50/10 bg-neutral-900 px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] text-neutral-50 transition-all hover:border-neutral-50/20 hover:bg-neutral-800/95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400\"\n          aria-expanded={isOpen}\n        >\n          <span>{displayLabel}</span>\n          <ChevronDownIcon />\n        </button>\n\n        {isOpen && <FontMenu value={value} onSelect={handleSelect} />}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/font-selector.tsx"
    },
    {
      "path": "registry/previewcn/mode-toggle.tsx",
      "content": "\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype ModeToggleProps = {\n  value: boolean | null;\n  onChange: (darkMode: boolean) => void;\n};\n\nfunction SunIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M12 2v2\" />\n      <path d=\"M12 20v2\" />\n      <path d=\"m4.93 4.93 1.41 1.41\" />\n      <path d=\"m17.66 17.66 1.41 1.41\" />\n      <path d=\"M2 12h2\" />\n      <path d=\"M20 12h2\" />\n      <path d=\"m6.34 17.66-1.41 1.41\" />\n      <path d=\"m19.07 4.93-1.41 1.41\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n  );\n}\n\nexport function ModeToggle({ value, onChange }: ModeToggleProps) {\n  const isDark = value ?? false;\n\n  return (\n    <div className=\"relative grid gap-2.5 rounded-[8px] border border-neutral-50/10 bg-neutral-900 p-3\">\n      <label className=\"block text-xs font-semibold text-neutral-300\">\n        Mode\n      </label>\n      <div className=\"grid grid-cols-2 gap-2\">\n        <button\n          onClick={() => onChange(false)}\n          className={cn(\n            \"inline-flex min-h-[30px] w-full cursor-pointer items-center justify-center gap-1.5 rounded-[6px] border px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] transition-all\",\n            !isDark\n              ? \"border-violet-400 bg-neutral-800/95 ring-1 ring-violet-400\"\n              : \"border-neutral-50/10 bg-neutral-800/90 text-neutral-50 hover:border-neutral-50/20 hover:bg-neutral-800/95\"\n          )}\n          aria-label=\"Light mode\"\n        >\n          <SunIcon />\n          <span>Light</span>\n        </button>\n        <button\n          onClick={() => onChange(true)}\n          className={cn(\n            \"inline-flex min-h-[30px] w-full cursor-pointer items-center justify-center gap-1.5 rounded-[6px] border px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] transition-all\",\n            isDark\n              ? \"border-violet-400 bg-neutral-800/95 ring-1 ring-violet-400\"\n              : \"border-neutral-50/10 bg-neutral-800/90 text-neutral-50 hover:border-neutral-50/20 hover:bg-neutral-800/95\"\n          )}\n          aria-label=\"Dark mode\"\n        >\n          <MoonIcon />\n          <span>Dark</span>\n        </button>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/mode-toggle.tsx"
    },
    {
      "path": "registry/previewcn/css-export-button.tsx",
      "content": "\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { copyToClipboard, generateExportCss } from \"./css-export\";\nimport type { ThemeConfig } from \"./theme-applier\";\n\ntype CssExportButtonProps = {\n  config: ThemeConfig;\n};\n\nfunction CopyIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nexport function CssExportButton({ config }: CssExportButtonProps) {\n  const [copied, setCopied] = useState(false);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (resetTimerRef.current) {\n        clearTimeout(resetTimerRef.current);\n      }\n    };\n  }, []);\n\n  const exportCss = generateExportCss(config);\n  const isDisabled = !exportCss;\n  const label = copied ? \"Copied!\" : \"Copy CSS\";\n\n  const handleCopy = async () => {\n    if (isDisabled) return;\n\n    const success = await copyToClipboard(exportCss);\n\n    if (success) {\n      setCopied(true);\n      if (resetTimerRef.current) {\n        clearTimeout(resetTimerRef.current);\n      }\n      resetTimerRef.current = setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleCopy}\n      className={cn(\n        \"mr-auto inline-flex min-h-[30px] cursor-pointer items-center justify-center gap-1.5 rounded-[10px] border px-2.5 py-1.5 text-xs font-medium tracking-[0.01em] transition-all\",\n        copied\n          ? \"border-emerald-500 text-emerald-500\"\n          : isDisabled\n            ? \"cursor-not-allowed border-neutral-50/10 bg-neutral-800/90 text-neutral-50 opacity-50\"\n            : \"border-neutral-50/10 bg-neutral-800/90 text-neutral-50 hover:border-neutral-50/20 hover:bg-neutral-800/95\"\n      )}\n      disabled={isDisabled}\n      aria-label={label}\n      title={isDisabled ? \"Select a theme first\" : \"Copy CSS to clipboard\"}\n    >\n      {copied ? <CheckIcon /> : <CopyIcon />}\n      <span>{label}</span>\n    </button>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui/previewcn/css-export-button.tsx"
    },
    {
      "path": "registry/previewcn/theme-applier.ts",
      "content": "// Direct DOM theme application (no postMessage needed)\n\nimport { getColorPreset } from \"./presets/colors\";\nimport { getFontPreset } from \"./presets/fonts\";\nimport {\n  getThemePreset,\n  type ThemePreset,\n  type ThemePresetFont,\n} from \"./presets/theme-presets\";\n\nconst THEME_COLOR_STYLE_ID = \"previewcn-devtools-theme-colors\";\nconst THEME_FONT_STYLE_ID = \"previewcn-devtools-theme-font\";\n\nexport type ThemeConfig = {\n  colorPreset: string | null;\n  radius: string | null;\n  darkMode: boolean | null;\n  font: string | null;\n  preset: string | null;\n};\n\ntype ThemeColors = {\n  light: Record<string, string>;\n  dark: Record<string, string>;\n};\n\nfunction getOrCreateStyleElement(id: string): HTMLStyleElement {\n  const existing = document.getElementById(id);\n  if (existing instanceof HTMLStyleElement) {\n    return existing;\n  }\n\n  if (existing) {\n    existing.remove();\n  }\n\n  const styleEl = document.createElement(\"style\");\n  styleEl.id = id;\n  document.head.appendChild(styleEl);\n  return styleEl;\n}\n\nfunction serializeCssVars(cssVars: Record<string, string>): string {\n  return Object.entries(cssVars)\n    .map(([key, value]) => `--${key}: ${value};`)\n    .join(\" \");\n}\n\nfunction applyThemeColors(colors: ThemeColors) {\n  const styleEl = getOrCreateStyleElement(THEME_COLOR_STYLE_ID);\n\n  const lightCss = serializeCssVars(colors.light);\n  const darkCss = serializeCssVars(colors.dark);\n\n  styleEl.textContent = `:root { ${lightCss} } .dark { ${darkCss} }`;\n}\n\nexport function applyDarkMode(darkMode: boolean) {\n  const root = document.documentElement;\n\n  if (darkMode) {\n    root.classList.remove(\"light\");\n    root.classList.add(\"dark\");\n  } else {\n    root.classList.remove(\"dark\");\n    root.classList.add(\"light\");\n  }\n\n  root.style.colorScheme = darkMode ? \"dark\" : \"light\";\n}\n\nexport function applyRadius(radius: string) {\n  const root = document.documentElement;\n  root.style.setProperty(\"--radius\", radius);\n}\n\nexport function applyColors(colorPresetName: string) {\n  const preset = getColorPreset(colorPresetName);\n  if (!preset) return;\n\n  applyThemeColors(preset.colors);\n}\n\n// Apply theme preset colors directly (bypasses colorPreset lookup)\nexport function applyPresetColors(preset: ThemePreset) {\n  applyThemeColors(preset.colors);\n}\n\nfunction applyFontConfig(font: ThemePresetFont) {\n  const { fontFamily, googleFontsUrl, value: fontId } = font;\n\n  if (!googleFontsUrl.startsWith(\"https://fonts.googleapis.com/\")) {\n    console.warn(\"[PreviewCN] Invalid font URL\");\n    return;\n  }\n\n  const linkId = `previewcn-font-${fontId}`;\n  if (!document.getElementById(linkId)) {\n    const link = document.createElement(\"link\");\n    link.id = linkId;\n    link.rel = \"stylesheet\";\n    link.href = googleFontsUrl;\n    document.head.appendChild(link);\n  }\n\n  // Use multiple strategies to ensure font override works universally\n  // This covers various Tailwind v4 and next/font configurations\n  const styleEl = getOrCreateStyleElement(THEME_FONT_STYLE_ID);\n  styleEl.textContent = `\n    :root {\n      --font-sans: ${fontFamily} !important;\n      --font-sans-override: ${fontFamily} !important;\n      --font-geist-sans: ${fontFamily} !important;\n    }\n    html, body, .font-sans {\n      font-family: ${fontFamily} !important;\n    }\n  `;\n}\n\nexport function applyFont(fontId: string) {\n  const fontPreset = getFontPreset(fontId);\n  if (!fontPreset) return;\n\n  applyFontConfig(fontPreset);\n}\n\nexport function applyPresetFont(font: ThemePresetFont) {\n  applyFontConfig(font);\n}\n\nexport function applyPreset(presetName: string) {\n  const preset = getThemePreset(presetName);\n  if (!preset) return;\n\n  applyPresetColors(preset);\n  applyRadius(preset.radius);\n\n  if (preset.font) {\n    applyFontConfig(preset.font);\n  }\n}\n\nexport function applyTheme(config: ThemeConfig) {\n  const preset = config.preset ? getThemePreset(config.preset) : null;\n\n  if (config.colorPreset !== null) {\n    applyColors(config.colorPreset);\n  } else if (preset) {\n    applyPresetColors(preset);\n  }\n\n  const radius = config.radius ?? preset?.radius;\n  if (radius !== null && radius !== undefined) {\n    applyRadius(radius);\n  }\n\n  if (config.darkMode !== null) {\n    applyDarkMode(config.darkMode);\n  }\n\n  if (config.font !== null) {\n    applyFont(config.font);\n  } else if (preset?.font) {\n    applyFontConfig(preset.font);\n  }\n}\n\nexport function clearTheme() {\n  const colorStyleEl = document.getElementById(THEME_COLOR_STYLE_ID);\n  if (colorStyleEl) colorStyleEl.remove();\n\n  const fontStyleEl = document.getElementById(THEME_FONT_STYLE_ID);\n  if (fontStyleEl) fontStyleEl.remove();\n\n  const root = document.documentElement;\n  root.style.removeProperty(\"--radius\");\n  root.style.removeProperty(\"color-scheme\");\n  root.classList.remove(\"light\", \"dark\");\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/theme-applier.ts"
    },
    {
      "path": "registry/previewcn/use-theme-state.ts",
      "content": "\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { getThemePreset } from \"./presets/theme-presets\";\nimport type { ThemeConfig } from \"./theme-applier\";\nimport {\n  applyColors,\n  applyDarkMode,\n  applyFont,\n  applyPreset,\n  applyRadius,\n  clearTheme,\n} from \"./theme-applier\";\n\nconst STORAGE_KEY = \"previewcn-devtools-theme\";\n\nfunction loadFromStorage(): Partial<ThemeConfig> {\n  if (typeof window === \"undefined\") return {};\n\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY);\n    if (stored) {\n      return JSON.parse(stored);\n    }\n  } catch {\n    // Ignore parse errors\n  }\n  return {};\n}\n\nfunction saveToStorage(config: ThemeConfig) {\n  if (typeof window === \"undefined\") return;\n\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(config));\n  } catch {\n    // Ignore storage errors\n  }\n}\n\nconst defaultConfig: ThemeConfig = {\n  colorPreset: null,\n  radius: null,\n  darkMode: null,\n  font: null,\n  preset: null,\n};\n\nexport function useThemeState() {\n  const [config, setConfigState] = useState<ThemeConfig>(() => ({\n    ...defaultConfig,\n    ...loadFromStorage(),\n  }));\n\n  const updateConfig = useCallback(\n    (updater: (prev: ThemeConfig) => ThemeConfig) => {\n      setConfigState((prev) => {\n        const next = updater(prev);\n        saveToStorage(next);\n        return next;\n      });\n    },\n    []\n  );\n\n  const setColorPreset = useCallback(\n    (colorPreset: string) => {\n      updateConfig((prev) => ({ ...prev, colorPreset }));\n      applyColors(colorPreset);\n    },\n    [updateConfig]\n  );\n\n  const setRadius = useCallback(\n    (radius: string) => {\n      updateConfig((prev) => ({ ...prev, radius }));\n      applyRadius(radius);\n    },\n    [updateConfig]\n  );\n\n  const setDarkMode = useCallback(\n    (darkMode: boolean) => {\n      updateConfig((prev) => ({ ...prev, darkMode }));\n      applyDarkMode(darkMode);\n    },\n    [updateConfig]\n  );\n\n  const setFont = useCallback(\n    (font: string) => {\n      updateConfig((prev) => ({ ...prev, font }));\n      applyFont(font);\n    },\n    [updateConfig]\n  );\n\n  const setPresetTheme = useCallback(\n    (preset: string) => {\n      const themePreset = getThemePreset(preset);\n      if (!themePreset) return;\n\n      updateConfig((prev) => ({\n        ...prev,\n        preset,\n        // Update individual settings to match preset\n        radius: themePreset.radius,\n        font: themePreset.font?.value ?? prev.font,\n        // Clear colorPreset since we're using preset colors\n        colorPreset: null,\n      }));\n      applyPreset(preset);\n    },\n    [updateConfig]\n  );\n\n  const resetTheme = useCallback(() => {\n    if (typeof window !== \"undefined\") {\n      localStorage.removeItem(STORAGE_KEY);\n    }\n    clearTheme();\n\n    setConfigState(defaultConfig);\n  }, []);\n\n  return {\n    config,\n    setColorPreset,\n    setRadius,\n    setDarkMode,\n    setFont,\n    setPresetTheme,\n    resetTheme,\n  };\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/use-theme-state.ts"
    },
    {
      "path": "registry/previewcn/css-export.ts",
      "content": "import { getColorPreset } from \"./presets/colors\";\nimport { getThemePreset } from \"./presets/theme-presets\";\nimport type { ThemeConfig } from \"./theme-applier\";\n\ntype ThemeColors = {\n  light: Record<string, string>;\n  dark: Record<string, string>;\n};\n\ntype ResolvedTheme = {\n  colors: ThemeColors;\n  radius: string;\n};\n\n/**\n * Resolve export-ready theme data based on config priority:\n * 1. colorPreset (if set and found)\n * 2. preset (full theme preset)\n * 3. null (no theme selected)\n */\nfunction resolveExportTheme(config: ThemeConfig): ResolvedTheme | null {\n  const preset = config.preset !== null ? getThemePreset(config.preset) : null;\n  const colorPreset =\n    config.colorPreset !== null ? getColorPreset(config.colorPreset) : null;\n\n  const colors = colorPreset?.colors ?? preset?.colors ?? null;\n  if (!colors) return null;\n\n  const radius = config.radius ?? preset?.radius ?? \"0.5rem\";\n\n  return { colors, radius };\n}\n\n/**\n * Format CSS variables with proper indentation\n */\nfunction formatCssVars(\n  cssVars: Record<string, string>,\n  indent: string = \"  \"\n): string {\n  return Object.entries(cssVars)\n    .map(([key, value]) => `${indent}--${key}: ${value};`)\n    .join(\"\\n\");\n}\n\nfunction formatCssBlock(selector: string, cssVars: Record<string, string>) {\n  return `${selector} {\\n${formatCssVars(cssVars)}\\n}`;\n}\n\n/**\n * Generate CSS export string from current theme config\n * Output format is compatible with shadcn/ui globals.css\n */\nexport function generateExportCss(config: ThemeConfig): string | null {\n  const theme = resolveExportTheme(config);\n  if (!theme) return null;\n\n  const lightVars = { radius: theme.radius, ...theme.colors.light };\n\n  return `${formatCssBlock(\":root\", lightVars)}\\n\\n${formatCssBlock(\n    \".dark\",\n    theme.colors.dark\n  )}`;\n}\n\n/**\n * Copy text to clipboard\n */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  try {\n    await navigator.clipboard.writeText(text);\n\n    return true;\n  } catch {\n    // Fallback for older browsers or non-HTTPS contexts\n    try {\n      const textArea = document.createElement(\"textarea\");\n      textArea.value = text;\n      textArea.style.position = \"fixed\";\n      textArea.style.left = \"-999999px\";\n      textArea.style.top = \"-999999px\";\n      document.body.appendChild(textArea);\n      textArea.focus();\n      textArea.select();\n      const result = document.execCommand(\"copy\");\n      document.body.removeChild(textArea);\n      return result;\n    } catch {\n      return false;\n    }\n  }\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/css-export.ts"
    },
    {
      "path": "registry/previewcn/presets/index.ts",
      "content": "export * from \"./colors\";\nexport * from \"./color-preset-specs\";\nexport * from \"./fonts\";\nexport * from \"./radius\";\nexport * from \"./theme-presets\";\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/index.ts"
    },
    {
      "path": "registry/previewcn/presets/colors.ts",
      "content": "// Color presets compatible with shadcn/ui\n// Uses OKLCH color space for better perceptual uniformity\n\nimport { colorPresetSpecs, type PresetSpec } from \"./color-preset-specs\";\n\nexport type ColorPreset = {\n  name: string;\n  label: string;\n  colors: {\n    light: Record<string, string>;\n    dark: Record<string, string>;\n  };\n};\n\n// Base neutral colors that all themes share\nconst neutralColors = {\n  light: {\n    background: \"oklch(1 0 0)\",\n    foreground: \"oklch(0.145 0 0)\",\n    card: \"oklch(1 0 0)\",\n    \"card-foreground\": \"oklch(0.145 0 0)\",\n    popover: \"oklch(1 0 0)\",\n    \"popover-foreground\": \"oklch(0.145 0 0)\",\n    secondary: \"oklch(0.97 0 0)\",\n    \"secondary-foreground\": \"oklch(0.205 0 0)\",\n    muted: \"oklch(0.97 0 0)\",\n    \"muted-foreground\": \"oklch(0.556 0 0)\",\n    accent: \"oklch(0.97 0 0)\",\n    \"accent-foreground\": \"oklch(0.205 0 0)\",\n    border: \"oklch(0.922 0 0)\",\n    input: \"oklch(0.922 0 0)\",\n    ring: \"oklch(0.708 0 0)\",\n  },\n  dark: {\n    background: \"oklch(0.145 0 0)\",\n    foreground: \"oklch(0.985 0 0)\",\n    card: \"oklch(0.205 0 0)\",\n    \"card-foreground\": \"oklch(0.985 0 0)\",\n    popover: \"oklch(0.205 0 0)\",\n    \"popover-foreground\": \"oklch(0.985 0 0)\",\n    secondary: \"oklch(0.269 0 0)\",\n    \"secondary-foreground\": \"oklch(0.985 0 0)\",\n    muted: \"oklch(0.269 0 0)\",\n    \"muted-foreground\": \"oklch(0.708 0 0)\",\n    accent: \"oklch(0.269 0 0)\",\n    \"accent-foreground\": \"oklch(0.985 0 0)\",\n    border: \"oklch(1 0 0 / 10%)\",\n    input: \"oklch(1 0 0 / 15%)\",\n    ring: \"oklch(0.556 0 0)\",\n  },\n};\n\nconst defaultDestructive = {\n  light: \"oklch(0.577 0.245 27.325)\",\n  dark: \"oklch(0.704 0.191 22.216)\",\n};\n\nconst defaultPrimaryForeground = {\n  light: \"oklch(0.985 0 0)\",\n  dark: \"oklch(0.985 0 0)\",\n};\n\nconst defaultDestructiveForeground = {\n  light: \"oklch(0.985 0 0)\",\n  dark: \"oklch(0.985 0 0)\",\n};\n\nfunction createColorPreset(spec: PresetSpec): ColorPreset {\n  return {\n    name: spec.name,\n    label: spec.label,\n    colors: {\n      light: {\n        ...neutralColors.light,\n        primary: spec.primary.light,\n        \"primary-foreground\":\n          spec.primaryForeground?.light ?? defaultPrimaryForeground.light,\n        destructive: spec.destructive?.light ?? defaultDestructive.light,\n        \"destructive-foreground\":\n          spec.destructiveForeground?.light ??\n          defaultDestructiveForeground.light,\n      },\n      dark: {\n        ...neutralColors.dark,\n        primary: spec.primary.dark,\n        \"primary-foreground\":\n          spec.primaryForeground?.dark ?? defaultPrimaryForeground.dark,\n        destructive: spec.destructive?.dark ?? defaultDestructive.dark,\n        \"destructive-foreground\":\n          spec.destructiveForeground?.dark ?? defaultDestructiveForeground.dark,\n      },\n    },\n  };\n}\n\nexport const colorPresets: ColorPreset[] =\n  colorPresetSpecs.map(createColorPreset);\n\nexport function getColorPreset(name: string): ColorPreset | undefined {\n  return colorPresets.find((p) => p.name === name);\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/colors.ts"
    },
    {
      "path": "registry/previewcn/presets/color-preset-specs.ts",
      "content": "// Color preset data used by the devtools color picker.\n// Kept in a separate file to keep logic files small.\n\nexport type PresetSpec = {\n  name: string;\n  label: string;\n  primary: {\n    light: string;\n    dark: string;\n  };\n  primaryForeground?: {\n    light?: string;\n    dark?: string;\n  };\n  destructive?: {\n    light?: string;\n    dark?: string;\n  };\n  destructiveForeground?: {\n    light?: string;\n    dark?: string;\n  };\n};\n\nexport const colorPresetSpecs: PresetSpec[] = [\n  {\n    name: \"neutral\",\n    label: \"Neutral\",\n    primary: { light: \"oklch(0.556 0 0)\", dark: \"oklch(0.708 0 0)\" },\n    primaryForeground: {\n      light: \"oklch(0.985 0 0)\",\n      dark: \"oklch(0.205 0 0)\",\n    },\n  },\n  {\n    name: \"red\",\n    label: \"Red\",\n    primary: {\n      light: \"oklch(0.577 0.245 27.325)\",\n      dark: \"oklch(0.637 0.237 25.331)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.971 0.013 17.38)\",\n      dark: \"oklch(0.971 0.013 17.38)\",\n    },\n    destructive: { light: \"oklch(0.505 0.213 27.518)\" },\n  },\n  {\n    name: \"orange\",\n    label: \"Orange\",\n    primary: {\n      light: \"oklch(0.646 0.222 41.116)\",\n      dark: \"oklch(0.705 0.213 47.604)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.98 0.016 73.684)\",\n      dark: \"oklch(0.98 0.016 73.684)\",\n    },\n  },\n  {\n    name: \"amber\",\n    label: \"Amber\",\n    primary: { light: \"oklch(0.67 0.16 58)\", dark: \"oklch(0.77 0.16 70)\" },\n    primaryForeground: {\n      light: \"oklch(0.99 0.02 95)\",\n      dark: \"oklch(0.28 0.07 46)\",\n    },\n  },\n  {\n    name: \"yellow\",\n    label: \"Yellow\",\n    primary: {\n      light: \"oklch(0.852 0.199 91.936)\",\n      dark: \"oklch(0.795 0.184 86.047)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.421 0.095 57.708)\",\n      dark: \"oklch(0.421 0.095 57.708)\",\n    },\n  },\n  {\n    name: \"lime\",\n    label: \"Lime\",\n    primary: {\n      light: \"oklch(0.65 0.18 132)\",\n      dark: \"oklch(0.77 0.20 131)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.99 0.03 121)\",\n      dark: \"oklch(0.27 0.07 132)\",\n    },\n  },\n  {\n    name: \"green\",\n    label: \"Green\",\n    primary: {\n      light: \"oklch(0.648 0.2 131.684)\",\n      dark: \"oklch(0.648 0.2 131.684)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.986 0.031 120.757)\",\n      dark: \"oklch(0.986 0.031 120.757)\",\n    },\n  },\n  {\n    name: \"emerald\",\n    label: \"Emerald\",\n    primary: {\n      light: \"oklch(0.60 0.13 163)\",\n      dark: \"oklch(0.70 0.15 162)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.98 0.02 166)\",\n      dark: \"oklch(0.26 0.05 173)\",\n    },\n  },\n  {\n    name: \"teal\",\n    label: \"Teal\",\n    primary: { light: \"oklch(0.60 0.10 185)\", dark: \"oklch(0.70 0.12 183)\" },\n    primaryForeground: {\n      light: \"oklch(0.98 0.01 181)\",\n      dark: \"oklch(0.28 0.04 193)\",\n    },\n  },\n  {\n    name: \"cyan\",\n    label: \"Cyan\",\n    primary: { light: \"oklch(0.61 0.11 222)\", dark: \"oklch(0.71 0.13 215)\" },\n    primaryForeground: {\n      light: \"oklch(0.98 0.02 201)\",\n      dark: \"oklch(0.30 0.05 230)\",\n    },\n  },\n  {\n    name: \"sky\",\n    label: \"Sky\",\n    primary: { light: \"oklch(0.59 0.14 242)\", dark: \"oklch(0.68 0.15 237)\" },\n    primaryForeground: {\n      light: \"oklch(0.98 0.01 237)\",\n      dark: \"oklch(0.29 0.06 243)\",\n    },\n  },\n  {\n    name: \"blue\",\n    label: \"Blue\",\n    primary: {\n      light: \"oklch(0.488 0.243 264.376)\",\n      dark: \"oklch(0.42 0.18 266)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.97 0.014 254.604)\",\n      dark: \"oklch(0.97 0.014 254.604)\",\n    },\n  },\n  {\n    name: \"indigo\",\n    label: \"Indigo\",\n    primary: { light: \"oklch(0.51 0.23 277)\", dark: \"oklch(0.59 0.20 277)\" },\n    primaryForeground: {\n      light: \"oklch(0.96 0.02 272)\",\n      dark: \"oklch(0.96 0.02 272)\",\n    },\n  },\n  {\n    name: \"violet\",\n    label: \"Violet\",\n    primary: {\n      light: \"oklch(0.541 0.281 293.009)\",\n      dark: \"oklch(0.606 0.25 292.717)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.969 0.016 293.756)\",\n      dark: \"oklch(0.969 0.016 293.756)\",\n    },\n  },\n  {\n    name: \"purple\",\n    label: \"Purple\",\n    primary: { light: \"oklch(0.56 0.25 302)\", dark: \"oklch(0.63 0.23 304)\" },\n    primaryForeground: {\n      light: \"oklch(0.98 0.01 308)\",\n      dark: \"oklch(0.98 0.01 308)\",\n    },\n  },\n  {\n    name: \"fuchsia\",\n    label: \"Fuchsia\",\n    primary: { light: \"oklch(0.59 0.26 323)\", dark: \"oklch(0.67 0.26 322)\" },\n    primaryForeground: {\n      light: \"oklch(0.98 0.02 320)\",\n      dark: \"oklch(0.98 0.02 320)\",\n    },\n  },\n  {\n    name: \"pink\",\n    label: \"Pink\",\n    primary: { light: \"oklch(0.59 0.22 1)\", dark: \"oklch(0.66 0.21 354)\" },\n    primaryForeground: {\n      light: \"oklch(0.97 0.01 343)\",\n      dark: \"oklch(0.97 0.01 343)\",\n    },\n  },\n  {\n    name: \"rose\",\n    label: \"Rose\",\n    primary: {\n      light: \"oklch(0.586 0.253 17.585)\",\n      dark: \"oklch(0.645 0.246 16.439)\",\n    },\n    primaryForeground: {\n      light: \"oklch(0.969 0.015 12.422)\",\n      dark: \"oklch(0.969 0.015 12.422)\",\n    },\n  },\n];\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/color-preset-specs.ts"
    },
    {
      "path": "registry/previewcn/presets/radius.ts",
      "content": "// Radius presets for border-radius customization\n\nexport type RadiusPreset = {\n  name: string;\n  label: string;\n  value: string;\n};\n\nexport const radiusPresets: RadiusPreset[] = [\n  { name: \"none\", label: \"None\", value: \"0rem\" },\n  { name: \"sm\", label: \"SM\", value: \"0.25rem\" },\n  { name: \"md\", label: \"MD\", value: \"0.375rem\" },\n  { name: \"lg\", label: \"LG\", value: \"0.5rem\" },\n  { name: \"xl\", label: \"XL\", value: \"0.75rem\" },\n];\n\nexport function getRadiusPreset(name: string): RadiusPreset | undefined {\n  return radiusPresets.find((p) => p.name === name);\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/radius.ts"
    },
    {
      "path": "registry/previewcn/presets/fonts.ts",
      "content": "// Font presets using Google Fonts\n\nexport type FontPreset = {\n  label: string;\n  value: string;\n  fontFamily: string;\n  googleFontsUrl: string;\n};\n\nexport const fontPresets: FontPreset[] = [\n  {\n    label: \"Inter\",\n    value: \"inter\",\n    fontFamily: '\"Inter\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Noto Sans\",\n    value: \"noto-sans\",\n    fontFamily: '\"Noto Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Nunito Sans\",\n    value: \"nunito-sans\",\n    fontFamily: '\"Nunito Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Figtree\",\n    value: \"figtree\",\n    fontFamily: '\"Figtree\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Roboto\",\n    value: \"roboto\",\n    fontFamily: '\"Roboto\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\",\n  },\n  {\n    label: \"Raleway\",\n    value: \"raleway\",\n    fontFamily: '\"Raleway\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"DM Sans\",\n    value: \"dm-sans\",\n    fontFamily: '\"DM Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Public Sans\",\n    value: \"public-sans\",\n    fontFamily: '\"Public Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Outfit\",\n    value: \"outfit\",\n    fontFamily: '\"Outfit\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"JetBrains Mono\",\n    value: \"jetbrains-mono\",\n    fontFamily: '\"JetBrains Mono\", monospace',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Plus Jakarta Sans\",\n    value: \"plus-jakarta-sans\",\n    fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Poppins\",\n    value: \"poppins\",\n    fontFamily: '\"Poppins\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Open Sans\",\n    value: \"open-sans\",\n    fontFamily: '\"Open Sans\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Montserrat\",\n    value: \"montserrat\",\n    fontFamily: '\"Montserrat\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Oxanium\",\n    value: \"oxanium\",\n    fontFamily: '\"Oxanium\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap\",\n  },\n  {\n    label: \"Libre Baskerville\",\n    value: \"libre-baskerville\",\n    fontFamily: '\"Libre Baskerville\", serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap\",\n  },\n  {\n    label: \"Merriweather\",\n    value: \"merriweather\",\n    fontFamily: '\"Merriweather\", serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap\",\n  },\n  {\n    label: \"Architects Daughter\",\n    value: \"architects-daughter\",\n    fontFamily: '\"Architects Daughter\", cursive',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap\",\n  },\n  {\n    label: \"Antic\",\n    value: \"antic\",\n    fontFamily: '\"Antic\", sans-serif',\n    googleFontsUrl:\n      \"https://fonts.googleapis.com/css2?family=Antic&display=swap\",\n  },\n];\n\nexport function getFontPreset(value: string): FontPreset | undefined {\n  return fontPresets.find((f) => f.value === value);\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/fonts.ts"
    },
    {
      "path": "registry/previewcn/presets/theme-presets.ts",
      "content": "// Theme presets adapted from tweakcn (Apache License 2.0)\n// https://github.com/jnsahaj/tweakcn\n// Original presets by Sahaj Jain\n\nexport type ThemePresetFont = {\n  value: string;\n  fontFamily: string;\n  googleFontsUrl: string;\n};\n\nexport type ThemePreset = {\n  name: string;\n  label: string;\n  colors: {\n    light: Record<string, string>;\n    dark: Record<string, string>;\n  };\n  radius: string;\n  font?: ThemePresetFont;\n};\n\nexport const themePresets: ThemePreset[] = [\n  {\n    name: \"vercel\",\n    label: \"Vercel\",\n    colors: {\n      light: {\n        background: \"oklch(0.99 0 0)\",\n        foreground: \"oklch(0 0 0)\",\n        card: \"oklch(1.00 0 0)\",\n        \"card-foreground\": \"oklch(0 0 0)\",\n        popover: \"oklch(0.99 0 0)\",\n        \"popover-foreground\": \"oklch(0 0 0)\",\n        primary: \"oklch(0 0 0)\",\n        \"primary-foreground\": \"oklch(1.00 0 0)\",\n        secondary: \"oklch(0.94 0 0)\",\n        \"secondary-foreground\": \"oklch(0 0 0)\",\n        muted: \"oklch(0.97 0 0)\",\n        \"muted-foreground\": \"oklch(0.44 0 0)\",\n        accent: \"oklch(0.94 0 0)\",\n        \"accent-foreground\": \"oklch(0 0 0)\",\n        destructive: \"oklch(0.63 0.19 23.03)\",\n        \"destructive-foreground\": \"oklch(1.00 0 0)\",\n        border: \"oklch(0.92 0 0)\",\n        input: \"oklch(0.94 0 0)\",\n        ring: \"oklch(0 0 0)\",\n        \"chart-1\": \"oklch(0.81 0.17 75.35)\",\n        \"chart-2\": \"oklch(0.55 0.22 264.53)\",\n        \"chart-3\": \"oklch(0.72 0 0)\",\n        \"chart-4\": \"oklch(0.92 0 0)\",\n        \"chart-5\": \"oklch(0.56 0 0)\",\n        sidebar: \"oklch(0.99 0 0)\",\n        \"sidebar-foreground\": \"oklch(0 0 0)\",\n        \"sidebar-primary\": \"oklch(0 0 0)\",\n        \"sidebar-primary-foreground\": \"oklch(1.00 0 0)\",\n        \"sidebar-accent\": \"oklch(0.94 0 0)\",\n        \"sidebar-accent-foreground\": \"oklch(0 0 0)\",\n        \"sidebar-border\": \"oklch(0.94 0 0)\",\n        \"sidebar-ring\": \"oklch(0 0 0)\",\n      },\n      dark: {\n        background: \"oklch(0 0 0)\",\n        foreground: \"oklch(1.00 0 0)\",\n        card: \"oklch(0.14 0 0)\",\n        \"card-foreground\": \"oklch(1.00 0 0)\",\n        popover: \"oklch(0.18 0 0)\",\n        \"popover-foreground\": \"oklch(1.00 0 0)\",\n        primary: \"oklch(1.00 0 0)\",\n        \"primary-foreground\": \"oklch(0 0 0)\",\n        secondary: \"oklch(0.25 0 0)\",\n        \"secondary-foreground\": \"oklch(1.00 0 0)\",\n        muted: \"oklch(0.23 0 0)\",\n        \"muted-foreground\": \"oklch(0.72 0 0)\",\n        accent: \"oklch(0.32 0 0)\",\n        \"accent-foreground\": \"oklch(1.00 0 0)\",\n        destructive: \"oklch(0.69 0.20 23.91)\",\n        \"destructive-foreground\": \"oklch(0 0 0)\",\n        border: \"oklch(0.26 0 0)\",\n        input: \"oklch(0.32 0 0)\",\n        ring: \"oklch(0.72 0 0)\",\n        \"chart-1\": \"oklch(0.81 0.17 75.35)\",\n        \"chart-2\": \"oklch(0.58 0.21 260.84)\",\n        \"chart-3\": \"oklch(0.56 0 0)\",\n        \"chart-4\": \"oklch(0.44 0 0)\",\n        \"chart-5\": \"oklch(0.92 0 0)\",\n        sidebar: \"oklch(0.18 0 0)\",\n        \"sidebar-foreground\": \"oklch(1.00 0 0)\",\n        \"sidebar-primary\": \"oklch(1.00 0 0)\",\n        \"sidebar-primary-foreground\": \"oklch(0 0 0)\",\n        \"sidebar-accent\": \"oklch(0.32 0 0)\",\n        \"sidebar-accent-foreground\": \"oklch(1.00 0 0)\",\n        \"sidebar-border\": \"oklch(0.32 0 0)\",\n        \"sidebar-ring\": \"oklch(0.72 0 0)\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"supabase\",\n    label: \"Supabase\",\n    colors: {\n      light: {\n        background: \"#fcfcfc\",\n        foreground: \"#171717\",\n        card: \"#fcfcfc\",\n        \"card-foreground\": \"#171717\",\n        popover: \"#fcfcfc\",\n        \"popover-foreground\": \"#525252\",\n        primary: \"#72e3ad\",\n        \"primary-foreground\": \"#1e2723\",\n        secondary: \"#fdfdfd\",\n        \"secondary-foreground\": \"#171717\",\n        muted: \"#ededed\",\n        \"muted-foreground\": \"#202020\",\n        accent: \"#ededed\",\n        \"accent-foreground\": \"#202020\",\n        destructive: \"#ca3214\",\n        \"destructive-foreground\": \"#fffcfc\",\n        border: \"#dfdfdf\",\n        input: \"#f6f6f6\",\n        ring: \"#72e3ad\",\n        \"chart-1\": \"#72e3ad\",\n        \"chart-2\": \"#3b82f6\",\n        \"chart-3\": \"#8b5cf6\",\n        \"chart-4\": \"#f59e0b\",\n        \"chart-5\": \"#10b981\",\n        sidebar: \"#fcfcfc\",\n        \"sidebar-foreground\": \"#707070\",\n        \"sidebar-primary\": \"#72e3ad\",\n        \"sidebar-primary-foreground\": \"#1e2723\",\n        \"sidebar-accent\": \"#ededed\",\n        \"sidebar-accent-foreground\": \"#202020\",\n        \"sidebar-border\": \"#dfdfdf\",\n        \"sidebar-ring\": \"#72e3ad\",\n      },\n      dark: {\n        background: \"#121212\",\n        foreground: \"#e2e8f0\",\n        card: \"#171717\",\n        \"card-foreground\": \"#e2e8f0\",\n        popover: \"#242424\",\n        \"popover-foreground\": \"#a9a9a9\",\n        primary: \"#006239\",\n        \"primary-foreground\": \"#dde8e3\",\n        secondary: \"#242424\",\n        \"secondary-foreground\": \"#fafafa\",\n        muted: \"#1f1f1f\",\n        \"muted-foreground\": \"#a2a2a2\",\n        accent: \"#313131\",\n        \"accent-foreground\": \"#fafafa\",\n        destructive: \"#541c15\",\n        \"destructive-foreground\": \"#ede9e8\",\n        border: \"#292929\",\n        input: \"#242424\",\n        ring: \"#4ade80\",\n        \"chart-1\": \"#4ade80\",\n        \"chart-2\": \"#60a5fa\",\n        \"chart-3\": \"#a78bfa\",\n        \"chart-4\": \"#fbbf24\",\n        \"chart-5\": \"#2dd4bf\",\n        sidebar: \"#121212\",\n        \"sidebar-foreground\": \"#898989\",\n        \"sidebar-primary\": \"#006239\",\n        \"sidebar-primary-foreground\": \"#dde8e3\",\n        \"sidebar-accent\": \"#313131\",\n        \"sidebar-accent-foreground\": \"#fafafa\",\n        \"sidebar-border\": \"#292929\",\n        \"sidebar-ring\": \"#4ade80\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"outfit\",\n      fontFamily: '\"Outfit\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"claude\",\n    label: \"Claude\",\n    colors: {\n      light: {\n        background: \"#faf9f5\",\n        foreground: \"#3d3929\",\n        card: \"#faf9f5\",\n        \"card-foreground\": \"#141413\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#28261b\",\n        primary: \"#c96442\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e9e6dc\",\n        \"secondary-foreground\": \"#535146\",\n        muted: \"#ede9de\",\n        \"muted-foreground\": \"#83827d\",\n        accent: \"#e9e6dc\",\n        \"accent-foreground\": \"#28261b\",\n        destructive: \"#141413\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#dad9d4\",\n        input: \"#b4b2a7\",\n        ring: \"#c96442\",\n        \"chart-1\": \"#b05730\",\n        \"chart-2\": \"#9c87f5\",\n        \"chart-3\": \"#ded8c4\",\n        \"chart-4\": \"#dbd3f0\",\n        \"chart-5\": \"#b4552d\",\n        sidebar: \"#f5f4ee\",\n        \"sidebar-foreground\": \"#3d3d3a\",\n        \"sidebar-primary\": \"#c96442\",\n        \"sidebar-primary-foreground\": \"#fbfbfb\",\n        \"sidebar-accent\": \"#e9e6dc\",\n        \"sidebar-accent-foreground\": \"#343434\",\n        \"sidebar-border\": \"#ebebeb\",\n        \"sidebar-ring\": \"#b5b5b5\",\n      },\n      dark: {\n        background: \"#262624\",\n        foreground: \"#c3c0b6\",\n        card: \"#262624\",\n        \"card-foreground\": \"#faf9f5\",\n        popover: \"#30302e\",\n        \"popover-foreground\": \"#e5e5e2\",\n        primary: \"#d97757\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#faf9f5\",\n        \"secondary-foreground\": \"#30302e\",\n        muted: \"#1b1b19\",\n        \"muted-foreground\": \"#b7b5a9\",\n        accent: \"#1a1915\",\n        \"accent-foreground\": \"#f5f4ee\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#3e3e38\",\n        input: \"#52514a\",\n        ring: \"#d97757\",\n        \"chart-1\": \"#b05730\",\n        \"chart-2\": \"#9c87f5\",\n        \"chart-3\": \"#1a1915\",\n        \"chart-4\": \"#2f2b48\",\n        \"chart-5\": \"#b4552d\",\n        sidebar: \"#1f1e1d\",\n        \"sidebar-foreground\": \"#c3c0b6\",\n        \"sidebar-primary\": \"#343434\",\n        \"sidebar-primary-foreground\": \"#fbfbfb\",\n        \"sidebar-accent\": \"#0f0f0e\",\n        \"sidebar-accent-foreground\": \"#c3c0b6\",\n        \"sidebar-border\": \"#ebebeb\",\n        \"sidebar-ring\": \"#b5b5b5\",\n      },\n    },\n    radius: \"0.5rem\",\n  },\n  {\n    name: \"modern-minimal\",\n    label: \"Modern Minimal\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#333333\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#3b82f6\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f3f4f6\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#f9fafb\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#e0f2fe\",\n        \"accent-foreground\": \"#1e3a8a\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e5e7eb\",\n        input: \"#e5e7eb\",\n        ring: \"#3b82f6\",\n        \"chart-1\": \"#3b82f6\",\n        \"chart-2\": \"#2563eb\",\n        \"chart-3\": \"#1d4ed8\",\n        \"chart-4\": \"#1e40af\",\n        \"chart-5\": \"#1e3a8a\",\n        sidebar: \"#f9fafb\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#3b82f6\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#e0f2fe\",\n        \"sidebar-accent-foreground\": \"#1e3a8a\",\n        \"sidebar-border\": \"#e5e7eb\",\n        \"sidebar-ring\": \"#3b82f6\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n      },\n      dark: {\n        background: \"#171717\",\n        foreground: \"#e5e5e5\",\n        card: \"#262626\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#262626\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#3b82f6\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#262626\",\n        \"secondary-foreground\": \"#e5e5e5\",\n        muted: \"#1f1f1f\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#1e3a8a\",\n        \"accent-foreground\": \"#bfdbfe\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#404040\",\n        input: \"#404040\",\n        ring: \"#3b82f6\",\n        \"chart-1\": \"#60a5fa\",\n        \"chart-2\": \"#3b82f6\",\n        \"chart-3\": \"#2563eb\",\n        \"chart-4\": \"#1d4ed8\",\n        \"chart-5\": \"#1e40af\",\n        sidebar: \"#171717\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#3b82f6\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#1e3a8a\",\n        \"sidebar-accent-foreground\": \"#bfdbfe\",\n        \"sidebar-border\": \"#404040\",\n        \"sidebar-ring\": \"#3b82f6\",\n      },\n    },\n    radius: \"0.375rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"violet-bloom\",\n    label: \"Violet Bloom\",\n    colors: {\n      light: {\n        background: \"#fdfdfd\",\n        foreground: \"#000000\",\n        card: \"#fdfdfd\",\n        \"card-foreground\": \"#000000\",\n        popover: \"#fcfcfc\",\n        \"popover-foreground\": \"#000000\",\n        primary: \"#7033ff\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#edf0f4\",\n        \"secondary-foreground\": \"#080808\",\n        muted: \"#f5f5f5\",\n        \"muted-foreground\": \"#525252\",\n        accent: \"#e2ebff\",\n        \"accent-foreground\": \"#1e69dc\",\n        destructive: \"#e54b4f\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e7e7ee\",\n        input: \"#ebebeb\",\n        ring: \"#000000\",\n        \"chart-1\": \"#4ac885\",\n        \"chart-2\": \"#7033ff\",\n        \"chart-3\": \"#fd822b\",\n        \"chart-4\": \"#3276e4\",\n        \"chart-5\": \"#747474\",\n        sidebar: \"#f5f8fb\",\n        \"sidebar-foreground\": \"#000000\",\n        \"sidebar-primary\": \"#000000\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#ebebeb\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#ebebeb\",\n        \"sidebar-ring\": \"#000000\",\n        \"font-sans\": \"Plus Jakarta Sans, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.16\",\n        \"shadow-blur\": \"3px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n        \"letter-spacing\": \"-0.025em\",\n        spacing: \"0.27rem\",\n      },\n      dark: {\n        background: \"#1a1b1e\",\n        foreground: \"#f0f0f0\",\n        card: \"#222327\",\n        \"card-foreground\": \"#f0f0f0\",\n        popover: \"#222327\",\n        \"popover-foreground\": \"#f0f0f0\",\n        primary: \"#8c5cff\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#2a2c33\",\n        \"secondary-foreground\": \"#f0f0f0\",\n        muted: \"#2a2c33\",\n        \"muted-foreground\": \"#a0a0a0\",\n        accent: \"#1e293b\",\n        \"accent-foreground\": \"#79c0ff\",\n        destructive: \"#f87171\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#33353a\",\n        input: \"#33353a\",\n        ring: \"#8c5cff\",\n        \"chart-1\": \"#4ade80\",\n        \"chart-2\": \"#8c5cff\",\n        \"chart-3\": \"#fca5a5\",\n        \"chart-4\": \"#5993f4\",\n        \"chart-5\": \"#a0a0a0\",\n        sidebar: \"#161618\",\n        \"sidebar-foreground\": \"#f0f0f0\",\n        \"sidebar-primary\": \"#8c5cff\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#2a2c33\",\n        \"sidebar-accent-foreground\": \"#8c5cff\",\n        \"sidebar-border\": \"#33353a\",\n        \"sidebar-ring\": \"#8c5cff\",\n        \"font-sans\": \"Plus Jakarta Sans, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.16\",\n        \"shadow-blur\": \"3px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n        \"letter-spacing\": \"-0.025em\",\n        spacing: \"0.27rem\",\n      },\n    },\n    radius: \"1.4rem\",\n    font: {\n      value: \"plus-jakarta-sans\",\n      fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"t3-chat\",\n    label: \"T3 Chat\",\n    colors: {\n      light: {\n        background: \"#faf5fa\",\n        foreground: \"#501854\",\n        card: \"#faf5fa\",\n        \"card-foreground\": \"#501854\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#501854\",\n        primary: \"#a84370\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f1c4e6\",\n        \"secondary-foreground\": \"#77347c\",\n        muted: \"#f6e5f3\",\n        \"muted-foreground\": \"#834588\",\n        accent: \"#f1c4e6\",\n        \"accent-foreground\": \"#77347c\",\n        destructive: \"#ab4347\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#efbdeb\",\n        input: \"#e7c1dc\",\n        ring: \"#db2777\",\n        \"chart-1\": \"#d926a2\",\n        \"chart-2\": \"#6c12b9\",\n        \"chart-3\": \"#274754\",\n        \"chart-4\": \"#e8c468\",\n        \"chart-5\": \"#f4a462\",\n        sidebar: \"#f3e4f6\",\n        \"sidebar-foreground\": \"#ac1668\",\n        \"sidebar-primary\": \"#454554\",\n        \"sidebar-primary-foreground\": \"#faf1f7\",\n        \"sidebar-accent\": \"#f8f8f7\",\n        \"sidebar-accent-foreground\": \"#454554\",\n        \"sidebar-border\": \"#eceae9\",\n        \"sidebar-ring\": \"#db2777\",\n      },\n      dark: {\n        background: \"#221d27\",\n        foreground: \"#d2c4de\",\n        card: \"#2c2632\",\n        \"card-foreground\": \"#dbc5d2\",\n        popover: \"#100a0e\",\n        \"popover-foreground\": \"#f8f1f5\",\n        primary: \"#a3004c\",\n        \"primary-foreground\": \"#efc0d8\",\n        secondary: \"#362d3d\",\n        \"secondary-foreground\": \"#d4c7e1\",\n        muted: \"#28222d\",\n        \"muted-foreground\": \"#c2b6cf\",\n        accent: \"#463753\",\n        \"accent-foreground\": \"#f8f1f5\",\n        destructive: \"#301015\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#3b3237\",\n        input: \"#3e343c\",\n        ring: \"#db2777\",\n        \"chart-1\": \"#a84370\",\n        \"chart-2\": \"#934dcb\",\n        \"chart-3\": \"#e88c30\",\n        \"chart-4\": \"#af57db\",\n        \"chart-5\": \"#e23670\",\n        sidebar: \"#181117\",\n        \"sidebar-foreground\": \"#e0cad6\",\n        \"sidebar-primary\": \"#1d4ed8\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#261922\",\n        \"sidebar-accent-foreground\": \"#f4f4f5\",\n        \"sidebar-border\": \"#000000\",\n        \"sidebar-ring\": \"#db2777\",\n      },\n    },\n    radius: \"0.5rem\",\n  },\n  {\n    name: \"twitter\",\n    label: \"Twitter\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#0f1419\",\n        card: \"#f7f8f8\",\n        \"card-foreground\": \"#0f1419\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#0f1419\",\n        primary: \"#1e9df1\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#0f1419\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#E5E5E6\",\n        \"muted-foreground\": \"#0f1419\",\n        accent: \"#E3ECF6\",\n        \"accent-foreground\": \"#1e9df1\",\n        destructive: \"#f4212e\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e1eaef\",\n        input: \"#f7f9fa\",\n        ring: \"#1da1f2\",\n        \"chart-1\": \"#1e9df1\",\n        \"chart-2\": \"#00b87a\",\n        \"chart-3\": \"#f7b928\",\n        \"chart-4\": \"#17bf63\",\n        \"chart-5\": \"#e0245e\",\n        sidebar: \"#f7f8f8\",\n        \"sidebar-foreground\": \"#0f1419\",\n        \"sidebar-primary\": \"#1e9df1\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#E3ECF6\",\n        \"sidebar-accent-foreground\": \"#1e9df1\",\n        \"sidebar-border\": \"#e1e8ed\",\n        \"sidebar-ring\": \"#1da1f2\",\n        \"font-sans\": \"Open Sans, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"Menlo, monospace\",\n        \"shadow-color\": \"rgba(29,161,242,0.15)\",\n        \"shadow-opacity\": \"0\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#000000\",\n        foreground: \"#e7e9ea\",\n        card: \"#17181c\",\n        \"card-foreground\": \"#d9d9d9\",\n        popover: \"#000000\",\n        \"popover-foreground\": \"#e7e9ea\",\n        primary: \"#1c9cf0\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f0f3f4\",\n        \"secondary-foreground\": \"#0f1419\",\n        muted: \"#181818\",\n        \"muted-foreground\": \"#72767a\",\n        accent: \"#061622\",\n        \"accent-foreground\": \"#1c9cf0\",\n        destructive: \"#f4212e\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#242628\",\n        input: \"#22303c\",\n        ring: \"#1da1f2\",\n        \"chart-1\": \"#1e9df1\",\n        \"chart-2\": \"#00b87a\",\n        \"chart-3\": \"#f7b928\",\n        \"chart-4\": \"#17bf63\",\n        \"chart-5\": \"#e0245e\",\n        sidebar: \"#17181c\",\n        \"sidebar-foreground\": \"#d9d9d9\",\n        \"sidebar-primary\": \"#1da1f2\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#061622\",\n        \"sidebar-accent-foreground\": \"#1c9cf0\",\n        \"sidebar-border\": \"#38444d\",\n        \"sidebar-ring\": \"#1da1f2\",\n        \"shadow-color\": \"rgba(29,161,242,0.25)\",\n      },\n    },\n    radius: \"1.3rem\",\n    font: {\n      value: \"open-sans\",\n      fontFamily: '\"Open Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"mocha-mousse\",\n    label: \"Mocha Mousse\",\n    colors: {\n      light: {\n        background: \"#F1F0E5\",\n        foreground: \"#56453F\",\n        card: \"#F1F0E5\",\n        \"card-foreground\": \"#56453F\",\n        popover: \"#FFFFFF\",\n        \"popover-foreground\": \"#56453F\",\n        primary: \"#A37764\",\n        \"primary-foreground\": \"#FFFFFF\",\n        secondary: \"#BAAB92\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#E4C7B8\",\n        \"muted-foreground\": \"#8A655A\",\n        accent: \"#E4C7B8\",\n        \"accent-foreground\": \"#56453F\",\n        destructive: \"#1f1a17\",\n        \"destructive-foreground\": \"#FFFFFF\",\n        border: \"#BAAB92\",\n        input: \"#BAAB92\",\n        ring: \"#A37764\",\n        \"chart-1\": \"#A37764\",\n        \"chart-2\": \"#8A655A\",\n        \"chart-3\": \"#C39E88\",\n        \"chart-4\": \"#BAAB92\",\n        \"chart-5\": \"#A28777\",\n        sidebar: \"#ebd6cb\",\n        \"sidebar-foreground\": \"#56453F\",\n        \"sidebar-primary\": \"#A37764\",\n        \"sidebar-primary-foreground\": \"#FFFFFF\",\n        \"sidebar-accent\": \"#C39E88\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#A28777\",\n        \"sidebar-ring\": \"#A37764\",\n        \"font-sans\": \"DM Sans, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"Menlo, monospace\",\n        \"shadow-color\": \"hsl(20 18% 51% / 0.4)\",\n        \"shadow-opacity\": \"0.11\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"2px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#2d2521\",\n        foreground: \"#F1F0E5\",\n        card: \"#3c332e\",\n        \"card-foreground\": \"#F1F0E5\",\n        popover: \"#3c332e\",\n        \"popover-foreground\": \"#F1F0E5\",\n        primary: \"#C39E88\",\n        \"primary-foreground\": \"#2d2521\",\n        secondary: \"#8A655A\",\n        \"secondary-foreground\": \"#F1F0E5\",\n        muted: \"#56453F\",\n        \"muted-foreground\": \"#c5aa9b\",\n        accent: \"#BAAB92\",\n        \"accent-foreground\": \"#2d2521\",\n        destructive: \"#E57373\",\n        \"destructive-foreground\": \"#2d2521\",\n        border: \"#56453F\",\n        input: \"#56453F\",\n        ring: \"#C39E88\",\n        \"chart-1\": \"#C39E88\",\n        \"chart-2\": \"#BAAB92\",\n        \"chart-3\": \"#A37764\",\n        \"chart-4\": \"#8A655A\",\n        \"chart-5\": \"#A28777\",\n        sidebar: \"#1f1a17\",\n        \"sidebar-foreground\": \"#F1F0E5\",\n        \"sidebar-primary\": \"#C39E88\",\n        \"sidebar-primary-foreground\": \"#1f1a17\",\n        \"sidebar-accent\": \"#BAAB92\",\n        \"sidebar-accent-foreground\": \"#1f1a17\",\n        \"sidebar-border\": \"#56453F\",\n        \"sidebar-ring\": \"#C39E88\",\n        \"shadow-color\": \"hsl(20 18% 30% / 0.5)\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"dm-sans\",\n      fontFamily: '\"DM Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"bubblegum\",\n    label: \"Bubblegum\",\n    colors: {\n      light: {\n        background: \"#f6e6ee\",\n        foreground: \"#5b5b5b\",\n        card: \"#fdedc9\",\n        \"card-foreground\": \"#5b5b5b\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#5b5b5b\",\n        primary: \"#d04f99\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#8acfd1\",\n        \"secondary-foreground\": \"#333333\",\n        muted: \"#b2e1eb\",\n        \"muted-foreground\": \"#7a7a7a\",\n        accent: \"#fbe2a7\",\n        \"accent-foreground\": \"#333333\",\n        destructive: \"#f96f70\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d04f99\",\n        input: \"#e4e4e4\",\n        ring: \"#e670ab\",\n        \"chart-1\": \"#e670ab\",\n        \"chart-2\": \"#84d2e2\",\n        \"chart-3\": \"#fbe2a7\",\n        \"chart-4\": \"#f3a0ca\",\n        \"chart-5\": \"#d7488e\",\n        sidebar: \"#f8d8ea\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#ec4899\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#f9a8d4\",\n        \"sidebar-accent-foreground\": \"#333333\",\n        \"sidebar-border\": \"#f3e8ff\",\n        \"sidebar-ring\": \"#ec4899\",\n        \"font-sans\": \"Poppins, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(325.78 58.18% 56.86% / 0.5)\",\n        \"shadow-opacity\": \"1.0\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"3px\",\n        \"shadow-offset-y\": \"3px\",\n      },\n      dark: {\n        background: \"#12242e\",\n        foreground: \"#f3e3ea\",\n        card: \"#1c2e38\",\n        \"card-foreground\": \"#f3e3ea\",\n        popover: \"#1c2e38\",\n        \"popover-foreground\": \"#f3e3ea\",\n        primary: \"#fbe2a7\",\n        \"primary-foreground\": \"#12242e\",\n        secondary: \"#e4a2b1\",\n        \"secondary-foreground\": \"#12242e\",\n        muted: \"#24272b\",\n        \"muted-foreground\": \"#e4a2b1\",\n        accent: \"#c67b96\",\n        \"accent-foreground\": \"#f3e3ea\",\n        destructive: \"#e35ea4\",\n        \"destructive-foreground\": \"#12242e\",\n        border: \"#324859\",\n        input: \"#20333d\",\n        ring: \"#50afb6\",\n        \"chart-1\": \"#50afb6\",\n        \"chart-2\": \"#e4a2b1\",\n        \"chart-3\": \"#c67b96\",\n        \"chart-4\": \"#175c6c\",\n        \"chart-5\": \"#24272b\",\n        sidebar: \"#101f28\",\n        \"sidebar-foreground\": \"#f3f4f6\",\n        \"sidebar-primary\": \"#ec4899\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#f9a8d4\",\n        \"sidebar-accent-foreground\": \"#1f2937\",\n        \"sidebar-border\": \"#374151\",\n        \"sidebar-ring\": \"#ec4899\",\n        \"font-sans\": \"Poppins, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"#324859\",\n      },\n    },\n    radius: \"0.4rem\",\n    font: {\n      value: \"poppins\",\n      fontFamily: '\"Poppins\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"amethyst-haze\",\n    label: \"Amethyst Haze\",\n    colors: {\n      light: {\n        background: \"#f8f7fa\",\n        foreground: \"#3d3c4f\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#3d3c4f\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#3d3c4f\",\n        primary: \"#8a79ab\",\n        \"primary-foreground\": \"#f8f7fa\",\n        secondary: \"#dfd9ec\",\n        \"secondary-foreground\": \"#3d3c4f\",\n        muted: \"#dcd9e3\",\n        \"muted-foreground\": \"#6b6880\",\n        accent: \"#e6a5b8\",\n        \"accent-foreground\": \"#4b2e36\",\n        destructive: \"#d95c5c\",\n        \"destructive-foreground\": \"#f8f7fa\",\n        border: \"#cec9d9\",\n        input: \"#eae7f0\",\n        ring: \"#8a79ab\",\n        \"chart-1\": \"#8a79ab\",\n        \"chart-2\": \"#e6a5b8\",\n        \"chart-3\": \"#77b8a1\",\n        \"chart-4\": \"#f0c88d\",\n        \"chart-5\": \"#a0bbe3\",\n        sidebar: \"#f1eff5\",\n        \"sidebar-foreground\": \"#3d3c4f\",\n        \"sidebar-primary\": \"#8a79ab\",\n        \"sidebar-primary-foreground\": \"#f8f7fa\",\n        \"sidebar-accent\": \"#e6a5b8\",\n        \"sidebar-accent-foreground\": \"#4b2e36\",\n        \"sidebar-border\": \"#d7d2e0\",\n        \"sidebar-ring\": \"#8a79ab\",\n        \"font-sans\": \"Geist, sans-serif\",\n        \"font-serif\": '\"Lora\", Georgia, serif',\n        \"font-mono\": '\"Fira Code\", \"Courier New\", monospace',\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.06\",\n        \"shadow-blur\": \"5px\",\n        \"shadow-spread\": \"1px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"2px\",\n        \"letter-spacing\": \"0em\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#1a1823\",\n        foreground: \"#e0ddef\",\n        card: \"#232030\",\n        \"card-foreground\": \"#e0ddef\",\n        popover: \"#232030\",\n        \"popover-foreground\": \"#e0ddef\",\n        primary: \"#a995c9\",\n        \"primary-foreground\": \"#1a1823\",\n        secondary: \"#5a5370\",\n        \"secondary-foreground\": \"#e0ddef\",\n        muted: \"#242031\",\n        \"muted-foreground\": \"#a09aad\",\n        accent: \"#372e3f\",\n        \"accent-foreground\": \"#f2b8c6\",\n        destructive: \"#e57373\",\n        \"destructive-foreground\": \"#1a1823\",\n        border: \"#302c40\",\n        input: \"#2a273a\",\n        ring: \"#a995c9\",\n        \"chart-1\": \"#a995c9\",\n        \"chart-2\": \"#f2b8c6\",\n        \"chart-3\": \"#77b8a1\",\n        \"chart-4\": \"#f0c88d\",\n        \"chart-5\": \"#a0bbe3\",\n        sidebar: \"#16141e\",\n        \"sidebar-foreground\": \"#e0ddef\",\n        \"sidebar-primary\": \"#a995c9\",\n        \"sidebar-primary-foreground\": \"#1a1823\",\n        \"sidebar-accent\": \"#372e3f\",\n        \"sidebar-accent-foreground\": \"#f2b8c6\",\n        \"sidebar-border\": \"#2a273a\",\n        \"sidebar-ring\": \"#a995c9\",\n      },\n    },\n    radius: \"0.5rem\",\n  },\n  {\n    name: \"notebook\",\n    label: \"Notebook\",\n    colors: {\n      light: {\n        background: \"#f9f9f9\",\n        foreground: \"#3a3a3a\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#3a3a3a\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#3a3a3a\",\n        primary: \"#606060\",\n        \"primary-foreground\": \"#f0f0f0\",\n        secondary: \"#dedede\",\n        \"secondary-foreground\": \"#3a3a3a\",\n        muted: \"#e3e3e3\",\n        \"muted-foreground\": \"#505050\",\n        accent: \"#f3eac8\",\n        \"accent-foreground\": \"#5d4037\",\n        destructive: \"#c87a7a\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#747272\",\n        input: \"#ffffff\",\n        ring: \"#a0a0a0\",\n        \"chart-1\": \"#333333\",\n        \"chart-2\": \"#555555\",\n        \"chart-3\": \"#777777\",\n        \"chart-4\": \"#999999\",\n        \"chart-5\": \"#bbbbbb\",\n        sidebar: \"#f0f0f0\",\n        \"sidebar-foreground\": \"#3a3a3a\",\n        \"sidebar-primary\": \"#606060\",\n        \"sidebar-primary-foreground\": \"#f0f0f0\",\n        \"sidebar-accent\": \"#f3eac8\",\n        \"sidebar-accent-foreground\": \"#5d4037\",\n        \"sidebar-border\": \"#c0c0c0\",\n        \"sidebar-ring\": \"#a0a0a0\",\n        \"font-sans\": \"Architects Daughter, sans-serif\",\n        \"font-serif\": '\"Times New Roman\", Times, serif',\n        \"font-mono\": '\"Courier New\", Courier, monospace',\n        \"shadow-color\": \"#000000\",\n        \"shadow-opacity\": \"0.03\",\n        \"shadow-blur\": \"5px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"4px\",\n        \"letter-spacing\": \"0.5px\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#2b2b2b\",\n        foreground: \"#dcdcdc\",\n        card: \"#333333\",\n        \"card-foreground\": \"#dcdcdc\",\n        popover: \"#333333\",\n        \"popover-foreground\": \"#dcdcdc\",\n        primary: \"#b0b0b0\",\n        \"primary-foreground\": \"#2b2b2b\",\n        secondary: \"#5a5a5a\",\n        \"secondary-foreground\": \"#c0c0c0\",\n        muted: \"#454545\",\n        \"muted-foreground\": \"#a0a0a0\",\n        accent: \"#e0e0e0\",\n        \"accent-foreground\": \"#333333\",\n        destructive: \"#d9afaf\",\n        \"destructive-foreground\": \"#2b2b2b\",\n        border: \"#4f4f4f\",\n        input: \"#333333\",\n        ring: \"#c0c0c0\",\n        \"chart-1\": \"#efefef\",\n        \"chart-2\": \"#d0d0d0\",\n        \"chart-3\": \"#b0b0b0\",\n        \"chart-4\": \"#909090\",\n        \"chart-5\": \"#707070\",\n        sidebar: \"#212121\",\n        \"sidebar-foreground\": \"#dcdcdc\",\n        \"sidebar-primary\": \"#b0b0b0\",\n        \"sidebar-primary-foreground\": \"#212121\",\n        \"sidebar-accent\": \"#e0e0e0\",\n        \"sidebar-accent-foreground\": \"#333333\",\n        \"sidebar-border\": \"#4f4f4f\",\n        \"sidebar-ring\": \"#c0c0c0\",\n        \"font-sans\": \"Architects Daughter, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": '\"Fira Code\", \"Courier New\", monospace',\n        \"shadow-color\": \"#000000\",\n        \"shadow-opacity\": \"0.03\",\n        \"shadow-blur\": \"5px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"4px\",\n        \"letter-spacing\": \"0.5px\",\n        spacing: \"0.25rem\",\n      },\n    },\n    radius: \"0.625rem\",\n    font: {\n      value: \"architects-daughter\",\n      fontFamily: '\"Architects Daughter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap\",\n    },\n  },\n  {\n    name: \"doom-64\",\n    label: \"Doom 64\",\n    colors: {\n      light: {\n        background: \"#cccccc\",\n        foreground: \"#1f1f1f\",\n        card: \"#b0b0b0\",\n        \"card-foreground\": \"#1f1f1f\",\n        popover: \"#b0b0b0\",\n        \"popover-foreground\": \"#1f1f1f\",\n        primary: \"#b71c1c\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#556b2f\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#b8b8b8\",\n        \"muted-foreground\": \"#4a4a4a\",\n        accent: \"#4682b4\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#ff6f00\",\n        \"destructive-foreground\": \"#000000\",\n        border: \"#505050\",\n        input: \"#505050\",\n        ring: \"#b71c1c\",\n        \"chart-1\": \"#b71c1c\",\n        \"chart-2\": \"#556b2f\",\n        \"chart-3\": \"#4682b4\",\n        \"chart-4\": \"#ff6f00\",\n        \"chart-5\": \"#8d6e63\",\n        sidebar: \"#b0b0b0\",\n        \"sidebar-foreground\": \"#1f1f1f\",\n        \"sidebar-primary\": \"#b71c1c\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#4682b4\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#505050\",\n        \"sidebar-ring\": \"#b71c1c\",\n        \"font-sans\": '\"Oxanium\", sans-serif',\n        \"font-serif\":\n          'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n        \"font-mono\": '\"Source Code Pro\", monospace',\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.4\",\n        \"shadow-blur\": \"4px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n        \"letter-spacing\": \"0em\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#1a1a1a\",\n        foreground: \"#e0e0e0\",\n        card: \"#2a2a2a\",\n        \"card-foreground\": \"#e0e0e0\",\n        popover: \"#2a2a2a\",\n        \"popover-foreground\": \"#e0e0e0\",\n        primary: \"#e53935\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#689f38\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#252525\",\n        \"muted-foreground\": \"#a0a0a0\",\n        accent: \"#64b5f6\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#ffa000\",\n        \"destructive-foreground\": \"#000000\",\n        border: \"#4a4a4a\",\n        input: \"#4a4a4a\",\n        ring: \"#e53935\",\n        \"chart-1\": \"#e53935\",\n        \"chart-2\": \"#689f38\",\n        \"chart-3\": \"#64b5f6\",\n        \"chart-4\": \"#ffa000\",\n        \"chart-5\": \"#a1887f\",\n        sidebar: \"#141414\",\n        \"sidebar-foreground\": \"#e0e0e0\",\n        \"sidebar-primary\": \"#e53935\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#64b5f6\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#4a4a4a\",\n        \"sidebar-ring\": \"#e53935\",\n        \"font-sans\": '\"Oxanium\", sans-serif',\n        \"font-serif\":\n          'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n        \"font-mono\": '\"Source Code Pro\", monospace',\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.6\",\n        \"shadow-blur\": \"5px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n        \"letter-spacing\": \"0em\",\n        spacing: \"0.25rem\",\n      },\n    },\n    radius: \"0px\",\n    font: {\n      value: \"oxanium\",\n      fontFamily: '\"Oxanium\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"catppuccin\",\n    label: \"Catppuccin\",\n    colors: {\n      light: {\n        background: \"#eff1f5\",\n        foreground: \"#4c4f69\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#4c4f69\",\n        popover: \"#ccd0da\",\n        \"popover-foreground\": \"#4c4f69\",\n        primary: \"#8839ef\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ccd0da\",\n        \"secondary-foreground\": \"#4c4f69\",\n        muted: \"#dce0e8\",\n        \"muted-foreground\": \"#6c6f85\",\n        accent: \"#04a5e5\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#d20f39\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#bcc0cc\",\n        input: \"#ccd0da\",\n        ring: \"#8839ef\",\n        \"chart-1\": \"#8839ef\",\n        \"chart-2\": \"#04a5e5\",\n        \"chart-3\": \"#40a02b\",\n        \"chart-4\": \"#fe640b\",\n        \"chart-5\": \"#dc8a78\",\n        sidebar: \"#e6e9ef\",\n        \"sidebar-foreground\": \"#4c4f69\",\n        \"sidebar-primary\": \"#8839ef\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#04a5e5\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#bcc0cc\",\n        \"sidebar-ring\": \"#8839ef\",\n        \"font-sans\": \"Montserrat, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(240 30% 25%)\",\n        \"shadow-opacity\": \"0.12\",\n        \"shadow-blur\": \"6px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#181825\",\n        foreground: \"#cdd6f4\",\n        card: \"#1e1e2e\",\n        \"card-foreground\": \"#cdd6f4\",\n        popover: \"#45475a\",\n        \"popover-foreground\": \"#cdd6f4\",\n        primary: \"#cba6f7\",\n        \"primary-foreground\": \"#1e1e2e\",\n        secondary: \"#585b70\",\n        \"secondary-foreground\": \"#cdd6f4\",\n        muted: \"#292c3c\",\n        \"muted-foreground\": \"#a6adc8\",\n        accent: \"#89dceb\",\n        \"accent-foreground\": \"#1e1e2e\",\n        destructive: \"#f38ba8\",\n        \"destructive-foreground\": \"#1e1e2e\",\n        border: \"#313244\",\n        input: \"#313244\",\n        ring: \"#cba6f7\",\n        \"chart-1\": \"#cba6f7\",\n        \"chart-2\": \"#89dceb\",\n        \"chart-3\": \"#a6e3a1\",\n        \"chart-4\": \"#fab387\",\n        \"chart-5\": \"#f5e0dc\",\n        sidebar: \"#11111b\",\n        \"sidebar-foreground\": \"#cdd6f4\",\n        \"sidebar-primary\": \"#cba6f7\",\n        \"sidebar-primary-foreground\": \"#1e1e2e\",\n        \"sidebar-accent\": \"#89dceb\",\n        \"sidebar-accent-foreground\": \"#1e1e2e\",\n        \"sidebar-border\": \"#45475a\",\n        \"sidebar-ring\": \"#cba6f7\",\n      },\n    },\n    radius: \"0.35rem\",\n    font: {\n      value: \"montserrat\",\n      fontFamily: '\"Montserrat\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"graphite\",\n    label: \"Graphite\",\n    colors: {\n      light: {\n        background: \"#f0f0f0\",\n        foreground: \"#333333\",\n        card: \"#f5f5f5\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#f5f5f5\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#606060\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e0e0e0\",\n        \"secondary-foreground\": \"#333333\",\n        muted: \"#d9d9d9\",\n        \"muted-foreground\": \"#666666\",\n        accent: \"#c0c0c0\",\n        \"accent-foreground\": \"#333333\",\n        destructive: \"#cc3333\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d0d0d0\",\n        input: \"#e0e0e0\",\n        ring: \"#606060\",\n        \"chart-1\": \"#606060\",\n        \"chart-2\": \"#476666\",\n        \"chart-3\": \"#909090\",\n        \"chart-4\": \"#a8a8a8\",\n        \"chart-5\": \"#c0c0c0\",\n        sidebar: \"#eaeaea\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#606060\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#c0c0c0\",\n        \"sidebar-accent-foreground\": \"#333333\",\n        \"sidebar-border\": \"#d0d0d0\",\n        \"sidebar-ring\": \"#606060\",\n        \"font-sans\": \"Montserrat, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(0 0% 20% / 0.1)\",\n        \"shadow-opacity\": \"0.15\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#1a1a1a\",\n        foreground: \"#d9d9d9\",\n        card: \"#202020\",\n        \"card-foreground\": \"#d9d9d9\",\n        popover: \"#202020\",\n        \"popover-foreground\": \"#d9d9d9\",\n        primary: \"#a0a0a0\",\n        \"primary-foreground\": \"#1a1a1a\",\n        secondary: \"#303030\",\n        \"secondary-foreground\": \"#d9d9d9\",\n        muted: \"#2a2a2a\",\n        \"muted-foreground\": \"#808080\",\n        accent: \"#404040\",\n        \"accent-foreground\": \"#d9d9d9\",\n        destructive: \"#e06666\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#353535\",\n        input: \"#303030\",\n        ring: \"#a0a0a0\",\n        \"chart-1\": \"#a0a0a0\",\n        \"chart-2\": \"#7e9ca0\",\n        \"chart-3\": \"#707070\",\n        \"chart-4\": \"#585858\",\n        \"chart-5\": \"#404040\",\n        sidebar: \"#1f1f1f\",\n        \"sidebar-foreground\": \"#d9d9d9\",\n        \"sidebar-primary\": \"#a0a0a0\",\n        \"sidebar-primary-foreground\": \"#1a1a1a\",\n        \"sidebar-accent\": \"#404040\",\n        \"sidebar-accent-foreground\": \"#d9d9d9\",\n        \"sidebar-border\": \"#353535\",\n        \"sidebar-ring\": \"#a0a0a0\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n      },\n    },\n    radius: \"0.35rem\",\n    font: {\n      value: \"montserrat\",\n      fontFamily: '\"Montserrat\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"perpetuity\",\n    label: \"Perpetuity\",\n    colors: {\n      light: {\n        background: \"#e8f0f0\",\n        foreground: \"#0a4a55\",\n        card: \"#f2f7f7\",\n        \"card-foreground\": \"#0a4a55\",\n        popover: \"#f2f7f7\",\n        \"popover-foreground\": \"#0a4a55\",\n        primary: \"#06858e\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#d9eaea\",\n        \"secondary-foreground\": \"#0a4a55\",\n        muted: \"#e0eaea\",\n        \"muted-foreground\": \"#427a7e\",\n        accent: \"#c9e5e7\",\n        \"accent-foreground\": \"#0a4a55\",\n        destructive: \"#d13838\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#cde0e2\",\n        input: \"#d9eaea\",\n        ring: \"#06858e\",\n        \"chart-1\": \"#06858e\",\n        \"chart-2\": \"#1e9ea6\",\n        \"chart-3\": \"#37b6be\",\n        \"chart-4\": \"#5dc7ce\",\n        \"chart-5\": \"#8ad8dd\",\n        sidebar: \"#daebed\",\n        \"sidebar-foreground\": \"#0a4a55\",\n        \"sidebar-primary\": \"#06858e\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#c9e5e7\",\n        \"sidebar-accent-foreground\": \"#0a4a55\",\n        \"sidebar-border\": \"#cde0e2\",\n        \"sidebar-ring\": \"#06858e\",\n        \"font-sans\": \"Courier New, monospace\",\n        \"font-serif\": \"Courier New, monospace\",\n        \"font-mono\": \"Courier New, monospace\",\n        \"shadow-color\": \"hsl(185 70% 30% / 0.15)\",\n        \"shadow-opacity\": \"0.15\",\n        \"shadow-blur\": \"2px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"1px\",\n      },\n      dark: {\n        background: \"#0a1a20\",\n        foreground: \"#4de8e8\",\n        card: \"#0c2025\",\n        \"card-foreground\": \"#4de8e8\",\n        popover: \"#0c2025\",\n        \"popover-foreground\": \"#4de8e8\",\n        primary: \"#4de8e8\",\n        \"primary-foreground\": \"#0a1a20\",\n        secondary: \"#164955\",\n        \"secondary-foreground\": \"#4de8e8\",\n        muted: \"#0f3039\",\n        \"muted-foreground\": \"#36a5a5\",\n        accent: \"#164955\",\n        \"accent-foreground\": \"#4de8e8\",\n        destructive: \"#e83c3c\",\n        \"destructive-foreground\": \"#f2f2f2\",\n        border: \"#164955\",\n        input: \"#164955\",\n        ring: \"#4de8e8\",\n        \"chart-1\": \"#4de8e8\",\n        \"chart-2\": \"#36a5a5\",\n        \"chart-3\": \"#2d8a8a\",\n        \"chart-4\": \"#19595e\",\n        \"chart-5\": \"#0e383c\",\n        sidebar: \"#0a1a20\",\n        \"sidebar-foreground\": \"#4de8e8\",\n        \"sidebar-primary\": \"#4de8e8\",\n        \"sidebar-primary-foreground\": \"#0a1a20\",\n        \"sidebar-accent\": \"#164955\",\n        \"sidebar-accent-foreground\": \"#4de8e8\",\n        \"sidebar-border\": \"#164955\",\n        \"sidebar-ring\": \"#4de8e8\",\n        \"font-sans\": \"Source Code Pro, monospace\",\n        \"font-serif\": \"Source Code Pro, monospace\",\n        \"font-mono\": \"Source Code Pro, monospace\",\n        \"shadow-color\": \"hsl(180 70% 60% / 0.2)\",\n        \"shadow-opacity\": \"0.2\",\n        \"shadow-blur\": \"2px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"1px\",\n      },\n    },\n    radius: \"0.125rem\",\n  },\n  {\n    name: \"kodama-grove\",\n    label: \"Kodama Grove\",\n    colors: {\n      light: {\n        background: \"#e4d7b0\",\n        foreground: \"#5c4b3e\",\n        card: \"#e7dbbf\",\n        \"card-foreground\": \"#5c4b3e\",\n        popover: \"#f3ead2\",\n        \"popover-foreground\": \"#5c4b3e\",\n        primary: \"#8d9d4f\",\n        \"primary-foreground\": \"#fdfbf6\",\n        secondary: \"#decea0\",\n        \"secondary-foreground\": \"#5c4b3e\",\n        muted: \"#decea0\",\n        \"muted-foreground\": \"#85766a\",\n        accent: \"#dbc894\",\n        \"accent-foreground\": \"#5c4b3e\",\n        destructive: \"#d98b7e\",\n        \"destructive-foreground\": \"#faf8f2\",\n        border: \"#b19681\",\n        input: \"#dbc894\",\n        ring: \"#9db18c\",\n        \"chart-1\": \"#9db18c\",\n        \"chart-2\": \"#8a9f7b\",\n        \"chart-3\": \"#bac9b4\",\n        \"chart-4\": \"#71856a\",\n        \"chart-5\": \"#5e6e58\",\n        sidebar: \"#e2d1a2\",\n        \"sidebar-foreground\": \"#5c4b3e\",\n        \"sidebar-primary\": \"#9db18c\",\n        \"sidebar-primary-foreground\": \"#fdfbf6\",\n        \"sidebar-accent\": \"#eae5d9\",\n        \"sidebar-accent-foreground\": \"#5c4b3e\",\n        \"sidebar-border\": \"#e5e0d4\",\n        \"sidebar-ring\": \"#9db18c\",\n        \"font-sans\": \"Merriweather, serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"hsl(88 22% 35% / 0.15)\",\n        \"shadow-opacity\": \"0.15\",\n        \"shadow-blur\": \"2px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"3px\",\n        \"shadow-offset-y\": \"3px\",\n      },\n      dark: {\n        background: \"#3a3529\",\n        foreground: \"#ede4d4\",\n        card: \"#413c33\",\n        \"card-foreground\": \"#ede4d4\",\n        popover: \"#413c33\",\n        \"popover-foreground\": \"#ede4d4\",\n        primary: \"#8a9f7b\",\n        \"primary-foreground\": \"#2a2521\",\n        secondary: \"#5a5345\",\n        \"secondary-foreground\": \"#ede4d4\",\n        muted: \"#4a4439\",\n        \"muted-foreground\": \"#a8a096\",\n        accent: \"#a18f5c\",\n        \"accent-foreground\": \"#2a2521\",\n        destructive: \"#b5766a\",\n        \"destructive-foreground\": \"#f0e9db\",\n        border: \"#5a5345\",\n        input: \"#5a5345\",\n        ring: \"#8a9f7b\",\n        \"chart-1\": \"#8a9f7b\",\n        \"chart-2\": \"#9db18c\",\n        \"chart-3\": \"#71856a\",\n        \"chart-4\": \"#a18f5c\",\n        \"chart-5\": \"#5e6e58\",\n        sidebar: \"#3a3529\",\n        \"sidebar-foreground\": \"#ede4d4\",\n        \"sidebar-primary\": \"#8a9f7b\",\n        \"sidebar-primary-foreground\": \"#2a2521\",\n        \"sidebar-accent\": \"#a18f5c\",\n        \"sidebar-accent-foreground\": \"#2a2521\",\n        \"sidebar-border\": \"#5a5345\",\n        \"sidebar-ring\": \"#8a9f7b\",\n      },\n    },\n    radius: \"0.425rem\",\n    font: {\n      value: \"merriweather\",\n      fontFamily: '\"Merriweather\", serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap\",\n    },\n  },\n  {\n    name: \"cosmic-night\",\n    label: \"Cosmic Night\",\n    colors: {\n      light: {\n        background: \"#f5f5ff\",\n        foreground: \"#2a2a4a\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#2a2a4a\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#2a2a4a\",\n        primary: \"#6e56cf\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e4dfff\",\n        \"secondary-foreground\": \"#4a4080\",\n        muted: \"#f0f0fa\",\n        \"muted-foreground\": \"#6c6c8a\",\n        accent: \"#d8e6ff\",\n        \"accent-foreground\": \"#2a2a4a\",\n        destructive: \"#ff5470\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e0e0f0\",\n        input: \"#e0e0f0\",\n        ring: \"#6e56cf\",\n        \"chart-1\": \"#6e56cf\",\n        \"chart-2\": \"#9e8cfc\",\n        \"chart-3\": \"#5d5fef\",\n        \"chart-4\": \"#7c75fa\",\n        \"chart-5\": \"#4740b3\",\n        sidebar: \"#f0f0fa\",\n        \"sidebar-foreground\": \"#2a2a4a\",\n        \"sidebar-primary\": \"#6e56cf\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#d8e6ff\",\n        \"sidebar-accent-foreground\": \"#2a2a4a\",\n        \"sidebar-border\": \"#e0e0f0\",\n        \"sidebar-ring\": \"#6e56cf\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Georgia, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"hsl(240 30% 25%)\",\n        \"shadow-opacity\": \"0.12\",\n        \"shadow-blur\": \"10px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#0f0f1a\",\n        foreground: \"#e2e2f5\",\n        card: \"#1a1a2e\",\n        \"card-foreground\": \"#e2e2f5\",\n        popover: \"#1a1a2e\",\n        \"popover-foreground\": \"#e2e2f5\",\n        primary: \"#a48fff\",\n        \"primary-foreground\": \"#0f0f1a\",\n        secondary: \"#2d2b55\",\n        \"secondary-foreground\": \"#c4c2ff\",\n        muted: \"#222244\",\n        \"muted-foreground\": \"#a0a0c0\",\n        accent: \"#303060\",\n        \"accent-foreground\": \"#e2e2f5\",\n        destructive: \"#ff5470\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#303052\",\n        input: \"#303052\",\n        ring: \"#a48fff\",\n        \"chart-1\": \"#a48fff\",\n        \"chart-2\": \"#7986cb\",\n        \"chart-3\": \"#64b5f6\",\n        \"chart-4\": \"#4db6ac\",\n        \"chart-5\": \"#ff79c6\",\n        sidebar: \"#1a1a2e\",\n        \"sidebar-foreground\": \"#e2e2f5\",\n        \"sidebar-primary\": \"#a48fff\",\n        \"sidebar-primary-foreground\": \"#0f0f1a\",\n        \"sidebar-accent\": \"#303060\",\n        \"sidebar-accent-foreground\": \"#e2e2f5\",\n        \"sidebar-border\": \"#303052\",\n        \"sidebar-ring\": \"#a48fff\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"tangerine\",\n    label: \"Tangerine\",\n    colors: {\n      light: {\n        background: \"#e8ebed\",\n        foreground: \"#333333\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#e05d38\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f3f4f6\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#f9fafb\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#d6e4f0\",\n        \"accent-foreground\": \"#1e3a8a\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#dcdfe2\",\n        input: \"#f4f5f7\",\n        ring: \"#e05d38\",\n        \"chart-1\": \"#86a7c8\",\n        \"chart-2\": \"#eea591\",\n        \"chart-3\": \"#5a7ca6\",\n        \"chart-4\": \"#466494\",\n        \"chart-5\": \"#334c82\",\n        sidebar: \"#dddfe2\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#e05d38\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#d6e4f0\",\n        \"sidebar-accent-foreground\": \"#1e3a8a\",\n        \"sidebar-border\": \"#e5e7eb\",\n        \"sidebar-ring\": \"#e05d38\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"3px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"1px\",\n      },\n      dark: {\n        background: \"#1c2433\",\n        foreground: \"#e5e5e5\",\n        card: \"#2a3040\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#262b38\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#e05d38\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#2a303e\",\n        \"secondary-foreground\": \"#e5e5e5\",\n        muted: \"#2a303e\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#2a3656\",\n        \"accent-foreground\": \"#bfdbfe\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#3d4354\",\n        input: \"#3d4354\",\n        ring: \"#e05d38\",\n        \"chart-1\": \"#86a7c8\",\n        \"chart-2\": \"#e6a08f\",\n        \"chart-3\": \"#5a7ca6\",\n        \"chart-4\": \"#466494\",\n        \"chart-5\": \"#334c82\",\n        sidebar: \"#2a303f\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#e05d38\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#2a3656\",\n        \"sidebar-accent-foreground\": \"#bfdbfe\",\n        \"sidebar-border\": \"#3d4354\",\n        \"sidebar-ring\": \"#e05d38\",\n      },\n    },\n    radius: \"0.75rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"quantum-rose\",\n    label: \"Quantum Rose\",\n    colors: {\n      light: {\n        background: \"#fff0f8\",\n        foreground: \"#91185c\",\n        card: \"#fff7fc\",\n        \"card-foreground\": \"#91185c\",\n        popover: \"#fff7fc\",\n        \"popover-foreground\": \"#91185c\",\n        primary: \"#e6067a\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ffd6ff\",\n        \"secondary-foreground\": \"#91185c\",\n        muted: \"#ffe3f2\",\n        \"muted-foreground\": \"#c04283\",\n        accent: \"#ffc1e3\",\n        \"accent-foreground\": \"#91185c\",\n        destructive: \"#d13869\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#ffc7e6\",\n        input: \"#ffd6ff\",\n        ring: \"#e6067a\",\n        \"chart-1\": \"#e6067a\",\n        \"chart-2\": \"#c44b97\",\n        \"chart-3\": \"#9969b6\",\n        \"chart-4\": \"#7371bf\",\n        \"chart-5\": \"#5e84ff\",\n        sidebar: \"#ffedf6\",\n        \"sidebar-foreground\": \"#91185c\",\n        \"sidebar-primary\": \"#e6067a\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#ffc1e3\",\n        \"sidebar-accent-foreground\": \"#91185c\",\n        \"sidebar-border\": \"#ffddf0\",\n        \"sidebar-ring\": \"#e6067a\",\n        \"font-sans\": \"Poppins, sans-serif\",\n        \"font-serif\": \"Playfair Display, serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"hsl(330 70% 30% / 0.12)\",\n        \"shadow-opacity\": \"0.18\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"3px\",\n      },\n      dark: {\n        background: \"#1a0922\",\n        foreground: \"#ffb3ff\",\n        card: \"#2a1435\",\n        \"card-foreground\": \"#ffb3ff\",\n        popover: \"#2a1435\",\n        \"popover-foreground\": \"#ffb3ff\",\n        primary: \"#ff6bef\",\n        \"primary-foreground\": \"#180518\",\n        secondary: \"#46204f\",\n        \"secondary-foreground\": \"#ffb3ff\",\n        muted: \"#331941\",\n        \"muted-foreground\": \"#d67ad6\",\n        accent: \"#5a1f5d\",\n        \"accent-foreground\": \"#ffb3ff\",\n        destructive: \"#ff2876\",\n        \"destructive-foreground\": \"#f9f9f9\",\n        border: \"#4a1b5f\",\n        input: \"#46204f\",\n        ring: \"#ff6bef\",\n        \"chart-1\": \"#ff6bef\",\n        \"chart-2\": \"#c359e3\",\n        \"chart-3\": \"#9161ff\",\n        \"chart-4\": \"#6f73e2\",\n        \"chart-5\": \"#547aff\",\n        sidebar: \"#1c0d25\",\n        \"sidebar-foreground\": \"#ffb3ff\",\n        \"sidebar-primary\": \"#ff6bef\",\n        \"sidebar-primary-foreground\": \"#180518\",\n        \"sidebar-accent\": \"#5a1f5d\",\n        \"sidebar-accent-foreground\": \"#ffb3ff\",\n        \"sidebar-border\": \"#4a1b5f\",\n        \"sidebar-ring\": \"#ff6bef\",\n        \"font-sans\": \"Quicksand, sans-serif\",\n        \"font-serif\": \"Playfair Display, serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"hsl(300 80% 50% / 0.25)\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"poppins\",\n      fontFamily: '\"Poppins\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"nature\",\n    label: \"Nature\",\n    colors: {\n      light: {\n        background: \"#f8f5f0\",\n        foreground: \"#3e2723\",\n        card: \"#f8f5f0\",\n        \"card-foreground\": \"#3e2723\",\n        popover: \"#f8f5f0\",\n        \"popover-foreground\": \"#3e2723\",\n        primary: \"#2e7d32\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e8f5e9\",\n        \"secondary-foreground\": \"#1b5e20\",\n        muted: \"#f0e9e0\",\n        \"muted-foreground\": \"#6d4c41\",\n        accent: \"#c8e6c9\",\n        \"accent-foreground\": \"#1b5e20\",\n        destructive: \"#c62828\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e0d6c9\",\n        input: \"#e0d6c9\",\n        ring: \"#2e7d32\",\n        \"chart-1\": \"#4caf50\",\n        \"chart-2\": \"#388e3c\",\n        \"chart-3\": \"#2e7d32\",\n        \"chart-4\": \"#1b5e20\",\n        \"chart-5\": \"#0a1f0c\",\n        sidebar: \"#f0e9e0\",\n        \"sidebar-foreground\": \"#3e2723\",\n        \"sidebar-primary\": \"#2e7d32\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#c8e6c9\",\n        \"sidebar-accent-foreground\": \"#1b5e20\",\n        \"sidebar-border\": \"#e0d6c9\",\n        \"sidebar-ring\": \"#2e7d32\",\n        \"font-sans\": \"Montserrat, sans-serif\",\n        \"font-serif\": \"Merriweather, serif\",\n        \"font-mono\": \"Source Code Pro, monospace\",\n      },\n      dark: {\n        background: \"#1c2a1f\",\n        foreground: \"#f0ebe5\",\n        card: \"#2d3a2e\",\n        \"card-foreground\": \"#f0ebe5\",\n        popover: \"#2d3a2e\",\n        \"popover-foreground\": \"#f0ebe5\",\n        primary: \"#4caf50\",\n        \"primary-foreground\": \"#0a1f0c\",\n        secondary: \"#3e4a3d\",\n        \"secondary-foreground\": \"#d7e0d6\",\n        muted: \"#252f26\",\n        \"muted-foreground\": \"#d7cfc4\",\n        accent: \"#388e3c\",\n        \"accent-foreground\": \"#f0ebe5\",\n        destructive: \"#c62828\",\n        \"destructive-foreground\": \"#f0ebe5\",\n        border: \"#3e4a3d\",\n        input: \"#3e4a3d\",\n        ring: \"#4caf50\",\n        \"chart-1\": \"#81c784\",\n        \"chart-2\": \"#66bb6a\",\n        \"chart-3\": \"#4caf50\",\n        \"chart-4\": \"#43a047\",\n        \"chart-5\": \"#388e3c\",\n        sidebar: \"#1c2a1f\",\n        \"sidebar-foreground\": \"#f0ebe5\",\n        \"sidebar-primary\": \"#4caf50\",\n        \"sidebar-primary-foreground\": \"#0a1f0c\",\n        \"sidebar-accent\": \"#388e3c\",\n        \"sidebar-accent-foreground\": \"#f0ebe5\",\n        \"sidebar-border\": \"#3e4a3d\",\n        \"sidebar-ring\": \"#4caf50\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"montserrat\",\n      fontFamily: '\"Montserrat\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"bold-tech\",\n    label: \"Bold Tech\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#312e81\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#312e81\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#312e81\",\n        primary: \"#8b5cf6\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f3f0ff\",\n        \"secondary-foreground\": \"#4338ca\",\n        muted: \"#f5f3ff\",\n        \"muted-foreground\": \"#7c3aed\",\n        accent: \"#dbeafe\",\n        \"accent-foreground\": \"#1e40af\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e0e7ff\",\n        input: \"#e0e7ff\",\n        ring: \"#8b5cf6\",\n        \"chart-1\": \"#8b5cf6\",\n        \"chart-2\": \"#7c3aed\",\n        \"chart-3\": \"#6d28d9\",\n        \"chart-4\": \"#5b21b6\",\n        \"chart-5\": \"#4c1d95\",\n        sidebar: \"#f5f3ff\",\n        \"sidebar-foreground\": \"#312e81\",\n        \"sidebar-primary\": \"#8b5cf6\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#dbeafe\",\n        \"sidebar-accent-foreground\": \"#1e40af\",\n        \"sidebar-border\": \"#e0e7ff\",\n        \"sidebar-ring\": \"#8b5cf6\",\n        \"font-sans\": \"Roboto, sans-serif\",\n        \"font-serif\": \"Playfair Display, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(255 86% 66%)\",\n        \"shadow-opacity\": \"0.2\",\n        \"shadow-blur\": \"4px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"2px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#0f172a\",\n        foreground: \"#e0e7ff\",\n        card: \"#1e1b4b\",\n        \"card-foreground\": \"#e0e7ff\",\n        popover: \"#1e1b4b\",\n        \"popover-foreground\": \"#e0e7ff\",\n        primary: \"#8b5cf6\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#1e1b4b\",\n        \"secondary-foreground\": \"#e0e7ff\",\n        muted: \"#171447\",\n        \"muted-foreground\": \"#c4b5fd\",\n        accent: \"#4338ca\",\n        \"accent-foreground\": \"#e0e7ff\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#2e1065\",\n        input: \"#2e1065\",\n        ring: \"#8b5cf6\",\n        \"chart-1\": \"#a78bfa\",\n        \"chart-2\": \"#8b5cf6\",\n        \"chart-3\": \"#7c3aed\",\n        \"chart-4\": \"#6d28d9\",\n        \"chart-5\": \"#5b21b6\",\n        sidebar: \"#0f172a\",\n        \"sidebar-foreground\": \"#e0e7ff\",\n        \"sidebar-primary\": \"#8b5cf6\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#4338ca\",\n        \"sidebar-accent-foreground\": \"#e0e7ff\",\n        \"sidebar-border\": \"#2e1065\",\n        \"sidebar-ring\": \"#8b5cf6\",\n      },\n    },\n    radius: \"0.625rem\",\n    font: {\n      value: \"roboto\",\n      fontFamily: '\"Roboto\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\",\n    },\n  },\n  {\n    name: \"elegant-luxury\",\n    label: \"Elegant Luxury\",\n    colors: {\n      light: {\n        background: \"#faf7f5\",\n        foreground: \"#1a1a1a\",\n        card: \"#faf7f5\",\n        \"card-foreground\": \"#1a1a1a\",\n        popover: \"#faf7f5\",\n        \"popover-foreground\": \"#1a1a1a\",\n        primary: \"#9b2c2c\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#fdf2d6\",\n        \"secondary-foreground\": \"#805500\",\n        muted: \"#f0ebe8\",\n        \"muted-foreground\": \"#57534e\",\n        accent: \"#fef3c7\",\n        \"accent-foreground\": \"#7f1d1d\",\n        destructive: \"#991b1b\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#f5e8d2\",\n        input: \"#f5e8d2\",\n        ring: \"#9b2c2c\",\n        \"chart-1\": \"#b91c1c\",\n        \"chart-2\": \"#9b2c2c\",\n        \"chart-3\": \"#7f1d1d\",\n        \"chart-4\": \"#b45309\",\n        \"chart-5\": \"#92400e\",\n        sidebar: \"#f0ebe8\",\n        \"sidebar-foreground\": \"#1a1a1a\",\n        \"sidebar-primary\": \"#9b2c2c\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#fef3c7\",\n        \"sidebar-accent-foreground\": \"#7f1d1d\",\n        \"sidebar-border\": \"#f5e8d2\",\n        \"sidebar-ring\": \"#9b2c2c\",\n        \"font-sans\": \"Poppins, sans-serif\",\n        \"font-serif\": \"Libre Baskerville, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(0 63% 18%)\",\n        \"shadow-opacity\": \"0.12\",\n        \"shadow-blur\": \"16px\",\n        \"shadow-spread\": \"-2px\",\n        \"shadow-offset-x\": \"1px\",\n        \"shadow-offset-y\": \"1px\",\n      },\n      dark: {\n        background: \"#1c1917\",\n        foreground: \"#f5f5f4\",\n        card: \"#292524\",\n        \"card-foreground\": \"#f5f5f4\",\n        popover: \"#292524\",\n        \"popover-foreground\": \"#f5f5f4\",\n        primary: \"#b91c1c\",\n        \"primary-foreground\": \"#faf7f5\",\n        secondary: \"#92400e\",\n        \"secondary-foreground\": \"#fef3c7\",\n        muted: \"#1f1c1a\",\n        \"muted-foreground\": \"#d6d3d1\",\n        accent: \"#b45309\",\n        \"accent-foreground\": \"#fef3c7\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#44403c\",\n        input: \"#44403c\",\n        ring: \"#b91c1c\",\n        \"chart-1\": \"#f87171\",\n        \"chart-2\": \"#ef4444\",\n        \"chart-3\": \"#dc2626\",\n        \"chart-4\": \"#fbbf24\",\n        \"chart-5\": \"#f59e0b\",\n        sidebar: \"#1c1917\",\n        \"sidebar-foreground\": \"#f5f5f4\",\n        \"sidebar-primary\": \"#b91c1c\",\n        \"sidebar-primary-foreground\": \"#faf7f5\",\n        \"sidebar-accent\": \"#b45309\",\n        \"sidebar-accent-foreground\": \"#fef3c7\",\n        \"sidebar-border\": \"#44403c\",\n        \"sidebar-ring\": \"#b91c1c\",\n      },\n    },\n    radius: \"0.375rem\",\n    font: {\n      value: \"poppins\",\n      fontFamily: '\"Poppins\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"amber-minimal\",\n    label: \"Amber Minimal\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#262626\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#262626\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#262626\",\n        primary: \"#f59e0b\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#f3f4f6\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#f9fafb\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#fffbeb\",\n        \"accent-foreground\": \"#92400e\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e5e7eb\",\n        input: \"#e5e7eb\",\n        ring: \"#f59e0b\",\n        \"chart-1\": \"#f59e0b\",\n        \"chart-2\": \"#d97706\",\n        \"chart-3\": \"#b45309\",\n        \"chart-4\": \"#92400e\",\n        \"chart-5\": \"#78350f\",\n        sidebar: \"#f9fafb\",\n        \"sidebar-foreground\": \"#262626\",\n        \"sidebar-primary\": \"#f59e0b\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#fffbeb\",\n        \"sidebar-accent-foreground\": \"#92400e\",\n        \"sidebar-border\": \"#e5e7eb\",\n        \"sidebar-ring\": \"#f59e0b\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"8px\",\n        \"shadow-spread\": \"-1px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n        \"letter-spacing\": \"0em\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#171717\",\n        foreground: \"#e5e5e5\",\n        card: \"#262626\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#262626\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#f59e0b\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#262626\",\n        \"secondary-foreground\": \"#e5e5e5\",\n        muted: \"#1f1f1f\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#92400e\",\n        \"accent-foreground\": \"#fde68a\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#404040\",\n        input: \"#404040\",\n        ring: \"#f59e0b\",\n        \"chart-1\": \"#fbbf24\",\n        \"chart-2\": \"#d97706\",\n        \"chart-3\": \"#92400e\",\n        \"chart-4\": \"#b45309\",\n        \"chart-5\": \"#92400e\",\n        sidebar: \"#0f0f0f\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#f59e0b\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#92400e\",\n        \"sidebar-accent-foreground\": \"#fde68a\",\n        \"sidebar-border\": \"#404040\",\n        \"sidebar-ring\": \"#f59e0b\",\n      },\n    },\n    radius: \"0.375rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"neo-brutalism\",\n    label: \"Neo Brutalism\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#000000\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#000000\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#000000\",\n        primary: \"#ff3333\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ffff00\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#f0f0f0\",\n        \"muted-foreground\": \"#333333\",\n        accent: \"#0066ff\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#000000\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#000000\",\n        input: \"#000000\",\n        ring: \"#ff3333\",\n        \"chart-1\": \"#ff3333\",\n        \"chart-2\": \"#ffff00\",\n        \"chart-3\": \"#0066ff\",\n        \"chart-4\": \"#00cc00\",\n        \"chart-5\": \"#cc00cc\",\n        sidebar: \"#f0f0f0\",\n        \"sidebar-foreground\": \"#000000\",\n        \"sidebar-primary\": \"#ff3333\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#0066ff\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#000000\",\n        \"sidebar-ring\": \"#ff3333\",\n        \"font-sans\": \"DM Sans, sans-serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"1\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"4px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#000000\",\n        foreground: \"#ffffff\",\n        card: \"#333333\",\n        \"card-foreground\": \"#ffffff\",\n        popover: \"#333333\",\n        \"popover-foreground\": \"#ffffff\",\n        primary: \"#ff6666\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#ffff33\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#1a1a1a\",\n        \"muted-foreground\": \"#cccccc\",\n        accent: \"#3399ff\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#ffffff\",\n        \"destructive-foreground\": \"#000000\",\n        border: \"#ffffff\",\n        input: \"#ffffff\",\n        ring: \"#ff6666\",\n        \"chart-1\": \"#ff6666\",\n        \"chart-2\": \"#ffff33\",\n        \"chart-3\": \"#3399ff\",\n        \"chart-4\": \"#33cc33\",\n        \"chart-5\": \"#cc33cc\",\n        sidebar: \"#000000\",\n        \"sidebar-foreground\": \"#ffffff\",\n        \"sidebar-primary\": \"#ff6666\",\n        \"sidebar-primary-foreground\": \"#000000\",\n        \"sidebar-accent\": \"#3399ff\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#ffffff\",\n        \"sidebar-ring\": \"#ff6666\",\n      },\n    },\n    radius: \"0px\",\n    font: {\n      value: \"dm-sans\",\n      fontFamily: '\"DM Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"solar-dusk\",\n    label: \"Solar Dusk\",\n    colors: {\n      light: {\n        background: \"#FDFBF7\",\n        foreground: \"#4A3B33\",\n        card: \"#F8F4EE\",\n        \"card-foreground\": \"#4A3B33\",\n        popover: \"#F8F4EE\",\n        \"popover-foreground\": \"#4A3B33\",\n        primary: \"#B45309\",\n        \"primary-foreground\": \"#FFFFFF\",\n        secondary: \"#E4C090\",\n        \"secondary-foreground\": \"#57534E\",\n        muted: \"#F1E9DA\",\n        \"muted-foreground\": \"#78716C\",\n        accent: \"#f2daba\",\n        \"accent-foreground\": \"#57534E\",\n        destructive: \"#991B1B\",\n        \"destructive-foreground\": \"#FFFFFF\",\n        border: \"#E4D9BC\",\n        input: \"#E4D9BC\",\n        ring: \"#B45309\",\n        \"chart-1\": \"#B45309\",\n        \"chart-2\": \"#78716C\",\n        \"chart-3\": \"#A16207\",\n        \"chart-4\": \"#78716C\",\n        \"chart-5\": \"#CA8A04\",\n        sidebar: \"#F1E9DA\",\n        \"sidebar-foreground\": \"#4A3B33\",\n        \"sidebar-primary\": \"#B45309\",\n        \"sidebar-primary-foreground\": \"#FFFFFF\",\n        \"sidebar-accent\": \"#A16207\",\n        \"sidebar-accent-foreground\": \"#FFFFFF\",\n        \"sidebar-border\": \"#E4D9BC\",\n        \"sidebar-ring\": \"#B45309\",\n        \"font-sans\": \"Oxanium, sans-serif\",\n        \"font-serif\": \"Merriweather, serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(28 18% 25%)\",\n        \"shadow-opacity\": \"0.18\",\n        \"shadow-blur\": \"3px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#1C1917\",\n        foreground: \"#F5F5F4\",\n        card: \"#292524\",\n        \"card-foreground\": \"#F5F5F4\",\n        popover: \"#292524\",\n        \"popover-foreground\": \"#F5F5F4\",\n        primary: \"#F97316\",\n        \"primary-foreground\": \"#FFFFFF\",\n        secondary: \"#57534E\",\n        \"secondary-foreground\": \"#E7E5E4\",\n        muted: \"#201d1a\",\n        \"muted-foreground\": \"#A8A29E\",\n        accent: \"#1e4252\",\n        \"accent-foreground\": \"#E7E5E4\",\n        destructive: \"#DC2626\",\n        \"destructive-foreground\": \"#FFFFFF\",\n        border: \"#44403C\",\n        input: \"#44403C\",\n        ring: \"#F97316\",\n        \"chart-1\": \"#F97316\",\n        \"chart-2\": \"#0EA5E9\",\n        \"chart-3\": \"#EAB308\",\n        \"chart-4\": \"#A8A29E\",\n        \"chart-5\": \"#78716C\",\n        sidebar: \"#292524\",\n        \"sidebar-foreground\": \"#F5F5F4\",\n        \"sidebar-primary\": \"#F97316\",\n        \"sidebar-primary-foreground\": \"#FFFFFF\",\n        \"sidebar-accent\": \"#0EA5E9\",\n        \"sidebar-accent-foreground\": \"#0C2A4D\",\n        \"sidebar-border\": \"#44403C\",\n        \"sidebar-ring\": \"#F97316\",\n        \"shadow-color\": \"hsl(0 0% 5%)\",\n      },\n    },\n    radius: \"0.3rem\",\n    font: {\n      value: \"oxanium\",\n      fontFamily: '\"Oxanium\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"claymorphism\",\n    label: \"Claymorphism\",\n    colors: {\n      light: {\n        background: \"#e7e5e4\",\n        foreground: \"#1e293b\",\n        card: \"#f5f5f4\",\n        \"card-foreground\": \"#1e293b\",\n        popover: \"#f5f5f4\",\n        \"popover-foreground\": \"#1e293b\",\n        primary: \"#6366f1\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#d6d3d1\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#e7e5e4\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#f3e5f5\",\n        \"accent-foreground\": \"#374151\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d6d3d1\",\n        input: \"#d6d3d1\",\n        ring: \"#6366f1\",\n        \"chart-1\": \"#6366f1\",\n        \"chart-2\": \"#4f46e5\",\n        \"chart-3\": \"#4338ca\",\n        \"chart-4\": \"#3730a3\",\n        \"chart-5\": \"#312e81\",\n        sidebar: \"#d6d3d1\",\n        \"sidebar-foreground\": \"#1e293b\",\n        \"sidebar-primary\": \"#6366f1\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#f3e5f5\",\n        \"sidebar-accent-foreground\": \"#374151\",\n        \"sidebar-border\": \"#d6d3d1\",\n        \"sidebar-ring\": \"#6366f1\",\n        \"font-sans\": \"Plus Jakarta Sans, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"Roboto Mono, monospace\",\n        \"shadow-color\": \"hsl(240 4% 60%)\",\n        \"shadow-opacity\": \"0.18\",\n        \"shadow-blur\": \"10px\",\n        \"shadow-spread\": \"4px\",\n        \"shadow-offset-x\": \"2px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#1e1b18\",\n        foreground: \"#e2e8f0\",\n        card: \"#2c2825\",\n        \"card-foreground\": \"#e2e8f0\",\n        popover: \"#2c2825\",\n        \"popover-foreground\": \"#e2e8f0\",\n        primary: \"#818cf8\",\n        \"primary-foreground\": \"#1e1b18\",\n        secondary: \"#3a3633\",\n        \"secondary-foreground\": \"#d1d5db\",\n        muted: \"#1f1c19\",\n        \"muted-foreground\": \"#9ca3af\",\n        accent: \"#484441\",\n        \"accent-foreground\": \"#d1d5db\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#1e1b18\",\n        border: \"#3a3633\",\n        input: \"#3a3633\",\n        ring: \"#818cf8\",\n        \"chart-1\": \"#818cf8\",\n        \"chart-2\": \"#6366f1\",\n        \"chart-3\": \"#4f46e5\",\n        \"chart-4\": \"#4338ca\",\n        \"chart-5\": \"#3730a3\",\n        sidebar: \"#3a3633\",\n        \"sidebar-foreground\": \"#e2e8f0\",\n        \"sidebar-primary\": \"#818cf8\",\n        \"sidebar-primary-foreground\": \"#1e1b18\",\n        \"sidebar-accent\": \"#484441\",\n        \"sidebar-accent-foreground\": \"#d1d5db\",\n        \"sidebar-border\": \"#3a3633\",\n        \"sidebar-ring\": \"#818cf8\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n      },\n    },\n    radius: \"1.25rem\",\n    font: {\n      value: \"plus-jakarta-sans\",\n      fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"cyberpunk\",\n    label: \"Cyberpunk\",\n    colors: {\n      light: {\n        background: \"#f8f9fa\",\n        foreground: \"#0c0c1d\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#0c0c1d\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#0c0c1d\",\n        primary: \"#ff00c8\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#f0f0ff\",\n        \"secondary-foreground\": \"#0c0c1d\",\n        muted: \"#f0f0ff\",\n        \"muted-foreground\": \"#0c0c1d\",\n        accent: \"#00ffcc\",\n        \"accent-foreground\": \"#0c0c1d\",\n        destructive: \"#ff3d00\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#dfe6e9\",\n        input: \"#dfe6e9\",\n        ring: \"#ff00c8\",\n        \"chart-1\": \"#ff00c8\",\n        \"chart-2\": \"#9000ff\",\n        \"chart-3\": \"#00e5ff\",\n        \"chart-4\": \"#00ffcc\",\n        \"chart-5\": \"#ffe600\",\n        sidebar: \"#f0f0ff\",\n        \"sidebar-foreground\": \"#0c0c1d\",\n        \"sidebar-primary\": \"#ff00c8\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#00ffcc\",\n        \"sidebar-accent-foreground\": \"#0c0c1d\",\n        \"sidebar-border\": \"#dfe6e9\",\n        \"sidebar-ring\": \"#ff00c8\",\n        \"font-sans\": \"Outfit, sans-serif\",\n        \"font-mono\": \"Fira Code, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"8px\",\n        \"shadow-spread\": \"-2px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#0c0c1d\",\n        foreground: \"#eceff4\",\n        card: \"#1e1e3f\",\n        \"card-foreground\": \"#eceff4\",\n        popover: \"#1e1e3f\",\n        \"popover-foreground\": \"#eceff4\",\n        primary: \"#ff00c8\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#1e1e3f\",\n        \"secondary-foreground\": \"#eceff4\",\n        muted: \"#151530\",\n        \"muted-foreground\": \"#8085a6\",\n        accent: \"#00ffcc\",\n        \"accent-foreground\": \"#0c0c1d\",\n        destructive: \"#ff3d00\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#2e2e5e\",\n        input: \"#2e2e5e\",\n        ring: \"#ff00c8\",\n        \"chart-1\": \"#ff00c8\",\n        \"chart-2\": \"#9000ff\",\n        \"chart-3\": \"#00e5ff\",\n        \"chart-4\": \"#00ffcc\",\n        \"chart-5\": \"#ffe600\",\n        sidebar: \"#0c0c1d\",\n        \"sidebar-foreground\": \"#eceff4\",\n        \"sidebar-primary\": \"#ff00c8\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#00ffcc\",\n        \"sidebar-accent-foreground\": \"#0c0c1d\",\n        \"sidebar-border\": \"#2e2e5e\",\n        \"sidebar-ring\": \"#ff00c8\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"outfit\",\n      fontFamily: '\"Outfit\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"pastel-dreams\",\n    label: \"Pastel Dreams\",\n    colors: {\n      light: {\n        background: \"#f7f3f9\",\n        foreground: \"#374151\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#374151\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#374151\",\n        primary: \"#a78bfa\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e9d8fd\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#f3e8ff\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#f3e5f5\",\n        \"accent-foreground\": \"#374151\",\n        destructive: \"#fca5a5\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e9d8fd\",\n        input: \"#e9d8fd\",\n        ring: \"#a78bfa\",\n        \"chart-1\": \"#a78bfa\",\n        \"chart-2\": \"#8b5cf6\",\n        \"chart-3\": \"#7c3aed\",\n        \"chart-4\": \"#6d28d9\",\n        \"chart-5\": \"#5b21b6\",\n        sidebar: \"#e9d8fd\",\n        \"sidebar-foreground\": \"#374151\",\n        \"sidebar-primary\": \"#a78bfa\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#f3e5f5\",\n        \"sidebar-accent-foreground\": \"#374151\",\n        \"sidebar-border\": \"#e9d8fd\",\n        \"sidebar-ring\": \"#a78bfa\",\n        \"font-sans\": \"Open Sans, sans-serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.08\",\n        \"shadow-blur\": \"16px\",\n        \"shadow-spread\": \"-4px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"8px\",\n      },\n      dark: {\n        background: \"#1c1917\",\n        foreground: \"#e0e7ff\",\n        card: \"#2d2535\",\n        \"card-foreground\": \"#e0e7ff\",\n        popover: \"#2d2535\",\n        \"popover-foreground\": \"#e0e7ff\",\n        primary: \"#c0aafd\",\n        \"primary-foreground\": \"#1c1917\",\n        secondary: \"#3f324a\",\n        \"secondary-foreground\": \"#d1d5db\",\n        muted: \"#20182b\",\n        \"muted-foreground\": \"#9ca3af\",\n        accent: \"#4a3d5a\",\n        \"accent-foreground\": \"#d1d5db\",\n        destructive: \"#fca5a5\",\n        \"destructive-foreground\": \"#1c1917\",\n        border: \"#3f324a\",\n        input: \"#3f324a\",\n        ring: \"#c0aafd\",\n        \"chart-1\": \"#c0aafd\",\n        \"chart-2\": \"#a78bfa\",\n        \"chart-3\": \"#8b5cf6\",\n        \"chart-4\": \"#7c3aed\",\n        \"chart-5\": \"#6d28d9\",\n        sidebar: \"#3f324a\",\n        \"sidebar-foreground\": \"#e0e7ff\",\n        \"sidebar-primary\": \"#c0aafd\",\n        \"sidebar-primary-foreground\": \"#1c1917\",\n        \"sidebar-accent\": \"#4a3d5a\",\n        \"sidebar-accent-foreground\": \"#d1d5db\",\n        \"sidebar-border\": \"#3f324a\",\n        \"sidebar-ring\": \"#c0aafd\",\n      },\n    },\n    radius: \"1.5rem\",\n    font: {\n      value: \"open-sans\",\n      fontFamily: '\"Open Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"clean-slate\",\n    label: \"Clean Slate\",\n    colors: {\n      light: {\n        background: \"#f8fafc\",\n        foreground: \"#1e293b\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#1e293b\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#1e293b\",\n        primary: \"#6366f1\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e5e7eb\",\n        \"secondary-foreground\": \"#374151\",\n        muted: \"#f3f4f6\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#e0e7ff\",\n        \"accent-foreground\": \"#374151\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d1d5db\",\n        input: \"#d1d5db\",\n        ring: \"#6366f1\",\n        \"chart-1\": \"#6366f1\",\n        \"chart-2\": \"#4f46e5\",\n        \"chart-3\": \"#4338ca\",\n        \"chart-4\": \"#3730a3\",\n        \"chart-5\": \"#312e81\",\n        sidebar: \"#f3f4f6\",\n        \"sidebar-foreground\": \"#1e293b\",\n        \"sidebar-primary\": \"#6366f1\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#e0e7ff\",\n        \"sidebar-accent-foreground\": \"#374151\",\n        \"sidebar-border\": \"#d1d5db\",\n        \"sidebar-ring\": \"#6366f1\",\n        \"font-sans\": \"Inter, sans-serif\",\n        \"font-serif\": \"Merriweather, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"8px\",\n        \"shadow-spread\": \"-1px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#0f172a\",\n        foreground: \"#e2e8f0\",\n        card: \"#1e293b\",\n        \"card-foreground\": \"#e2e8f0\",\n        popover: \"#1e293b\",\n        \"popover-foreground\": \"#e2e8f0\",\n        primary: \"#818cf8\",\n        \"primary-foreground\": \"#0f172a\",\n        secondary: \"#2d3748\",\n        \"secondary-foreground\": \"#d1d5db\",\n        muted: \"#152032\",\n        \"muted-foreground\": \"#9ca3af\",\n        accent: \"#374151\",\n        \"accent-foreground\": \"#d1d5db\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#0f172a\",\n        border: \"#4b5563\",\n        input: \"#4b5563\",\n        ring: \"#818cf8\",\n        \"chart-1\": \"#818cf8\",\n        \"chart-2\": \"#6366f1\",\n        \"chart-3\": \"#4f46e5\",\n        \"chart-4\": \"#4338ca\",\n        \"chart-5\": \"#3730a3\",\n        sidebar: \"#1e293b\",\n        \"sidebar-foreground\": \"#e2e8f0\",\n        \"sidebar-primary\": \"#818cf8\",\n        \"sidebar-primary-foreground\": \"#0f172a\",\n        \"sidebar-accent\": \"#374151\",\n        \"sidebar-accent-foreground\": \"#d1d5db\",\n        \"sidebar-border\": \"#4b5563\",\n        \"sidebar-ring\": \"#818cf8\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"inter\",\n      fontFamily: '\"Inter\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"caffeine\",\n    label: \"Caffeine\",\n    colors: {\n      light: {\n        background: \"#f9f9f9\",\n        foreground: \"#202020\",\n        card: \"#fcfcfc\",\n        \"card-foreground\": \"#202020\",\n        popover: \"#fcfcfc\",\n        \"popover-foreground\": \"#202020\",\n        primary: \"#644a40\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ffdfb5\",\n        \"secondary-foreground\": \"#582d1d\",\n        muted: \"#efefef\",\n        \"muted-foreground\": \"#646464\",\n        accent: \"#e8e8e8\",\n        \"accent-foreground\": \"#202020\",\n        destructive: \"#e54d2e\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d8d8d8\",\n        input: \"#d8d8d8\",\n        ring: \"#644a40\",\n        \"chart-1\": \"#644a40\",\n        \"chart-2\": \"#ffdfb5\",\n        \"chart-3\": \"#e8e8e8\",\n        \"chart-4\": \"#ffe6c4\",\n        \"chart-5\": \"#66493e\",\n        sidebar: \"#fbfbfb\",\n        \"sidebar-foreground\": \"#252525\",\n        \"sidebar-primary\": \"#343434\",\n        \"sidebar-primary-foreground\": \"#fbfbfb\",\n        \"sidebar-accent\": \"#f7f7f7\",\n        \"sidebar-accent-foreground\": \"#343434\",\n        \"sidebar-border\": \"#ebebeb\",\n        \"sidebar-ring\": \"#b5b5b5\",\n      },\n      dark: {\n        background: \"#111111\",\n        foreground: \"#eeeeee\",\n        card: \"#191919\",\n        \"card-foreground\": \"#eeeeee\",\n        popover: \"#191919\",\n        \"popover-foreground\": \"#eeeeee\",\n        primary: \"#ffe0c2\",\n        \"primary-foreground\": \"#081a1b\",\n        secondary: \"#393028\",\n        \"secondary-foreground\": \"#ffe0c2\",\n        muted: \"#222222\",\n        \"muted-foreground\": \"#b4b4b4\",\n        accent: \"#2a2a2a\",\n        \"accent-foreground\": \"#eeeeee\",\n        destructive: \"#e54d2e\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#201e18\",\n        input: \"#484848\",\n        ring: \"#ffe0c2\",\n        \"chart-1\": \"#ffe0c2\",\n        \"chart-2\": \"#393028\",\n        \"chart-3\": \"#2a2a2a\",\n        \"chart-4\": \"#42382e\",\n        \"chart-5\": \"#ffe0c1\",\n        sidebar: \"#18181b\",\n        \"sidebar-foreground\": \"#f4f4f5\",\n        \"sidebar-primary\": \"#1d4ed8\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#27272a\",\n        \"sidebar-accent-foreground\": \"#f4f4f5\",\n        \"sidebar-border\": \"#27272a\",\n        \"sidebar-ring\": \"#d4d4d8\",\n      },\n    },\n    radius: \"0.5rem\",\n  },\n  {\n    name: \"ocean-breeze\",\n    label: \"Ocean Breeze\",\n    colors: {\n      light: {\n        background: \"#f0f8ff\",\n        foreground: \"#374151\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#374151\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#374151\",\n        primary: \"#22c55e\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e0f2fe\",\n        \"secondary-foreground\": \"#4b5563\",\n        muted: \"#f3f4f6\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#d1fae5\",\n        \"accent-foreground\": \"#374151\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e5e7eb\",\n        input: \"#e5e7eb\",\n        ring: \"#22c55e\",\n        \"chart-1\": \"#22c55e\",\n        \"chart-2\": \"#10b981\",\n        \"chart-3\": \"#059669\",\n        \"chart-4\": \"#047857\",\n        \"chart-5\": \"#065f46\",\n        sidebar: \"#e0f2fe\",\n        \"sidebar-foreground\": \"#374151\",\n        \"sidebar-primary\": \"#22c55e\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#d1fae5\",\n        \"sidebar-accent-foreground\": \"#374151\",\n        \"sidebar-border\": \"#e5e7eb\",\n        \"sidebar-ring\": \"#22c55e\",\n        \"font-sans\": \"DM Sans, sans-serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"8px\",\n        \"shadow-spread\": \"-1px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"4px\",\n      },\n      dark: {\n        background: \"#0f172a\",\n        foreground: \"#d1d5db\",\n        card: \"#1e293b\",\n        \"card-foreground\": \"#d1d5db\",\n        popover: \"#1e293b\",\n        \"popover-foreground\": \"#d1d5db\",\n        primary: \"#34d399\",\n        \"primary-foreground\": \"#0f172a\",\n        secondary: \"#2d3748\",\n        \"secondary-foreground\": \"#a1a1aa\",\n        muted: \"#19212e\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#374151\",\n        \"accent-foreground\": \"#a1a1aa\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#0f172a\",\n        border: \"#4b5563\",\n        input: \"#4b5563\",\n        ring: \"#34d399\",\n        \"chart-1\": \"#34d399\",\n        \"chart-2\": \"#2dd4bf\",\n        \"chart-3\": \"#22c55e\",\n        \"chart-4\": \"#10b981\",\n        \"chart-5\": \"#059669\",\n        sidebar: \"#1e293b\",\n        \"sidebar-foreground\": \"#d1d5db\",\n        \"sidebar-primary\": \"#34d399\",\n        \"sidebar-primary-foreground\": \"#0f172a\",\n        \"sidebar-accent\": \"#374151\",\n        \"sidebar-accent-foreground\": \"#a1a1aa\",\n        \"sidebar-border\": \"#4b5563\",\n        \"sidebar-ring\": \"#34d399\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"dm-sans\",\n      fontFamily: '\"DM Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"retro-arcade\",\n    label: \"Retro Arcade\",\n    colors: {\n      light: {\n        background: \"#fdf6e3\",\n        foreground: \"#073642\",\n        card: \"#eee8d5\",\n        \"card-foreground\": \"#073642\",\n        popover: \"#eee8d5\",\n        \"popover-foreground\": \"#073642\",\n        primary: \"#d33682\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#2aa198\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#93a1a1\",\n        \"muted-foreground\": \"#073642\",\n        accent: \"#cb4b16\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#dc322f\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#839496\",\n        input: \"#839496\",\n        ring: \"#d33682\",\n        \"chart-1\": \"#268bd2\",\n        \"chart-2\": \"#2aa198\",\n        \"chart-3\": \"#d33682\",\n        \"chart-4\": \"#cb4b16\",\n        \"chart-5\": \"#dc322f\",\n        sidebar: \"#fdf6e3\",\n        \"sidebar-foreground\": \"#073642\",\n        \"sidebar-primary\": \"#d33682\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#2aa198\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#839496\",\n        \"sidebar-ring\": \"#d33682\",\n        \"font-sans\": \"Outfit, sans-serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"hsl(196 83% 10%)\",\n        \"shadow-opacity\": \"0.15\",\n        \"shadow-blur\": \"4px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"2px\",\n        \"shadow-offset-y\": \"2px\",\n      },\n      dark: {\n        background: \"#002b36\",\n        foreground: \"#93a1a1\",\n        card: \"#073642\",\n        \"card-foreground\": \"#93a1a1\",\n        popover: \"#073642\",\n        \"popover-foreground\": \"#93a1a1\",\n        primary: \"#d33682\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#2aa198\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#586e75\",\n        \"muted-foreground\": \"#93a1a1\",\n        accent: \"#cb4b16\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#dc322f\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#586e75\",\n        input: \"#586e75\",\n        ring: \"#d33682\",\n        \"chart-1\": \"#268bd2\",\n        \"chart-2\": \"#2aa198\",\n        \"chart-3\": \"#d33682\",\n        \"chart-4\": \"#cb4b16\",\n        \"chart-5\": \"#dc322f\",\n        sidebar: \"#002b36\",\n        \"sidebar-foreground\": \"#93a1a1\",\n        \"sidebar-primary\": \"#d33682\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#2aa198\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#586e75\",\n        \"sidebar-ring\": \"#d33682\",\n      },\n    },\n    radius: \"0.25rem\",\n    font: {\n      value: \"outfit\",\n      fontFamily: '\"Outfit\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"midnight-bloom\",\n    label: \"Midnight Bloom\",\n    colors: {\n      light: {\n        background: \"#f9f9f9\",\n        foreground: \"#333333\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#6c5ce7\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#a1c9f2\",\n        \"secondary-foreground\": \"#333333\",\n        muted: \"#c9c4b5\",\n        \"muted-foreground\": \"#6e6e6e\",\n        accent: \"#8b9467\",\n        \"accent-foreground\": \"#ffffff\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d4d4d4\",\n        input: \"#d4d4d4\",\n        ring: \"#6c5ce7\",\n        \"chart-1\": \"#6c5ce7\",\n        \"chart-2\": \"#8e44ad\",\n        \"chart-3\": \"#4b0082\",\n        \"chart-4\": \"#6495ed\",\n        \"chart-5\": \"#4682b4\",\n        sidebar: \"#f9f9f9\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#6c5ce7\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#8b9467\",\n        \"sidebar-accent-foreground\": \"#ffffff\",\n        \"sidebar-border\": \"#d4d4d4\",\n        \"sidebar-ring\": \"#6c5ce7\",\n        \"font-sans\": \"Montserrat, sans-serif\",\n        \"font-serif\": \"Playfair Display, serif\",\n        \"font-mono\": \"Source Code Pro, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.1\",\n        \"shadow-blur\": \"10px\",\n        \"shadow-spread\": \"-2px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"5px\",\n      },\n      dark: {\n        background: \"#1a1d23\",\n        foreground: \"#e5e5e5\",\n        card: \"#2f3436\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#2f3436\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#6c5ce7\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#4b0082\",\n        \"secondary-foreground\": \"#e5e5e5\",\n        muted: \"#444444\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#6495ed\",\n        \"accent-foreground\": \"#e5e5e5\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#444444\",\n        input: \"#444444\",\n        ring: \"#6c5ce7\",\n        \"chart-1\": \"#6c5ce7\",\n        \"chart-2\": \"#8e44ad\",\n        \"chart-3\": \"#4b0082\",\n        \"chart-4\": \"#6495ed\",\n        \"chart-5\": \"#4682b4\",\n        sidebar: \"#1a1d23\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#6c5ce7\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#6495ed\",\n        \"sidebar-accent-foreground\": \"#e5e5e5\",\n        \"sidebar-border\": \"#444444\",\n        \"sidebar-ring\": \"#6c5ce7\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"montserrat\",\n      fontFamily: '\"Montserrat\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"candyland\",\n    label: \"Candyland\",\n    colors: {\n      light: {\n        background: \"#f7f9fa\",\n        foreground: \"#333333\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#ffc0cb\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#87ceeb\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#ddd9c4\",\n        \"muted-foreground\": \"#6e6e6e\",\n        accent: \"#ffff00\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d4d4d4\",\n        input: \"#d4d4d4\",\n        ring: \"#ffc0cb\",\n        \"chart-1\": \"#ffc0cb\",\n        \"chart-2\": \"#87ceeb\",\n        \"chart-3\": \"#ffff00\",\n        \"chart-4\": \"#ff99cc\",\n        \"chart-5\": \"#33cc33\",\n        sidebar: \"#f7f9fa\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#ffc0cb\",\n        \"sidebar-primary-foreground\": \"#000000\",\n        \"sidebar-accent\": \"#ffff00\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#d4d4d4\",\n        \"sidebar-ring\": \"#ffc0cb\",\n        \"font-sans\": \"Poppins, sans-serif\",\n        \"font-mono\": \"Roboto Mono, monospace\",\n      },\n      dark: {\n        background: \"#1a1d23\",\n        foreground: \"#e5e5e5\",\n        card: \"#2f3436\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#2f3436\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#ff99cc\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#33cc33\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#444444\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#87ceeb\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#444444\",\n        input: \"#444444\",\n        ring: \"#ff99cc\",\n        \"chart-1\": \"#ff99cc\",\n        \"chart-2\": \"#33cc33\",\n        \"chart-3\": \"#87ceeb\",\n        \"chart-4\": \"#ffff00\",\n        \"chart-5\": \"#ffcc00\",\n        sidebar: \"#1a1d23\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#ff99cc\",\n        \"sidebar-primary-foreground\": \"#000000\",\n        \"sidebar-accent\": \"#87ceeb\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#444444\",\n        \"sidebar-ring\": \"#ff99cc\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"poppins\",\n      fontFamily: '\"Poppins\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"northern-lights\",\n    label: \"Northern Lights\",\n    colors: {\n      light: {\n        background: \"#f9f9fa\",\n        foreground: \"#333333\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#333333\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#333333\",\n        primary: \"#34a85a\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#6495ed\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#ddd9c4\",\n        \"muted-foreground\": \"#6e6e6e\",\n        accent: \"#66d9ef\",\n        \"accent-foreground\": \"#333333\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#d4d4d4\",\n        input: \"#d4d4d4\",\n        ring: \"#34a85a\",\n        \"chart-1\": \"#34a85a\",\n        \"chart-2\": \"#6495ed\",\n        \"chart-3\": \"#66d9ef\",\n        \"chart-4\": \"#4682b4\",\n        \"chart-5\": \"#1a9641\",\n        sidebar: \"#f9f9fa\",\n        \"sidebar-foreground\": \"#333333\",\n        \"sidebar-primary\": \"#34a85a\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#66d9ef\",\n        \"sidebar-accent-foreground\": \"#333333\",\n        \"sidebar-border\": \"#d4d4d4\",\n        \"sidebar-ring\": \"#34a85a\",\n        \"font-sans\": \"Plus Jakarta Sans, sans-serif\",\n        \"font-serif\": \"Source Serif 4, serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n      },\n      dark: {\n        background: \"#1a1d23\",\n        foreground: \"#e5e5e5\",\n        card: \"#2f3436\",\n        \"card-foreground\": \"#e5e5e5\",\n        popover: \"#2f3436\",\n        \"popover-foreground\": \"#e5e5e5\",\n        primary: \"#34a85a\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#4682b4\",\n        \"secondary-foreground\": \"#e5e5e5\",\n        muted: \"#444444\",\n        \"muted-foreground\": \"#a3a3a3\",\n        accent: \"#6495ed\",\n        \"accent-foreground\": \"#e5e5e5\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#444444\",\n        input: \"#444444\",\n        ring: \"#34a85a\",\n        \"chart-1\": \"#34a85a\",\n        \"chart-2\": \"#4682b4\",\n        \"chart-3\": \"#6495ed\",\n        \"chart-4\": \"#66d9ef\",\n        \"chart-5\": \"#1a9641\",\n        sidebar: \"#1a1d23\",\n        \"sidebar-foreground\": \"#e5e5e5\",\n        \"sidebar-primary\": \"#34a85a\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#6495ed\",\n        \"sidebar-accent-foreground\": \"#e5e5e5\",\n        \"sidebar-border\": \"#444444\",\n        \"sidebar-ring\": \"#34a85a\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"plus-jakarta-sans\",\n      fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"vintage-paper\",\n    label: \"Vintage Paper\",\n    colors: {\n      light: {\n        background: \"#f5f1e6\",\n        foreground: \"#4a3f35\",\n        card: \"#fffcf5\",\n        \"card-foreground\": \"#4a3f35\",\n        popover: \"#fffcf5\",\n        \"popover-foreground\": \"#4a3f35\",\n        primary: \"#a67c52\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#e2d8c3\",\n        \"secondary-foreground\": \"#5c4d3f\",\n        muted: \"#ece5d8\",\n        \"muted-foreground\": \"#7d6b56\",\n        accent: \"#d4c8aa\",\n        \"accent-foreground\": \"#4a3f35\",\n        destructive: \"#b54a35\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#dbd0ba\",\n        input: \"#dbd0ba\",\n        ring: \"#a67c52\",\n        \"chart-1\": \"#a67c52\",\n        \"chart-2\": \"#8d6e4c\",\n        \"chart-3\": \"#735a3a\",\n        \"chart-4\": \"#b3906f\",\n        \"chart-5\": \"#c0a080\",\n        sidebar: \"#ece5d8\",\n        \"sidebar-foreground\": \"#4a3f35\",\n        \"sidebar-primary\": \"#a67c52\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#d4c8aa\",\n        \"sidebar-accent-foreground\": \"#4a3f35\",\n        \"sidebar-border\": \"#dbd0ba\",\n        \"sidebar-ring\": \"#a67c52\",\n        \"font-sans\": \"Libre Baskerville, serif\",\n        \"font-serif\": \"Lora, serif\",\n        \"font-mono\": \"IBM Plex Mono, monospace\",\n        \"shadow-color\": \"hsl(28 13% 20%)\",\n        \"shadow-opacity\": \"0.12\",\n        \"shadow-blur\": \"5px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"2px\",\n        \"shadow-offset-y\": \"3px\",\n      },\n      dark: {\n        background: \"#2d2621\",\n        foreground: \"#ece5d8\",\n        card: \"#3a322c\",\n        \"card-foreground\": \"#ece5d8\",\n        popover: \"#3a322c\",\n        \"popover-foreground\": \"#ece5d8\",\n        primary: \"#c0a080\",\n        \"primary-foreground\": \"#2d2621\",\n        secondary: \"#4a4039\",\n        \"secondary-foreground\": \"#ece5d8\",\n        muted: \"#312b26\",\n        \"muted-foreground\": \"#c5bcac\",\n        accent: \"#59493e\",\n        \"accent-foreground\": \"#ece5d8\",\n        destructive: \"#b54a35\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#4a4039\",\n        input: \"#4a4039\",\n        ring: \"#c0a080\",\n        \"chart-1\": \"#c0a080\",\n        \"chart-2\": \"#b3906f\",\n        \"chart-3\": \"#a67c52\",\n        \"chart-4\": \"#8d6e4c\",\n        \"chart-5\": \"#735a3a\",\n        sidebar: \"#2d2621\",\n        \"sidebar-foreground\": \"#ece5d8\",\n        \"sidebar-primary\": \"#c0a080\",\n        \"sidebar-primary-foreground\": \"#2d2621\",\n        \"sidebar-accent\": \"#59493e\",\n        \"sidebar-accent-foreground\": \"#ece5d8\",\n        \"sidebar-border\": \"#4a4039\",\n        \"sidebar-ring\": \"#c0a080\",\n      },\n    },\n    radius: \"0.25rem\",\n    font: {\n      value: \"libre-baskerville\",\n      fontFamily: '\"Libre Baskerville\", serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap\",\n    },\n  },\n  {\n    name: \"sunset-horizon\",\n    label: \"Sunset Horizon\",\n    colors: {\n      light: {\n        background: \"#fff9f5\",\n        foreground: \"#3d3436\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#3d3436\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#3d3436\",\n        primary: \"#ff7e5f\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ffedea\",\n        \"secondary-foreground\": \"#b35340\",\n        muted: \"#fff0eb\",\n        \"muted-foreground\": \"#78716C\",\n        accent: \"#feb47b\",\n        \"accent-foreground\": \"#3d3436\",\n        destructive: \"#e63946\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#ffe0d6\",\n        input: \"#ffe0d6\",\n        ring: \"#ff7e5f\",\n        \"chart-1\": \"#ff7e5f\",\n        \"chart-2\": \"#feb47b\",\n        \"chart-3\": \"#ffcaa7\",\n        \"chart-4\": \"#ffad8f\",\n        \"chart-5\": \"#ce6a57\",\n        sidebar: \"#fff0eb\",\n        \"sidebar-foreground\": \"#3d3436\",\n        \"sidebar-primary\": \"#ff7e5f\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#feb47b\",\n        \"sidebar-accent-foreground\": \"#3d3436\",\n        \"sidebar-border\": \"#ffe0d6\",\n        \"sidebar-ring\": \"#ff7e5f\",\n        \"font-sans\": \"Montserrat, sans-serif\",\n        \"font-serif\": \"Merriweather, serif\",\n        \"font-mono\": \"Ubuntu Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0.09\",\n        \"shadow-blur\": \"12px\",\n        \"shadow-spread\": \"-3px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"6px\",\n      },\n      dark: {\n        background: \"#2a2024\",\n        foreground: \"#f2e9e4\",\n        card: \"#392f35\",\n        \"card-foreground\": \"#f2e9e4\",\n        popover: \"#392f35\",\n        \"popover-foreground\": \"#f2e9e4\",\n        primary: \"#ff7e5f\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#463a41\",\n        \"secondary-foreground\": \"#f2e9e4\",\n        muted: \"#30272c\",\n        \"muted-foreground\": \"#d7c6bc\",\n        accent: \"#feb47b\",\n        \"accent-foreground\": \"#2a2024\",\n        destructive: \"#e63946\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#463a41\",\n        input: \"#463a41\",\n        ring: \"#ff7e5f\",\n        \"chart-1\": \"#ff7e5f\",\n        \"chart-2\": \"#feb47b\",\n        \"chart-3\": \"#ffcaa7\",\n        \"chart-4\": \"#ffad8f\",\n        \"chart-5\": \"#ce6a57\",\n        sidebar: \"#2a2024\",\n        \"sidebar-foreground\": \"#f2e9e4\",\n        \"sidebar-primary\": \"#ff7e5f\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#feb47b\",\n        \"sidebar-accent-foreground\": \"#2a2024\",\n        \"sidebar-border\": \"#463a41\",\n        \"sidebar-ring\": \"#ff7e5f\",\n      },\n    },\n    radius: \"0.625rem\",\n    font: {\n      value: \"montserrat\",\n      fontFamily: '\"Montserrat\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"starry-night\",\n    label: \"Starry Night\",\n    colors: {\n      light: {\n        background: \"#f5f7fa\",\n        foreground: \"#1a2238\",\n        card: \"#e3eaf2\",\n        \"card-foreground\": \"#1a2238\",\n        popover: \"#fffbe6\",\n        \"popover-foreground\": \"#1a2238\",\n        primary: \"#3a5ba0\",\n        \"primary-foreground\": \"#fffbe6\",\n        secondary: \"#f7c873\",\n        \"secondary-foreground\": \"#1a2238\",\n        muted: \"#e5e5df\",\n        \"muted-foreground\": \"#3a5ba0\",\n        accent: \"#6ea3c1\",\n        \"accent-foreground\": \"#fffbe6\",\n        destructive: \"#2d1e2f\",\n        \"destructive-foreground\": \"#fffbe6\",\n        border: \"#b0b8c1\",\n        input: \"#6ea3c1\",\n        ring: \"#f7c873\",\n        \"chart-1\": \"#3a5ba0\",\n        \"chart-2\": \"#f7c873\",\n        \"chart-3\": \"#6ea3c1\",\n        \"chart-4\": \"#b0b8c1\",\n        \"chart-5\": \"#2d1e2f\",\n        sidebar: \"#e3eaf2\",\n        \"sidebar-foreground\": \"#1a2238\",\n        \"sidebar-primary\": \"#3a5ba0\",\n        \"sidebar-primary-foreground\": \"#fffbe6\",\n        \"sidebar-accent\": \"#f7c873\",\n        \"sidebar-accent-foreground\": \"#1a2238\",\n        \"sidebar-border\": \"#b0b8c1\",\n        \"sidebar-ring\": \"#f7c873\",\n        \"font-sans\": \"Libre Baskerville, serif\",\n      },\n      dark: {\n        background: \"#181a24\",\n        foreground: \"#e6eaf3\",\n        card: \"#23243a\",\n        \"card-foreground\": \"#e6eaf3\",\n        popover: \"#23243a\",\n        \"popover-foreground\": \"#ffe066\",\n        primary: \"#3a5ba0\",\n        \"primary-foreground\": \"#ffe066\",\n        secondary: \"#ffe066\",\n        \"secondary-foreground\": \"#23243a\",\n        muted: \"#1d1e2f\",\n        \"muted-foreground\": \"#7a88a1\",\n        accent: \"#bccdf0\",\n        \"accent-foreground\": \"#181a24\",\n        destructive: \"#a04a6c\",\n        \"destructive-foreground\": \"#ffe066\",\n        border: \"#2d2e3e\",\n        input: \"#3a5ba0\",\n        ring: \"#ffe066\",\n        \"chart-1\": \"#3a5ba0\",\n        \"chart-2\": \"#ffe066\",\n        \"chart-3\": \"#6ea3c1\",\n        \"chart-4\": \"#7a88a1\",\n        \"chart-5\": \"#a04a6c\",\n        sidebar: \"#23243a\",\n        \"sidebar-foreground\": \"#e6eaf3\",\n        \"sidebar-primary\": \"#3a5ba0\",\n        \"sidebar-primary-foreground\": \"#ffe066\",\n        \"sidebar-accent\": \"#ffe066\",\n        \"sidebar-accent-foreground\": \"#23243a\",\n        \"sidebar-border\": \"#2d2e3e\",\n        \"sidebar-ring\": \"#ffe066\",\n      },\n    },\n    radius: \"0.5rem\",\n    font: {\n      value: \"libre-baskerville\",\n      fontFamily: '\"Libre Baskerville\", serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap\",\n    },\n  },\n  {\n    name: \"darkmatter\",\n    label: \"Darkmatter\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#111827\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#111827\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#111827\",\n        primary: \"#d87943\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#527575\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#f3f4f6\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#eeeeee\",\n        \"accent-foreground\": \"#111827\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#fafafa\",\n        border: \"#e5e7eb\",\n        input: \"#e5e7eb\",\n        ring: \"#d87943\",\n        \"chart-1\": \"#5f8787\",\n        \"chart-2\": \"#e78a53\",\n        \"chart-3\": \"#fbcb97\",\n        \"chart-4\": \"#888888\",\n        \"chart-5\": \"#999999\",\n        sidebar: \"#f3f4f6\",\n        \"sidebar-foreground\": \"#111827\",\n        \"sidebar-primary\": \"#d87943\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#ffffff\",\n        \"sidebar-accent-foreground\": \"#111827\",\n        \"sidebar-border\": \"#e5e7eb\",\n        \"sidebar-ring\": \"#d87943\",\n        \"font-sans\": \"Geist Mono, ui-monospace, monospace\",\n        \"font-serif\": \"serif\",\n        \"font-mono\": \"JetBrains Mono, monospace\",\n        \"shadow-color\": \"#000000\",\n        \"shadow-opacity\": \"0.05\",\n        \"shadow-blur\": \"4px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"1px\",\n        \"letter-spacing\": \"0rem\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#121113\",\n        foreground: \"#c1c1c1\",\n        card: \"#121212\",\n        \"card-foreground\": \"#c1c1c1\",\n        popover: \"#121113\",\n        \"popover-foreground\": \"#c1c1c1\",\n        primary: \"#e78a53\",\n        \"primary-foreground\": \"#121113\",\n        secondary: \"#5f8787\",\n        \"secondary-foreground\": \"#121113\",\n        muted: \"#222222\",\n        \"muted-foreground\": \"#888888\",\n        accent: \"#333333\",\n        \"accent-foreground\": \"#c1c1c1\",\n        destructive: \"#5f8787\",\n        \"destructive-foreground\": \"#121113\",\n        border: \"#222222\",\n        input: \"#222222\",\n        ring: \"#e78a53\",\n        \"chart-1\": \"#5f8787\",\n        \"chart-2\": \"#e78a53\",\n        \"chart-3\": \"#fbcb97\",\n        \"chart-4\": \"#888888\",\n        \"chart-5\": \"#999999\",\n        sidebar: \"#121212\",\n        \"sidebar-foreground\": \"#c1c1c1\",\n        \"sidebar-primary\": \"#e78a53\",\n        \"sidebar-primary-foreground\": \"#121113\",\n        \"sidebar-accent\": \"#333333\",\n        \"sidebar-accent-foreground\": \"#c1c1c1\",\n        \"sidebar-border\": \"#222222\",\n        \"sidebar-ring\": \"#e78a53\",\n        \"shadow-color\": \"#000000\",\n      },\n    },\n    radius: \"0.75rem\",\n  },\n  {\n    name: \"mono\",\n    label: \"Mono\",\n    colors: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#0a0a0a\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#0a0a0a\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#0a0a0a\",\n        primary: \"#737373\",\n        \"primary-foreground\": \"#fafafa\",\n        secondary: \"#f5f5f5\",\n        \"secondary-foreground\": \"#171717\",\n        muted: \"#f5f5f5\",\n        \"muted-foreground\": \"#717171\",\n        accent: \"#f5f5f5\",\n        \"accent-foreground\": \"#171717\",\n        destructive: \"#e7000b\",\n        \"destructive-foreground\": \"#f5f5f5\",\n        border: \"#e5e5e5\",\n        input: \"#e5e5e5\",\n        ring: \"#a1a1a1\",\n        \"chart-1\": \"#737373\",\n        \"chart-2\": \"#737373\",\n        \"chart-3\": \"#737373\",\n        \"chart-4\": \"#737373\",\n        \"chart-5\": \"#737373\",\n        sidebar: \"#fafafa\",\n        \"sidebar-foreground\": \"#0a0a0a\",\n        \"sidebar-primary\": \"#171717\",\n        \"sidebar-primary-foreground\": \"#fafafa\",\n        \"sidebar-accent\": \"#f5f5f5\",\n        \"sidebar-accent-foreground\": \"#171717\",\n        \"sidebar-border\": \"#e5e5e5\",\n        \"sidebar-ring\": \"#a1a1a1\",\n        \"font-sans\": \"Geist Mono, monospace\",\n        \"font-serif\": \"Geist Mono, monospace\",\n        \"font-mono\": \"Geist Mono, monospace\",\n        \"shadow-color\": \"hsl(0 0% 0%)\",\n        \"shadow-opacity\": \"0\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"1px\",\n      },\n      dark: {\n        background: \"#0a0a0a\",\n        foreground: \"#fafafa\",\n        card: \"#191919\",\n        \"card-foreground\": \"#fafafa\",\n        popover: \"#262626\",\n        \"popover-foreground\": \"#fafafa\",\n        primary: \"#737373\",\n        \"primary-foreground\": \"#fafafa\",\n        secondary: \"#262626\",\n        \"secondary-foreground\": \"#fafafa\",\n        muted: \"#262626\",\n        \"muted-foreground\": \"#a1a1a1\",\n        accent: \"#404040\",\n        \"accent-foreground\": \"#fafafa\",\n        destructive: \"#ff6467\",\n        \"destructive-foreground\": \"#262626\",\n        border: \"#383838\",\n        input: \"#525252\",\n        ring: \"#737373\",\n        \"chart-1\": \"#737373\",\n        \"chart-2\": \"#737373\",\n        \"chart-3\": \"#737373\",\n        \"chart-4\": \"#737373\",\n        \"chart-5\": \"#737373\",\n        sidebar: \"#171717\",\n        \"sidebar-foreground\": \"#fafafa\",\n        \"sidebar-primary\": \"#fafafa\",\n        \"sidebar-primary-foreground\": \"#171717\",\n        \"sidebar-accent\": \"#262626\",\n        \"sidebar-accent-foreground\": \"#fafafa\",\n        \"sidebar-border\": \"#ffffff\",\n        \"sidebar-ring\": \"#525252\",\n      },\n    },\n    radius: \"0rem\",\n  },\n  {\n    name: \"soft-pop\",\n    label: \"Soft Pop\",\n    colors: {\n      light: {\n        background: \"#f7f9f3\",\n        foreground: \"#000000\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#000000\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#000000\",\n        primary: \"#4f46e5\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#14b8a6\",\n        \"secondary-foreground\": \"#ffffff\",\n        muted: \"#f0f0f0\",\n        \"muted-foreground\": \"#333333\",\n        accent: \"#f59e0b\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#000000\",\n        input: \"#737373\",\n        ring: \"#a5b4fc\",\n        \"chart-1\": \"#4f46e5\",\n        \"chart-2\": \"#14b8a6\",\n        \"chart-3\": \"#f59e0b\",\n        \"chart-4\": \"#ec4899\",\n        \"chart-5\": \"#22c55e\",\n        sidebar: \"#f7f9f3\",\n        \"sidebar-foreground\": \"#000000\",\n        \"sidebar-primary\": \"#4f46e5\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#f59e0b\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#000000\",\n        \"sidebar-ring\": \"#a5b4fc\",\n        \"font-sans\": \"DM Sans, sans-serif\",\n        \"font-serif\": \"DM Sans, sans-serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"#1a1a1a\",\n        \"shadow-opacity\": \"0.05\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"0px\",\n        \"letter-spacing\": \"normal\",\n        spacing: \"0.25rem\",\n      },\n      dark: {\n        background: \"#000000\",\n        foreground: \"#ffffff\",\n        card: \"#1a212b\",\n        \"card-foreground\": \"#ffffff\",\n        popover: \"#1a212b\",\n        \"popover-foreground\": \"#ffffff\",\n        primary: \"#818cf8\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#2dd4bf\",\n        \"secondary-foreground\": \"#000000\",\n        muted: \"#333333\",\n        \"muted-foreground\": \"#cccccc\",\n        accent: \"#fcd34d\",\n        \"accent-foreground\": \"#000000\",\n        destructive: \"#f87171\",\n        \"destructive-foreground\": \"#000000\",\n        border: \"#545454\",\n        input: \"#ffffff\",\n        ring: \"#818cf8\",\n        \"chart-1\": \"#818cf8\",\n        \"chart-2\": \"#2dd4bf\",\n        \"chart-3\": \"#fcd34d\",\n        \"chart-4\": \"#f472b6\",\n        \"chart-5\": \"#4ade80\",\n        sidebar: \"#000000\",\n        \"sidebar-foreground\": \"#ffffff\",\n        \"sidebar-primary\": \"#818cf8\",\n        \"sidebar-primary-foreground\": \"#000000\",\n        \"sidebar-accent\": \"#fcd34d\",\n        \"sidebar-accent-foreground\": \"#000000\",\n        \"sidebar-border\": \"#ffffff\",\n        \"sidebar-ring\": \"#818cf8\",\n        \"font-sans\": \"DM Sans, sans-serif\",\n        \"font-serif\": \"DM Sans, sans-serif\",\n        \"font-mono\": \"Space Mono, monospace\",\n        \"shadow-color\": \"#1a1a1a\",\n        \"shadow-opacity\": \"0.05\",\n        \"shadow-blur\": \"0px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"0px\",\n        \"letter-spacing\": \"normal\",\n        spacing: \"0.25rem\",\n      },\n    },\n    radius: \"1rem\",\n    font: {\n      value: \"dm-sans\",\n      fontFamily: '\"DM Sans\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\",\n    },\n  },\n  {\n    name: \"sage-garden\",\n    label: \"Sage Garden\",\n    colors: {\n      light: {\n        background: \"#f8f7f4\",\n        foreground: \"#1a1f2e\",\n        card: \"#ffffff\",\n        \"card-foreground\": \"#1a1f2e\",\n        popover: \"#ffffff\",\n        \"popover-foreground\": \"#1a1f2e\",\n        primary: \"#7c9082\",\n        \"primary-foreground\": \"#ffffff\",\n        secondary: \"#ced4bf\",\n        \"secondary-foreground\": \"#1a1f2e\",\n        muted: \"#e8e6e1\",\n        \"muted-foreground\": \"#6b7280\",\n        accent: \"#bfc9bb\",\n        \"accent-foreground\": \"#1a1f2e\",\n        destructive: \"#c73e3a\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#e8e6e1\",\n        input: \"#ffffff\",\n        ring: \"#7c9082\",\n        \"chart-1\": \"#7c9082\",\n        \"chart-2\": \"#a0aa88\",\n        \"chart-3\": \"#8b9d83\",\n        \"chart-4\": \"#6b7280\",\n        \"chart-5\": \"#e8e6e1\",\n        sidebar: \"#fafaf8\",\n        \"sidebar-foreground\": \"#1a1f2e\",\n        \"sidebar-primary\": \"#7c9082\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#e8e6e1\",\n        \"sidebar-accent-foreground\": \"#1a1f2e\",\n        \"sidebar-border\": \"#e8e6e1\",\n        \"sidebar-ring\": \"#7c9082\",\n        \"font-sans\": \"Antic, ui-sans-serif, sans-serif, system-ui\",\n        \"font-serif\": \"Signifier, Georgia, serif\",\n        \"font-mono\": \"JetBrains Mono, Courier New, monospace\",\n        \"shadow-color\": \"#1a1f2e\",\n        \"shadow-opacity\": \"0.04\",\n        \"shadow-blur\": \"2px\",\n        \"shadow-spread\": \"0px\",\n        \"shadow-offset-x\": \"0px\",\n        \"shadow-offset-y\": \"1px\",\n        \"letter-spacing\": \"0em\",\n        spacing: \"0.23rem\",\n      },\n      dark: {\n        background: \"#0a0a0a\",\n        foreground: \"#f5f5f5\",\n        card: \"#121212\",\n        \"card-foreground\": \"#f5f5f5\",\n        popover: \"#121212\",\n        \"popover-foreground\": \"#f5f5f5\",\n        primary: \"#7c9082\",\n        \"primary-foreground\": \"#000000\",\n        secondary: \"#1a1a1a\",\n        \"secondary-foreground\": \"#f5f5f5\",\n        muted: \"#1a1a1a\",\n        \"muted-foreground\": \"#a0a0a0\",\n        accent: \"#36443a\",\n        \"accent-foreground\": \"#f5f5f5\",\n        destructive: \"#ef4444\",\n        \"destructive-foreground\": \"#ffffff\",\n        border: \"#2a2a2a\",\n        input: \"#121212\",\n        ring: \"#7c9082\",\n        \"chart-1\": \"#7c9082\",\n        \"chart-2\": \"#a0aa88\",\n        \"chart-3\": \"#8b9d83\",\n        \"chart-4\": \"#6b7280\",\n        \"chart-5\": \"#5a6b5e\",\n        sidebar: \"#0f0f0f\",\n        \"sidebar-foreground\": \"#f5f5f5\",\n        \"sidebar-primary\": \"#7c9082\",\n        \"sidebar-primary-foreground\": \"#ffffff\",\n        \"sidebar-accent\": \"#1a1a1a\",\n        \"sidebar-accent-foreground\": \"#f5f5f5\",\n        \"sidebar-border\": \"#2a2a2a\",\n        \"sidebar-ring\": \"#7c9082\",\n        \"shadow-color\": \"#000000\",\n      },\n    },\n    radius: \"0.35rem\",\n    font: {\n      value: \"antic\",\n      fontFamily: '\"Antic\", sans-serif',\n      googleFontsUrl:\n        \"https://fonts.googleapis.com/css2?family=Antic&display=swap\",\n    },\n  },\n];\n\nconst themePresetByName = new Map(\n  themePresets.map((preset) => [preset.name, preset])\n);\n\nexport function getThemePreset(name: string): ThemePreset | undefined {\n  return themePresetByName.get(name);\n}\n",
      "type": "registry:lib",
      "target": "components/ui/previewcn/presets/theme-presets.ts"
    }
  ],
  "type": "registry:component"
}