@catalystsoftware/ui 1.0.12 → 1.0.15

package/dist/components/catalyst-ui/themeStudio/use-color-theme.tsx

@@ -0,0 +1,1614 @@
+import { useMemo } from "react"
+
+
+export function useColorTheme(
+    themeName: keyof typeof colorThemes = 'neutral',
+    version: 'v3' | 'v4' = 'v4',
+    mode: 'root' | 'dark' = 'root'
+) {
+    const theme = useMemo(() => {
+        const selectedTheme = colorThemes[themeName]
+        if (!selectedTheme) {
+            console.warn(`Theme "${themeName}" not found.Defaulting to neutral.`)
+            return colorThemes.neutral[version][mode]
+        }
+        const selectedVersion = selectedTheme[version]
+        if (!selectedVersion) {
+            console.warn(`Version "${version}" not found for theme "${themeName}". Defaulting to v4.`)
+            return selectedTheme.v4[mode]
+        }
+
+        return selectedVersion[mode] || selectedVersion.root
+    }, [themeName, version, mode])
+
+    return theme
+}
+
+
+export const colorThemes = {
+    neutral: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.205 0 0)",
+                "--primary-foreground": "oklch(0.985 0 0)",
+                "--secondary": "oklch(0.97 0 0)",
+                "--secondary-foreground": "oklch(0.205 0 0)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.205 0 0)",
+                "--sidebar-primary-foreground": "oklch(0.985 0 0)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.922 0 0)",
+                "--primary-foreground": "oklch(0.205 0 0)",
+                "--secondary": "oklch(0.269 0 0)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.269 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.488 0.243 264.376)",
+                "--sidebar-primary-foreground": "oklch(0.985 0 0)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 3.9%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 3.9%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 3.9%",
+                "--primary": "0 0% 9%",
+                "--primary-foreground": "0 0% 98%",
+                "--secondary": "0 0% 96.1%",
+                "--secondary-foreground": "0 0% 9%",
+                "--muted": "0 0% 96.1%",
+                "--muted-foreground": "0 0% 45.1%",
+                "--accent": "0 0% 96.1%",
+                "--accent-foreground": "0 0% 9%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "0 0% 89.8%",
+                "--input": "0 0% 89.8%",
+                "--ring": "0 0% 3.9%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "0 0% 3.9%",
+                "--foreground": "0 0% 98%",
+                "--card": "0 0% 3.9%",
+                "--card-foreground": "0 0% 98%",
+                "--popover": "0 0% 3.9%",
+                "--popover-foreground": "0 0% 98%",
+                "--primary": "0 0% 98%",
+                "--primary-foreground": "0 0% 9%",
+                "--secondary": "0 0% 14.9%",
+                "--secondary-foreground": "0 0% 98%",
+                "--muted": "0 0% 14.9%",
+                "--muted-foreground": "0 0% 63.9%",
+                "--accent": "0 0% 14.9%",
+                "--accent-foreground": "0 0% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "0 0% 14.9%",
+                "--input": "0 0% 14.9%",
+                "--ring": "0 0% 83.1%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    red: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.637 0.237 25.331)",
+                "--primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.637 0.237 25.331)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.637 0.237 25.331)",
+                "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.637 0.237 25.331)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.637 0.237 25.331)",
+                "--primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.637 0.237 25.331)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.637 0.237 25.331)",
+                "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.637 0.237 25.331)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 3.9%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 3.9%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 3.9%",
+                "--primary": "0 72.2% 50.6%",
+                "--primary-foreground": "0 85.7% 97.3%",
+                "--secondary": "0 0% 96.1%",
+                "--secondary-foreground": "0 0% 9%",
+                "--muted": "0 0% 96.1%",
+                "--muted-foreground": "0 0% 45.1%",
+                "--accent": "0 0% 96.1%",
+                "--accent-foreground": "0 0% 9%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "0 0% 89.8%",
+                "--input": "0 0% 89.8%",
+                "--ring": "0 72.2% 50.6%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "0 0% 3.9%",
+                "--foreground": "0 0% 98%",
+                "--card": "0 0% 3.9%",
+                "--card-foreground": "0 0% 98%",
+                "--popover": "0 0% 3.9%",
+                "--popover-foreground": "0 0% 98%",
+                "--primary": "0 72.2% 50.6%",
+                "--primary-foreground": "0 85.7% 97.3%",
+                "--secondary": "0 0% 14.9%",
+                "--secondary-foreground": "0 0% 98%",
+                "--muted": "0 0% 14.9%",
+                "--muted-foreground": "0 0% 63.9%",
+                "--accent": "0 0% 14.9%",
+                "--accent-foreground": "0 0% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "0 0% 14.9%",
+                "--input": "0 0% 14.9%",
+                "--ring": "0 72.2% 50.6%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    rose: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.645 0.246 16.439)",
+                "--primary-foreground": "oklch(0.969 0.015 12.422)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.645 0.246 16.439)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.645 0.246 16.439)",
+                "--sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.645 0.246 16.439)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.645 0.246 16.439)",
+                "--primary-foreground": "oklch(0.969 0.015 12.422)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.645 0.246 16.439)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.645 0.246 16.439)",
+                "--sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.645 0.246 16.439)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "240 10% 3.9%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "240 10% 3.9%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "240 10% 3.9%",
+                "--primary": "346.8 77.2% 49.8%",
+                "--primary-foreground": "355.7 100% 97.3%",
+                "--secondary": "240 4.8% 95.9%",
+                "--secondary-foreground": "240 5.9% 10%",
+                "--muted": "240 4.8% 95.9%",
+                "--muted-foreground": "240 3.8% 46.1%",
+                "--accent": "240 4.8% 95.9%",
+                "--accent-foreground": "240 5.9% 10%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "240 5.9% 90%",
+                "--input": "240 5.9% 90%",
+                "--ring": "346.8 77.2% 49.8%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "20 14.3% 4.1%",
+                "--foreground": "0 0% 95%",
+                "--card": "24 9.8% 10%",
+                "--card-foreground": "0 0% 95%",
+                "--popover": "0 0% 9%",
+                "--popover-foreground": "0 0% 95%",
+                "--primary": "346.8 77.2% 49.8%",
+                "--primary-foreground": "355.7 100% 97.3%",
+                "--secondary": "240 3.7% 15.9%",
+                "--secondary-foreground": "0 0% 98%",
+                "--muted": "0 0% 15%",
+                "--muted-foreground": "240 5% 64.9%",
+                "--accent": "12 6.5% 15.1%",
+                "--accent-foreground": "0 0% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "0 85.7% 97.3%",
+                "--border": "240 3.7% 15.9%",
+                "--input": "240 3.7% 15.9%",
+                "--ring": "346.8 77.2% 49.8%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    orange: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.705 0.213 47.604)",
+                "--primary-foreground": "oklch(0.98 0.016 73.684)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.705 0.213 47.604)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.705 0.213 47.604)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.016 73.684)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.705 0.213 47.604)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.646 0.222 41.116)",
+                "--primary-foreground": "oklch(0.98 0.016 73.684)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.646 0.222 41.116)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.646 0.222 41.116)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.016 73.684)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.646 0.222 41.116)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "20 14.3% 4.1%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "20 14.3% 4.1%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "20 14.3% 4.1%",
+                "--primary": "24.6 95% 53.1%",
+                "--primary-foreground": "60 9.1% 97.8%",
+                "--secondary": "60 4.8% 95.9%",
+                "--secondary-foreground": "24 9.8% 10%",
+                "--muted": "60 4.8% 95.9%",
+                "--muted-foreground": "25 5.3% 44.7%",
+                "--accent": "60 4.8% 95.9%",
+                "--accent-foreground": "24 9.8% 10%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "60 9.1% 97.8%",
+                "--border": "20 5.9% 90%",
+                "--input": "20 5.9% 90%",
+                "--ring": "24.6 95% 53.1%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "20 14.3% 4.1%",
+                "--foreground": "60 9.1% 97.8%",
+                "--card": "20 14.3% 4.1%",
+                "--card-foreground": "60 9.1% 97.8%",
+                "--popover": "20 14.3% 4.1%",
+                "--popover-foreground": "60 9.1% 97.8%",
+                "--primary": "20.5 90.2% 48.2%",
+                "--primary-foreground": "60 9.1% 97.8%",
+                "--secondary": "12 6.5% 15.1%",
+                "--secondary-foreground": "60 9.1% 97.8%",
+                "--muted": "12 6.5% 15.1%",
+                "--muted-foreground": "24 5.4% 63.9%",
+                "--accent": "12 6.5% 15.1%",
+                "--accent-foreground": "60 9.1% 97.8%",
+                "--destructive": "0 72.2% 50.6%",
+                "--destructive-foreground": "60 9.1% 97.8%",
+                "--border": "12 6.5% 15.1%",
+                "--input": "12 6.5% 15.1%",
+                "--ring": "20.5 90.2% 48.2%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    green: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.723 0.219 149.579)",
+                "--primary-foreground": "oklch(0.982 0.018 155.826)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.723 0.219 149.579)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.723 0.219 149.579)",
+                "--sidebar-primary-foreground": "oklch(0.982 0.018 155.826)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.723 0.219 149.579)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.696 0.17 162.48)",
+                "--primary-foreground": "oklch(0.393 0.095 152.535)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.527 0.154 150.069)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.696 0.17 162.48)",
+                "--sidebar-primary-foreground": "oklch(0.393 0.095 152.535)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.527 0.154 150.069)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "240 10% 3.9%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "240 10% 3.9%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "240 10% 3.9%",
+                "--primary": "142.1 76.2% 36.3%",
+                "--primary-foreground": "355.7 100% 97.3%",
+                "--secondary": "240 4.8% 95.9%",
+                "--secondary-foreground": "240 5.9% 10%",
+                "--muted": "240 4.8% 95.9%",
+                "--muted-foreground": "240 3.8% 46.1%",
+                "--accent": "240 4.8% 95.9%",
+                "--accent-foreground": "240 5.9% 10%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "0 0% 98%",
+                "--border": "240 5.9% 90%",
+                "--input": "240 5.9% 90%",
+                "--ring": "142.1 76.2% 36.3%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "20 14.3% 4.1%",
+                "--foreground": "0 0% 95%",
+                "--card": "24 9.8% 10%",
+                "--card-foreground": "0 0% 95%",
+                "--popover": "0 0% 9%",
+                "--popover-foreground": "0 0% 95%",
+                "--primary": "142.1 70.6% 45.3%",
+                "--primary-foreground": "144.9 80.4% 10%",
+                "--secondary": "240 3.7% 15.9%",
+                "--secondary-foreground": "0 0% 98%",
+                "--muted": "0 0% 15%",
+                "--muted-foreground": "240 5% 64.9%",
+                "--accent": "12 6.5% 15.1%",
+                "--accent-foreground": "0 0% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "0 85.7% 97.3%",
+                "--border": "240 3.7% 15.9%",
+                "--input": "240 3.7% 15.9%",
+                "--ring": "142.4 71.8% 29.2%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    blue: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.623 0.214 259.815)",
+                "--primary-foreground": "oklch(0.97 0.014 254.604)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.623 0.214 259.815)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.623 0.214 259.815)",
+                "--sidebar-primary-foreground": "oklch(0.97 0.014 254.604)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.623 0.214 259.815)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.546 0.245 262.881)",
+                "--primary-foreground": "oklch(0.379 0.146 265.522)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.488 0.243 264.376)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.546 0.245 262.881)",
+                "--sidebar-primary-foreground": "oklch(0.379 0.146 265.522)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.488 0.243 264.376)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "222.2 84% 4.9%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "222.2 84% 4.9%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "222.2 84% 4.9%",
+                "--primary": "221.2 83.2% 53.3%",
+                "--primary-foreground": "210 40% 98%",
+                "--secondary": "210 40% 96.1%",
+                "--secondary-foreground": "222.2 47.4% 11.2%",
+                "--muted": "210 40% 96.1%",
+                "--muted-foreground": "215.4 16.3% 46.9%",
+                "--accent": "210 40% 96.1%",
+                "--accent-foreground": "222.2 47.4% 11.2%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "210 40% 98%",
+                "--border": "214.3 31.8% 91.4%",
+                "--input": "214.3 31.8% 91.4%",
+                "--ring": "221.2 83.2% 53.3%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "222.2 84% 4.9%",
+                "--foreground": "210 40% 98%",
+                "--card": "222.2 84% 4.9%",
+                "--card-foreground": "210 40% 98%",
+                "--popover": "222.2 84% 4.9%",
+                "--popover-foreground": "210 40% 98%",
+                "--primary": "217.2 91.2% 59.8%",
+                "--primary-foreground": "222.2 47.4% 11.2%",
+                "--secondary": "217.2 32.6% 17.5%",
+                "--secondary-foreground": "210 40% 98%",
+                "--muted": "217.2 32.6% 17.5%",
+                "--muted-foreground": "215 20.2% 65.1%",
+                "--accent": "217.2 32.6% 17.5%",
+                "--accent-foreground": "210 40% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "210 40% 98%",
+                "--border": "217.2 32.6% 17.5%",
+                "--input": "217.2 32.6% 17.5%",
+                "--ring": "224.3 76.3% 48%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    yellow: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.795 0.184 86.047)",
+                "--primary-foreground": "oklch(0.421 0.095 57.708)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.795 0.184 86.047)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.795 0.184 86.047)",
+                "--sidebar-primary-foreground": "oklch(0.421 0.095 57.708)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.795 0.184 86.047)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.795 0.184 86.047)",
+                "--primary-foreground": "oklch(0.421 0.095 57.708)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.554 0.135 66.442)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.795 0.184 86.047)",
+                "--sidebar-primary-foreground": "oklch(0.421 0.095 57.708)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.554 0.135 66.442)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "20 14.3% 4.1%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "20 14.3% 4.1%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "20 14.3% 4.1%",
+                "--primary": "47.9 95.8% 53.1%",
+                "--primary-foreground": "26 83.3% 14.1%",
+                "--secondary": "60 4.8% 95.9%",
+                "--secondary-foreground": "24 9.8% 10%",
+                "--muted": "60 4.8% 95.9%",
+                "--muted-foreground": "25 5.3% 44.7%",
+                "--accent": "60 4.8% 95.9%",
+                "--accent-foreground": "24 9.8% 10%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "60 9.1% 97.8%",
+                "--border": "20 5.9% 90%",
+                "--input": "20 5.9% 90%",
+                "--ring": "20 14.3% 4.1%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "20 14.3% 4.1%",
+                "--foreground": "60 9.1% 97.8%",
+                "--card": "20 14.3% 4.1%",
+                "--card-foreground": "60 9.1% 97.8%",
+                "--popover": "20 14.3% 4.1%",
+                "--popover-foreground": "60 9.1% 97.8%",
+                "--primary": "47.9 95.8% 53.1%",
+                "--primary-foreground": "26 83.3% 14.1%",
+                "--secondary": "12 6.5% 15.1%",
+                "--secondary-foreground": "60 9.1% 97.8%",
+                "--muted": "12 6.5% 15.1%",
+                "--muted-foreground": "24 5.4% 63.9%",
+                "--accent": "12 6.5% 15.1%",
+                "--accent-foreground": "60 9.1% 97.8%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "60 9.1% 97.8%",
+                "--border": "12 6.5% 15.1%",
+                "--input": "12 6.5% 15.1%",
+                "--ring": "35.5 91.7% 32.9%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    violet: {
+        v4: {
+            root: {
+                "--radius": "0.65rem",
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.141 0.005 285.823)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.141 0.005 285.823)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.141 0.005 285.823)",
+                "--primary": "oklch(0.637 0.237 25.331)",
+                "--primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.967 0.001 286.375)",
+                "--muted-foreground": "oklch(0.552 0.016 285.938)",
+                "--accent": "oklch(0.967 0.001 286.375)",
+                "--accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--destructive": "oklch(0.577 0.245 27.325)",
+                "--border": "oklch(0.92 0.004 286.32)",
+                "--input": "oklch(0.92 0.004 286.32)",
+                "--ring": "oklch(0.637 0.237 25.331)",
+                "--chart-1": "oklch(0.646 0.222 41.116)",
+                "--chart-2": "oklch(0.6 0.118 184.704)",
+                "--chart-3": "oklch(0.398 0.07 227.392)",
+                "--chart-4": "oklch(0.828 0.189 84.429)",
+                "--chart-5": "oklch(0.769 0.188 70.08)",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
+                "--sidebar-primary": "oklch(0.637 0.237 25.331)",
+                "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--sidebar-accent": "oklch(0.967 0.001 286.375)",
+                "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
+                "--sidebar-border": "oklch(0.92 0.004 286.32)",
+                "--sidebar-ring": "oklch(0.637 0.237 25.331)"
+            },
+            dark: {
+                "--background": "oklch(0.141 0.005 285.823)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.21 0.006 285.885)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.21 0.006 285.885)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.637 0.237 25.331)",
+                "--primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.274 0.006 286.033)",
+                "--muted-foreground": "oklch(0.705 0.015 286.067)",
+                "--accent": "oklch(0.274 0.006 286.033)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.637 0.237 25.331)",
+                "--chart-1": "oklch(0.488 0.243 264.376)",
+                "--chart-2": "oklch(0.696 0.17 162.48)",
+                "--chart-3": "oklch(0.769 0.188 70.08)",
+                "--chart-4": "oklch(0.627 0.265 303.9)",
+                "--chart-5": "oklch(0.645 0.246 16.439)",
+                "--sidebar": "oklch(0.21 0.006 285.885)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.637 0.237 25.331)",
+                "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
+                "--sidebar-accent": "oklch(0.274 0.006 286.033)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.637 0.237 25.331)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "224 71.4% 4.1%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "224 71.4% 4.1%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "224 71.4% 4.1%",
+                "--primary": "262.1 83.3% 57.8%",
+                "--primary-foreground": "210 20% 98%",
+                "--secondary": "220 14.3% 95.9%",
+                "--secondary-foreground": "220.9 39.3% 11%",
+                "--muted": "220 14.3% 95.9%",
+                "--muted-foreground": "220 8.9% 46.1%",
+                "--accent": "220 14.3% 95.9%",
+                "--accent-foreground": "220.9 39.3% 11%",
+                "--destructive": "0 84.2% 60.2%",
+                "--destructive-foreground": "210 20% 98%",
+                "--border": "220 13% 91%",
+                "--input": "220 13% 91%",
+                "--ring": "262.1 83.3% 57.8%",
+                "--radius": "0.5rem",
+                "--chart-1": "12 76% 61%",
+                "--chart-2": "173 58% 39%",
+                "--chart-3": "197 37% 24%",
+                "--chart-4": "43 74% 66%",
+                "--chart-5": "27 87% 67%"
+            },
+            dark: {
+                "--background": "224 71.4% 4.1%",
+                "--foreground": "210 20% 98%",
+                "--card": "224 71.4% 4.1%",
+                "--card-foreground": "210 20% 98%",
+                "--popover": "224 71.4% 4.1%",
+                "--popover-foreground": "210 20% 98%",
+                "--primary": "263.4 70% 50.4%",
+                "--primary-foreground": "210 20% 98%",
+                "--secondary": "215 27.9% 16.9%",
+                "--secondary-foreground": "210 20% 98%",
+                "--muted": "215 27.9% 16.9%",
+                "--muted-foreground": "217.9 10.6% 64.9%",
+                "--accent": "215 27.9% 16.9%",
+                "--accent-foreground": "210 20% 98%",
+                "--destructive": "0 62.8% 30.6%",
+                "--destructive-foreground": "210 20% 98%",
+                "--border": "215 27.9% 16.9%",
+                "--input": "215 27.9% 16.9%",
+                "--ring": "263.4 70% 50.4%",
+                "--chart-1": "220 70% 50%",
+                "--chart-2": "160 60% 45%",
+                "--chart-3": "30 80% 55%",
+                "--chart-4": "280 65% 60%",
+                "--chart-5": "340 75% 55%"
+            }
+        }
+    },
+    amber: {
+        v4: {
+            root: {
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.67 0.16 58)",
+                "--primary-foreground": "oklch(0.99 0.02 95)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.58 0.22 27)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.88 0.15 92)",
+                "--chart-2": "oklch(0.77 0.16 70)",
+                "--chart-3": "oklch(0.67 0.16 58)",
+                "--chart-4": "oklch(0.56 0.15 49)",
+                "--chart-5": "oklch(0.47 0.12 46)",
+                "--radius": "0.625rem",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.51 0.23 277)",
+                "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.59 0.20 277)",
+                "--primary-foreground": "oklch(0.96 0.02 272)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.371 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.79 0.10 275)",
+                "--chart-2": "oklch(0.68 0.16 277)",
+                "--chart-3": "oklch(0.59 0.20 277)",
+                "--chart-4": "oklch(0.51 0.23 277)",
+                "--chart-5": "oklch(0.46 0.21 277)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.68 0.16 277)",
+                "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 14.5%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 14.5%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 14.5%",
+                "--primary": "239 84% 67%",
+                "--primary-foreground": "236 89% 91%",
+                "--secondary": "0 0% 96.7%",
+                "--secondary-foreground": "0 0% 21%",
+                "--muted": "0 0% 97%",
+                "--muted-foreground": "0 0% 55.6%",
+                "--accent": "0 0% 97%",
+                "--accent-foreground": "0 0% 20.5%",
+                "--destructive": "0 84.2% 60.2%",
+                "--border": "0 0% 92.2%",
+                "--input": "0 0% 92.2%",
+                "--ring": "0 0% 70.8%",
+                "--radius": "0.625rem"
+            },
+            dark: {
+                "--background": "0 0% 14.5%",
+                "--foreground": "0 0% 98.5%",
+                "--card": "0 0% 20.5%",
+                "--card-foreground": "0 0% 98.5%",
+                "--popover": "0 0% 20.5%",
+                "--popover-foreground": "0 0% 98.5%",
+                "--primary": "239 84% 62%",
+                "--primary-foreground": "236 89% 91%",
+                "--secondary": "0 0% 27.4%",
+                "--secondary-foreground": "0 0% 98.5%",
+                "--muted": "0 0% 26.9%",
+                "--muted-foreground": "0 0% 70.8%",
+                "--accent": "0 0% 37.1%",
+                "--accent-foreground": "0 0% 98.5%",
+                "--destructive": "0 72% 51%",
+                "--border": "0 0% 27.4%",
+                "--input": "0 0% 27.4%",
+                "--ring": "0 0% 55.6%"
+            }
+        }
+    },
+
+    lime: {
+        v4: {
+            root: {
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.65 0.18 132)",
+                "--primary-foreground": "oklch(0.99 0.03 121)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.58 0.22 27)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.90 0.18 127)",
+                "--chart-2": "oklch(0.85 0.21 129)",
+                "--chart-3": "oklch(0.77 0.20 131)",
+                "--chart-4": "oklch(0.65 0.18 132)",
+                "--chart-5": "oklch(0.53 0.14 132)",
+                "--radius": "0.625rem",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.65 0.18 132)",
+                "--sidebar-primary-foreground": "oklch(0.99 0.03 121)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.77 0.20 131)",
+                "--primary-foreground": "oklch(0.27 0.07 132)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.371 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.90 0.18 127)",
+                "--chart-2": "oklch(0.85 0.21 129)",
+                "--chart-3": "oklch(0.77 0.20 131)",
+                "--chart-4": "oklch(0.65 0.18 132)",
+                "--chart-5": "oklch(0.53 0.14 132)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.85 0.21 129)",
+                "--sidebar-primary-foreground": "oklch(0.27 0.07 132)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 14.5%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 14.5%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 14.5%",
+                "--primary": "84 81% 44%",
+                "--primary-foreground": "78 92% 88%",
+                "--secondary": "0 0% 96.7%",
+                "--secondary-foreground": "0 0% 21%",
+                "--muted": "0 0% 97%",
+                "--muted-foreground": "0 0% 55.6%",
+                "--accent": "0 0% 97%",
+                "--accent-foreground": "0 0% 20.5%",
+                "--destructive": "0 84.2% 60.2%",
+                "--border": "0 0% 92.2%",
+                "--input": "0 0% 92.2%",
+                "--ring": "0 0% 70.8%",
+                "--radius": "0.625rem"
+            },
+            dark: {
+                "--background": "0 0% 14.5%",
+                "--foreground": "0 0% 98.5%",
+                "--card": "0 0% 20.5%",
+                "--card-foreground": "0 0% 98.5%",
+                "--popover": "0 0% 20.5%",
+                "--popover-foreground": "0 0% 98.5%",
+                "--primary": "82 81% 60%",
+                "--primary-foreground": "84 60% 28%",
+                "--secondary": "0 0% 27.4%",
+                "--secondary-foreground": "0 0% 98.5%",
+                "--muted": "0 0% 26.9%",
+                "--muted-foreground": "0 0% 70.8%",
+                "--accent": "0 0% 37.1%",
+                "--accent-foreground": "0 0% 98.5%",
+                "--destructive": "0 72% 51%",
+                "--border": "0 0% 27.4%",
+                "--input": "0 0% 27.4%",
+                "--ring": "0 0% 55.6%"
+            }
+        }
+    },
+    emerald: {
+        v4: {
+            root: {
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.60 0.13 163)",
+                "--primary-foreground": "oklch(0.98 0.02 166)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.58 0.22 27)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.85 0.13 165)",
+                "--chart-2": "oklch(0.77 0.15 163)",
+                "--chart-3": "oklch(0.70 0.15 162)",
+                "--chart-4": "oklch(0.60 0.13 163)",
+                "--chart-5": "oklch(0.51 0.10 166)",
+                "--radius": "0.625rem",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.60 0.13 163)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.02 166)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.70 0.15 162)",
+                "--primary-foreground": "oklch(0.26 0.05 173)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.371 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.85 0.13 165)",
+                "--chart-2": "oklch(0.77 0.15 163)",
+                "--chart-3": "oklch(0.70 0.15 162)",
+                "--chart-4": "oklch(0.60 0.13 163)",
+                "--chart-5": "oklch(0.51 0.10 166)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.77 0.15 163)",
+                "--sidebar-primary-foreground": "oklch(0.26 0.05 173)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 14.5%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 14.5%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 14.5%",
+                "--primary": "160 84% 39%",
+                "--primary-foreground": "151 61% 90%",
+                "--secondary": "0 0% 96.7%",
+                "--secondary-foreground": "0 0% 21%",
+                "--muted": "0 0% 97%",
+                "--muted-foreground": "0 0% 55.6%",
+                "--accent": "0 0% 97%",
+                "--accent-foreground": "0 0% 20.5%",
+                "--destructive": "0 84.2% 60.2%",
+                "--border": "0 0% 92.2%",
+                "--input": "0 0% 92.2%",
+                "--ring": "0 0% 70.8%",
+                "--radius": "0.625rem"
+            },
+            dark: {
+                "--background": "0 0% 14.5%",
+                "--foreground": "0 0% 98.5%",
+                "--card": "0 0% 20.5%",
+                "--card-foreground": "0 0% 98.5%",
+                "--popover": "0 0% 20.5%",
+                "--popover-foreground": "0 0% 98.5%",
+                "--primary": "158 84% 49%",
+                "--primary-foreground": "166 50% 28%",
+                "--secondary": "0 0% 27.4%",
+                "--secondary-foreground": "0 0% 98.5%",
+                "--muted": "0 0% 26.9%",
+                "--muted-foreground": "0 0% 70.8%",
+                "--accent": "0 0% 37.1%",
+                "--accent-foreground": "0 0% 98.5%",
+                "--destructive": "0 72% 51%",
+                "--border": "0 0% 27.4%",
+                "--input": "0 0% 27.4%",
+                "--ring": "0 0% 55.6%"
+            }
+        }
+    },
+
+    fuchsia: {
+        v4: {
+            root: {
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.59 0.26 323)",
+                "--primary-foreground": "oklch(0.98 0.02 320)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.58 0.22 27)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.83 0.13 321)",
+                "--chart-2": "oklch(0.75 0.21 322)",
+                "--chart-3": "oklch(0.67 0.26 322)",
+                "--chart-4": "oklch(0.59 0.26 323)",
+                "--chart-5": "oklch(0.52 0.23 324)",
+                "--radius": "0.625rem",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.59 0.26 323)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.02 320)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.67 0.26 322)",
+                "--primary-foreground": "oklch(0.98 0.02 320)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.371 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.83 0.13 321)",
+                "--chart-2": "oklch(0.75 0.21 322)",
+                "--chart-3": "oklch(0.67 0.26 322)",
+                "--chart-4": "oklch(0.59 0.26 323)",
+                "--chart-5": "oklch(0.52 0.23 324)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.75 0.21 322)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.02 320)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 14.5%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 14.5%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 14.5%",
+                "--primary": "292 84% 51%",
+                "--primary-foreground": "292 93% 91%",
+                "--secondary": "0 0% 96.7%",
+                "--secondary-foreground": "0 0% 21%",
+                "--muted": "0 0% 97%",
+                "--muted-foreground": "0 0% 55.6%",
+                "--accent": "0 0% 97%",
+                "--accent-foreground": "0 0% 20.5%",
+                "--destructive": "0 84.2% 60.2%",
+                "--border": "0 0% 92.2%",
+                "--input": "0 0% 92.2%",
+                "--ring": "0 0% 70.8%",
+                "--radius": "0.625rem"
+            },
+            dark: {
+                "--background": "0 0% 14.5%",
+                "--foreground": "0 0% 98.5%",
+                "--card": "0 0% 20.5%",
+                "--card-foreground": "0 0% 98.5%",
+                "--popover": "0 0% 20.5%",
+                "--popover-foreground": "0 0% 98.5%",
+                "--primary": "292 91% 55%",
+                "--primary-foreground": "292 93% 91%",
+                "--secondary": "0 0% 27.4%",
+                "--secondary-foreground": "0 0% 98.5%",
+                "--muted": "0 0% 26.9%",
+                "--muted-foreground": "0 0% 70.8%",
+                "--accent": "0 0% 37.1%",
+                "--accent-foreground": "0 0% 98.5%",
+                "--destructive": "0 72% 51%",
+                "--border": "0 0% 27.4%",
+                "--input": "0 0% 27.4%",
+                "--ring": "0 0% 55.6%"
+            }
+        }
+    },
+
+    cyan: {
+        v4: {
+            root: {
+                "--background": "oklch(1 0 0)",
+                "--foreground": "oklch(0.145 0 0)",
+                "--card": "oklch(1 0 0)",
+                "--card-foreground": "oklch(0.145 0 0)",
+                "--popover": "oklch(1 0 0)",
+                "--popover-foreground": "oklch(0.145 0 0)",
+                "--primary": "oklch(0.61 0.11 222)",
+                "--primary-foreground": "oklch(0.98 0.02 201)",
+                "--secondary": "oklch(0.967 0.001 286.375)",
+                "--secondary-foreground": "oklch(0.21 0.006 285.885)",
+                "--muted": "oklch(0.97 0 0)",
+                "--muted-foreground": "oklch(0.556 0 0)",
+                "--accent": "oklch(0.97 0 0)",
+                "--accent-foreground": "oklch(0.205 0 0)",
+                "--destructive": "oklch(0.58 0.22 27)",
+                "--border": "oklch(0.922 0 0)",
+                "--input": "oklch(0.922 0 0)",
+                "--ring": "oklch(0.708 0 0)",
+                "--chart-1": "oklch(0.87 0.12 207)",
+                "--chart-2": "oklch(0.80 0.13 212)",
+                "--chart-3": "oklch(0.71 0.13 215)",
+                "--chart-4": "oklch(0.61 0.11 222)",
+                "--chart-5": "oklch(0.52 0.09 223)",
+                "--radius": "0.625rem",
+                "--sidebar": "oklch(0.985 0 0)",
+                "--sidebar-foreground": "oklch(0.145 0 0)",
+                "--sidebar-primary": "oklch(0.61 0.11 222)",
+                "--sidebar-primary-foreground": "oklch(0.98 0.02 201)",
+                "--sidebar-accent": "oklch(0.97 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.205 0 0)",
+                "--sidebar-border": "oklch(0.922 0 0)",
+                "--sidebar-ring": "oklch(0.708 0 0)"
+            },
+            dark: {
+                "--background": "oklch(0.145 0 0)",
+                "--foreground": "oklch(0.985 0 0)",
+                "--card": "oklch(0.205 0 0)",
+                "--card-foreground": "oklch(0.985 0 0)",
+                "--popover": "oklch(0.205 0 0)",
+                "--popover-foreground": "oklch(0.985 0 0)",
+                "--primary": "oklch(0.71 0.13 215)",
+                "--primary-foreground": "oklch(0.30 0.05 230)",
+                "--secondary": "oklch(0.274 0.006 286.033)",
+                "--secondary-foreground": "oklch(0.985 0 0)",
+                "--muted": "oklch(0.269 0 0)",
+                "--muted-foreground": "oklch(0.708 0 0)",
+                "--accent": "oklch(0.371 0 0)",
+                "--accent-foreground": "oklch(0.985 0 0)",
+                "--destructive": "oklch(0.704 0.191 22.216)",
+                "--border": "oklch(1 0 0 / 10%)",
+                "--input": "oklch(1 0 0 / 15%)",
+                "--ring": "oklch(0.556 0 0)",
+                "--chart-1": "oklch(0.87 0.12 207)",
+                "--chart-2": "oklch(0.80 0.13 212)",
+                "--chart-3": "oklch(0.71 0.13 215)",
+                "--chart-4": "oklch(0.61 0.11 222)",
+                "--chart-5": "oklch(0.52 0.09 223)",
+                "--sidebar": "oklch(0.205 0 0)",
+                "--sidebar-foreground": "oklch(0.985 0 0)",
+                "--sidebar-primary": "oklch(0.80 0.13 212)",
+                "--sidebar-primary-foreground": "oklch(0.30 0.05 230)",
+                "--sidebar-accent": "oklch(0.269 0 0)",
+                "--sidebar-accent-foreground": "oklch(0.985 0 0)",
+                "--sidebar-border": "oklch(1 0 0 / 10%)",
+                "--sidebar-ring": "oklch(0.556 0 0)"
+            }
+        },
+        v3: {
+            root: {
+                "--background": "0 0% 100%",
+                "--foreground": "0 0% 14.5%",
+                "--card": "0 0% 100%",
+                "--card-foreground": "0 0% 14.5%",
+                "--popover": "0 0% 100%",
+                "--popover-foreground": "0 0% 14.5%",
+                "--primary": "189 94% 43%",
+                "--primary-foreground": "185 96% 90%",
+                "--secondary": "0 0% 96.7%",
+                "--secondary-foreground": "0 0% 21%",
+                "--muted": "0 0% 97%",
+                "--muted-foreground": "0 0% 55.6%",
+                "--accent": "0 0% 97%",
+                "--accent-foreground": "0 0% 20.5%",
+                "--destructive": "0 84.2% 60.2%",
+                "--border": "0 0% 92.2%",
+                "--input": "0 0% 92.2%",
+                "--ring": "0 0% 70.8%",
+                "--radius": "0.625rem"
+            },
+            dark: {
+                "--background": "0 0% 14.5%",
+                "--foreground": "0 0% 98.5%",
+                "--card": "0 0% 20.5%",
+                "--card-foreground": "0 0% 98.5%",
+                "--popover": "0 0% 20.5%",
+                "--popover-foreground": "0 0% 98.5%",
+                "--primary": "188 95% 54%",
+                "--primary-foreground": "197 50% 30%",
+                "--secondary": "0 0% 27.4%",
+                "--secondary-foreground": "0 0% 98.5%",
+                "--muted": "0 0% 26.9%",
+                "--muted-foreground": "0 0% 70.8%",
+                "--accent": "0 0% 37.1%",
+                "--accent-foreground": "0 0% 98.5%",
+                "--destructive": "0 72% 51%",
+                "--border": "0 0% 27.4%",
+                "--input": "0 0% 27.4%",
+                "--ring": "0 0% 55.6%"
+            }
+        }
+    },
+
+
+    
+};
+/**   */