diff --git a/apps/v4/public/r/colors/mauve.json b/apps/v4/public/r/colors/mauve.json
new file mode 100644
index 0000000000..85c500df27
--- /dev/null
+++ b/apps/v4/public/r/colors/mauve.json
@@ -0,0 +1,211 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.145 0.008 326)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.145 0.008 326)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.145 0.008 326)",
+      "primary": "oklch(0.212 0.019 322.12)",
+      "primary-foreground": "oklch(0.985 0 0)",
+      "secondary": "oklch(0.96 0.003 325.6)",
+      "secondary-foreground": "oklch(0.212 0.019 322.12)",
+      "muted": "oklch(0.96 0.003 325.6)",
+      "muted-foreground": "oklch(0.542 0.034 322.5)",
+      "accent": "oklch(0.96 0.003 325.6)",
+      "accent-foreground": "oklch(0.212 0.019 322.12)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 325.62)",
+      "input": "oklch(0.922 0.005 325.62)",
+      "ring": "oklch(0.711 0.019 323.02)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0 0)",
+      "sidebar-foreground": "oklch(0.145 0.008 326)",
+      "sidebar-primary": "oklch(0.212 0.019 322.12)",
+      "sidebar-primary-foreground": "oklch(0.985 0 0)",
+      "sidebar-accent": "oklch(0.96 0.003 325.6)",
+      "sidebar-accent-foreground": "oklch(0.212 0.019 322.12)",
+      "sidebar-border": "oklch(0.922 0.005 325.62)",
+      "sidebar-ring": "oklch(0.711 0.019 323.02)"
+    },
+    "dark": {
+      "background": "oklch(0.145 0.008 326)",
+      "foreground": "oklch(0.985 0 0)",
+      "card": "oklch(0.212 0.019 322.12)",
+      "card-foreground": "oklch(0.985 0 0)",
+      "popover": "oklch(0.212 0.019 322.12)",
+      "popover-foreground": "oklch(0.985 0 0)",
+      "primary": "oklch(0.922 0.005 325.62)",
+      "primary-foreground": "oklch(0.212 0.019 322.12)",
+      "secondary": "oklch(0.263 0.024 320.12)",
+      "secondary-foreground": "oklch(0.985 0 0)",
+      "muted": "oklch(0.263 0.024 320.12)",
+      "muted-foreground": "oklch(0.711 0.019 323.02)",
+      "accent": "oklch(0.263 0.024 320.12)",
+      "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.542 0.034 322.5)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "sidebar": "oklch(0.212 0.019 322.12)",
+      "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.263 0.024 320.12)",
+      "sidebar-accent-foreground": "oklch(0.985 0 0)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.542 0.034 322.5)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.145 0.008 326)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.145 0.008 326)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.145 0.008 326)",
+      "primary": "oklch(0.212 0.019 322.12)",
+      "primary-foreground": "oklch(0.985 0 0)",
+      "secondary": "oklch(0.96 0.003 325.6)",
+      "secondary-foreground": "oklch(0.212 0.019 322.12)",
+      "muted": "oklch(0.96 0.003 325.6)",
+      "muted-foreground": "oklch(0.542 0.034 322.5)",
+      "accent": "oklch(0.96 0.003 325.6)",
+      "accent-foreground": "oklch(0.212 0.019 322.12)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 325.62)",
+      "input": "oklch(0.922 0.005 325.62)",
+      "ring": "oklch(0.711 0.019 323.02)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0 0)",
+      "sidebar-foreground": "oklch(0.145 0.008 326)",
+      "sidebar-primary": "oklch(0.212 0.019 322.12)",
+      "sidebar-primary-foreground": "oklch(0.985 0 0)",
+      "sidebar-accent": "oklch(0.96 0.003 325.6)",
+      "sidebar-accent-foreground": "oklch(0.212 0.019 322.12)",
+      "sidebar-border": "oklch(0.922 0.005 325.62)",
+      "sidebar-ring": "oklch(0.711 0.019 323.02)"
+    },
+    "dark": {
+      "background": "oklch(0.145 0.008 326)",
+      "foreground": "oklch(0.985 0 0)",
+      "card": "oklch(0.212 0.019 322.12)",
+      "card-foreground": "oklch(0.985 0 0)",
+      "popover": "oklch(0.212 0.019 322.12)",
+      "popover-foreground": "oklch(0.985 0 0)",
+      "primary": "oklch(0.922 0.005 325.62)",
+      "primary-foreground": "oklch(0.212 0.019 322.12)",
+      "secondary": "oklch(0.263 0.024 320.12)",
+      "secondary-foreground": "oklch(0.985 0 0)",
+      "muted": "oklch(0.263 0.024 320.12)",
+      "muted-foreground": "oklch(0.711 0.019 323.02)",
+      "accent": "oklch(0.263 0.024 320.12)",
+      "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.542 0.034 322.5)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "sidebar": "oklch(0.212 0.019 322.12)",
+      "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.263 0.024 320.12)",
+      "sidebar-accent-foreground": "oklch(0.985 0 0)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.542 0.034 322.5)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.145 0.008 326)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.145 0.008 326)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.145 0.008 326)",
+      "primary": "oklch(0.212 0.019 322.12)",
+      "primary-foreground": "oklch(0.985 0 0)",
+      "secondary": "oklch(0.96 0.003 325.6)",
+      "secondary-foreground": "oklch(0.212 0.019 322.12)",
+      "muted": "oklch(0.96 0.003 325.6)",
+      "muted-foreground": "oklch(0.542 0.034 322.5)",
+      "accent": "oklch(0.96 0.003 325.6)",
+      "accent-foreground": "oklch(0.212 0.019 322.12)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 325.62)",
+      "input": "oklch(0.922 0.005 325.62)",
+      "ring": "oklch(0.711 0.019 323.02)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0 0)",
+      "sidebar-foreground": "oklch(0.145 0.008 326)",
+      "sidebar-primary": "oklch(0.212 0.019 322.12)",
+      "sidebar-primary-foreground": "oklch(0.985 0 0)",
+      "sidebar-accent": "oklch(0.96 0.003 325.6)",
+      "sidebar-accent-foreground": "oklch(0.212 0.019 322.12)",
+      "sidebar-border": "oklch(0.922 0.005 325.62)",
+      "sidebar-ring": "oklch(0.711 0.019 323.02)"
+    },
+    "dark": {
+      "background": "oklch(0.145 0.008 326)",
+      "foreground": "oklch(0.985 0 0)",
+      "card": "oklch(0.212 0.019 322.12)",
+      "card-foreground": "oklch(0.985 0 0)",
+      "popover": "oklch(0.212 0.019 322.12)",
+      "popover-foreground": "oklch(0.985 0 0)",
+      "primary": "oklch(0.922 0.005 325.62)",
+      "primary-foreground": "oklch(0.212 0.019 322.12)",
+      "secondary": "oklch(0.263 0.024 320.12)",
+      "secondary-foreground": "oklch(0.985 0 0)",
+      "muted": "oklch(0.263 0.024 320.12)",
+      "muted-foreground": "oklch(0.711 0.019 323.02)",
+      "accent": "oklch(0.263 0.024 320.12)",
+      "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.542 0.034 322.5)",
+      "chart-1": "oklch(0.845 0.143 164.978)",
+      "chart-2": "oklch(0.696 0.17 162.48)",
+      "chart-3": "oklch(0.596 0.145 163.225)",
+      "chart-4": "oklch(0.508 0.118 165.612)",
+      "chart-5": "oklch(0.432 0.095 166.913)",
+      "sidebar": "oklch(0.212 0.019 322.12)",
+      "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.263 0.024 320.12)",
+      "sidebar-accent-foreground": "oklch(0.985 0 0)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.542 0.034 322.5)"
+    }
+  },
+  "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.145 0.008 326);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.145 0.008 326);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.145 0.008 326);\n    --primary: oklch(0.212 0.019 322.12);\n    --primary-foreground: oklch(0.985 0 0);\n    --secondary: oklch(0.96 0.003 325.6);\n    --secondary-foreground: oklch(0.212 0.019 322.12);\n    --muted: oklch(0.96 0.003 325.6);\n    --muted-foreground: oklch(0.542 0.034 322.5);\n    --accent: oklch(0.96 0.003 325.6);\n    --accent-foreground: oklch(0.212 0.019 322.12);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.922 0.005 325.62);\n    --input: oklch(0.922 0.005 325.62);\n    --ring: oklch(0.711 0.019 323.02);\n    --chart-1: oklch(0.845 0.143 164.978);\n    --chart-2: oklch(0.696 0.17 162.48);\n    --chart-3: oklch(0.596 0.145 163.225);\n    --chart-4: oklch(0.508 0.118 165.612);\n    --chart-5: oklch(0.432 0.095 166.913);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.145 0.008 326);\n    --foreground: oklch(0.985 0 0);\n    --card: oklch(0.212 0.019 322.12);\n    --card-foreground: oklch(0.985 0 0);\n    --popover: oklch(0.212 0.019 322.12);\n    --popover-foreground: oklch(0.985 0 0);\n    --primary: oklch(0.922 0.005 325.62);\n    --primary-foreground: oklch(0.212 0.019 322.12);\n    --secondary: oklch(0.263 0.024 320.12);\n    --secondary-foreground: oklch(0.985 0 0);\n    --muted: oklch(0.263 0.024 320.12);\n    --muted-foreground: oklch(0.711 0.019 323.02);\n    --accent: oklch(0.263 0.024 320.12);\n    --accent-foreground: oklch(0.985 0 0);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.542 0.034 322.5);\n    --chart-1: oklch(0.845 0.143 164.978);\n    --chart-2: oklch(0.696 0.17 162.48);\n    --chart-3: oklch(0.596 0.145 163.225);\n    --chart-4: oklch(0.508 0.118 165.612);\n    --chart-5: oklch(0.432 0.095 166.913);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/mist.json b/apps/v4/public/r/colors/mist.json
new file mode 100644
index 0000000000..66222590a4
--- /dev/null
+++ b/apps/v4/public/r/colors/mist.json
@@ -0,0 +1,211 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.148 0.004 228.8)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.148 0.004 228.8)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.148 0.004 228.8)",
+      "primary": "oklch(0.218 0.008 223.9)",
+      "primary-foreground": "oklch(0.987 0.002 197.1)",
+      "secondary": "oklch(0.963 0.002 197.1)",
+      "secondary-foreground": "oklch(0.218 0.008 223.9)",
+      "muted": "oklch(0.963 0.002 197.1)",
+      "muted-foreground": "oklch(0.56 0.021 213.5)",
+      "accent": "oklch(0.963 0.002 197.1)",
+      "accent-foreground": "oklch(0.218 0.008 223.9)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.925 0.005 214.3)",
+      "input": "oklch(0.925 0.005 214.3)",
+      "ring": "oklch(0.723 0.014 214.4)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.987 0.002 197.1)",
+      "sidebar-foreground": "oklch(0.148 0.004 228.8)",
+      "sidebar-primary": "oklch(0.218 0.008 223.9)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.963 0.002 197.1)",
+      "sidebar-accent-foreground": "oklch(0.218 0.008 223.9)",
+      "sidebar-border": "oklch(0.925 0.005 214.3)",
+      "sidebar-ring": "oklch(0.723 0.014 214.4)"
+    },
+    "dark": {
+      "background": "oklch(0.148 0.004 228.8)",
+      "foreground": "oklch(0.987 0.002 197.1)",
+      "card": "oklch(0.218 0.008 223.9)",
+      "card-foreground": "oklch(0.987 0.002 197.1)",
+      "popover": "oklch(0.218 0.008 223.9)",
+      "popover-foreground": "oklch(0.987 0.002 197.1)",
+      "primary": "oklch(0.925 0.005 214.3)",
+      "primary-foreground": "oklch(0.218 0.008 223.9)",
+      "secondary": "oklch(0.275 0.011 216.9)",
+      "secondary-foreground": "oklch(0.987 0.002 197.1)",
+      "muted": "oklch(0.275 0.011 216.9)",
+      "muted-foreground": "oklch(0.723 0.014 214.4)",
+      "accent": "oklch(0.275 0.011 216.9)",
+      "accent-foreground": "oklch(0.987 0.002 197.1)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.56 0.021 213.5)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "sidebar": "oklch(0.218 0.008 223.9)",
+      "sidebar-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.275 0.011 216.9)",
+      "sidebar-accent-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.56 0.021 213.5)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.148 0.004 228.8)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.148 0.004 228.8)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.148 0.004 228.8)",
+      "primary": "oklch(0.218 0.008 223.9)",
+      "primary-foreground": "oklch(0.987 0.002 197.1)",
+      "secondary": "oklch(0.963 0.002 197.1)",
+      "secondary-foreground": "oklch(0.218 0.008 223.9)",
+      "muted": "oklch(0.963 0.002 197.1)",
+      "muted-foreground": "oklch(0.56 0.021 213.5)",
+      "accent": "oklch(0.963 0.002 197.1)",
+      "accent-foreground": "oklch(0.218 0.008 223.9)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.925 0.005 214.3)",
+      "input": "oklch(0.925 0.005 214.3)",
+      "ring": "oklch(0.723 0.014 214.4)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.987 0.002 197.1)",
+      "sidebar-foreground": "oklch(0.148 0.004 228.8)",
+      "sidebar-primary": "oklch(0.218 0.008 223.9)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.963 0.002 197.1)",
+      "sidebar-accent-foreground": "oklch(0.218 0.008 223.9)",
+      "sidebar-border": "oklch(0.925 0.005 214.3)",
+      "sidebar-ring": "oklch(0.723 0.014 214.4)"
+    },
+    "dark": {
+      "background": "oklch(0.148 0.004 228.8)",
+      "foreground": "oklch(0.987 0.002 197.1)",
+      "card": "oklch(0.218 0.008 223.9)",
+      "card-foreground": "oklch(0.987 0.002 197.1)",
+      "popover": "oklch(0.218 0.008 223.9)",
+      "popover-foreground": "oklch(0.987 0.002 197.1)",
+      "primary": "oklch(0.925 0.005 214.3)",
+      "primary-foreground": "oklch(0.218 0.008 223.9)",
+      "secondary": "oklch(0.275 0.011 216.9)",
+      "secondary-foreground": "oklch(0.987 0.002 197.1)",
+      "muted": "oklch(0.275 0.011 216.9)",
+      "muted-foreground": "oklch(0.723 0.014 214.4)",
+      "accent": "oklch(0.275 0.011 216.9)",
+      "accent-foreground": "oklch(0.987 0.002 197.1)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.56 0.021 213.5)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "sidebar": "oklch(0.218 0.008 223.9)",
+      "sidebar-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.275 0.011 216.9)",
+      "sidebar-accent-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.56 0.021 213.5)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.148 0.004 228.8)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.148 0.004 228.8)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.148 0.004 228.8)",
+      "primary": "oklch(0.218 0.008 223.9)",
+      "primary-foreground": "oklch(0.987 0.002 197.1)",
+      "secondary": "oklch(0.963 0.002 197.1)",
+      "secondary-foreground": "oklch(0.218 0.008 223.9)",
+      "muted": "oklch(0.963 0.002 197.1)",
+      "muted-foreground": "oklch(0.56 0.021 213.5)",
+      "accent": "oklch(0.963 0.002 197.1)",
+      "accent-foreground": "oklch(0.218 0.008 223.9)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.925 0.005 214.3)",
+      "input": "oklch(0.925 0.005 214.3)",
+      "ring": "oklch(0.723 0.014 214.4)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.987 0.002 197.1)",
+      "sidebar-foreground": "oklch(0.148 0.004 228.8)",
+      "sidebar-primary": "oklch(0.218 0.008 223.9)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.963 0.002 197.1)",
+      "sidebar-accent-foreground": "oklch(0.218 0.008 223.9)",
+      "sidebar-border": "oklch(0.925 0.005 214.3)",
+      "sidebar-ring": "oklch(0.723 0.014 214.4)"
+    },
+    "dark": {
+      "background": "oklch(0.148 0.004 228.8)",
+      "foreground": "oklch(0.987 0.002 197.1)",
+      "card": "oklch(0.218 0.008 223.9)",
+      "card-foreground": "oklch(0.987 0.002 197.1)",
+      "popover": "oklch(0.218 0.008 223.9)",
+      "popover-foreground": "oklch(0.987 0.002 197.1)",
+      "primary": "oklch(0.925 0.005 214.3)",
+      "primary-foreground": "oklch(0.218 0.008 223.9)",
+      "secondary": "oklch(0.275 0.011 216.9)",
+      "secondary-foreground": "oklch(0.987 0.002 197.1)",
+      "muted": "oklch(0.275 0.011 216.9)",
+      "muted-foreground": "oklch(0.723 0.014 214.4)",
+      "accent": "oklch(0.275 0.011 216.9)",
+      "accent-foreground": "oklch(0.987 0.002 197.1)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.56 0.021 213.5)",
+      "chart-1": "oklch(0.81 0.117 11.638)",
+      "chart-2": "oklch(0.645 0.246 16.439)",
+      "chart-3": "oklch(0.586 0.253 17.585)",
+      "chart-4": "oklch(0.514 0.222 16.935)",
+      "chart-5": "oklch(0.455 0.188 13.697)",
+      "sidebar": "oklch(0.218 0.008 223.9)",
+      "sidebar-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-accent": "oklch(0.275 0.011 216.9)",
+      "sidebar-accent-foreground": "oklch(0.987 0.002 197.1)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.56 0.021 213.5)"
+    }
+  },
+  "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.148 0.004 228.8);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.148 0.004 228.8);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.148 0.004 228.8);\n    --primary: oklch(0.218 0.008 223.9);\n    --primary-foreground: oklch(0.987 0.002 197.1);\n    --secondary: oklch(0.963 0.002 197.1);\n    --secondary-foreground: oklch(0.218 0.008 223.9);\n    --muted: oklch(0.963 0.002 197.1);\n    --muted-foreground: oklch(0.56 0.021 213.5);\n    --accent: oklch(0.963 0.002 197.1);\n    --accent-foreground: oklch(0.218 0.008 223.9);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.925 0.005 214.3);\n    --input: oklch(0.925 0.005 214.3);\n    --ring: oklch(0.723 0.014 214.4);\n    --chart-1: oklch(0.81 0.117 11.638);\n    --chart-2: oklch(0.645 0.246 16.439);\n    --chart-3: oklch(0.586 0.253 17.585);\n    --chart-4: oklch(0.514 0.222 16.935);\n    --chart-5: oklch(0.455 0.188 13.697);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.148 0.004 228.8);\n    --foreground: oklch(0.987 0.002 197.1);\n    --card: oklch(0.218 0.008 223.9);\n    --card-foreground: oklch(0.987 0.002 197.1);\n    --popover: oklch(0.218 0.008 223.9);\n    --popover-foreground: oklch(0.987 0.002 197.1);\n    --primary: oklch(0.925 0.005 214.3);\n    --primary-foreground: oklch(0.218 0.008 223.9);\n    --secondary: oklch(0.275 0.011 216.9);\n    --secondary-foreground: oklch(0.987 0.002 197.1);\n    --muted: oklch(0.275 0.011 216.9);\n    --muted-foreground: oklch(0.723 0.014 214.4);\n    --accent: oklch(0.275 0.011 216.9);\n    --accent-foreground: oklch(0.987 0.002 197.1);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.56 0.021 213.5);\n    --chart-1: oklch(0.81 0.117 11.638);\n    --chart-2: oklch(0.645 0.246 16.439);\n    --chart-3: oklch(0.586 0.253 17.585);\n    --chart-4: oklch(0.514 0.222 16.935);\n    --chart-5: oklch(0.455 0.188 13.697);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/neutral.json b/apps/v4/public/r/colors/neutral.json
index 56267dfb4a..fb7f454b16 100644
--- a/apps/v4/public/r/colors/neutral.json
+++ b/apps/v4/public/r/colors/neutral.json
@@ -1,100 +1,140 @@
 {
   "inlineColors": {
     "light": {
-      "background": "white",
-      "foreground": "neutral-950",
-      "card": "white",
-      "card-foreground": "neutral-950",
-      "popover": "white",
-      "popover-foreground": "neutral-950",
-      "primary": "neutral-900",
-      "primary-foreground": "neutral-50",
-      "secondary": "neutral-100",
-      "secondary-foreground": "neutral-900",
-      "muted": "neutral-100",
-      "muted-foreground": "neutral-500",
-      "accent": "neutral-100",
-      "accent-foreground": "neutral-900",
-      "destructive": "red-500",
-      "destructive-foreground": "neutral-50",
-      "border": "neutral-200",
-      "input": "neutral-200",
-      "ring": "neutral-950"
+      "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.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.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
+      "radius": "0.625rem",
+      "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": "neutral-950",
-      "foreground": "neutral-50",
-      "card": "neutral-950",
-      "card-foreground": "neutral-50",
-      "popover": "neutral-950",
-      "popover-foreground": "neutral-50",
-      "primary": "neutral-50",
-      "primary-foreground": "neutral-900",
-      "secondary": "neutral-800",
-      "secondary-foreground": "neutral-50",
-      "muted": "neutral-800",
-      "muted-foreground": "neutral-400",
-      "accent": "neutral-800",
-      "accent-foreground": "neutral-50",
-      "destructive": "red-900",
-      "destructive-foreground": "neutral-50",
-      "border": "neutral-800",
-      "input": "neutral-800",
-      "ring": "neutral-300"
+      "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.87 0.00 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.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.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
+      "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)"
     }
   },
   "cssVars": {
     "light": {
-      "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%",
-      "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%"
+      "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.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.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
+      "radius": "0.625rem",
+      "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": "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%"
+      "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.87 0.00 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.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.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
+      "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)"
     }
   },
   "cssVarsV4": {
@@ -113,15 +153,15 @@
       "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)",
+      "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.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)",
+      "chart-1": "oklch(0.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
       "radius": "0.625rem",
       "sidebar": "oklch(0.985 0 0)",
       "sidebar-foreground": "oklch(0.145 0 0)",
@@ -139,23 +179,23 @@
       "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": "oklch(0.87 0.00 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": "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.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)",
+      "chart-1": "oklch(0.809 0.105 251.813)",
+      "chart-2": "oklch(0.623 0.214 259.815)",
+      "chart-3": "oklch(0.546 0.245 262.881)",
+      "chart-4": "oklch(0.488 0.243 264.376)",
+      "chart-5": "oklch(0.424 0.199 265.638)",
       "sidebar": "oklch(0.205 0 0)",
       "sidebar-foreground": "oklch(0.985 0 0)",
       "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -167,5 +207,5 @@
     }
   },
   "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
-  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 0% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 0% 3.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 0% 3.9%;\n    --primary: 0 0% 9%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 0 0% 96.1%;\n    --secondary-foreground: 0 0% 9%;\n    --muted: 0 0% 96.1%;\n    --muted-foreground: 0 0% 45.1%;\n    --accent: 0 0% 96.1%;\n    --accent-foreground: 0 0% 9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 0 0% 89.8%;\n    --input: 0 0% 89.8%;\n    --ring: 0 0% 3.9%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n\n  .dark {\n    --background: 0 0% 3.9%;\n    --foreground: 0 0% 98%;\n    --card: 0 0% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --popover: 0 0% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 0 0% 9%;\n    --secondary: 0 0% 14.9%;\n    --secondary-foreground: 0 0% 98%;\n    --muted: 0 0% 14.9%;\n    --muted-foreground: 0 0% 63.9%;\n    --accent: 0 0% 14.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 0 0% 14.9%;\n    --input: 0 0% 14.9%;\n    --ring: 0 0% 83.1%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
-}
\ No newline at end of file
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\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    --primary: oklch(0.205 0 0);\n    --primary-foreground: oklch(0.985 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    --destructive: oklch(0.58 0.22 27);\n    --border: oklch(0.922 0 0);\n    --input: oklch(0.922 0 0);\n    --ring: oklch(0.708 0 0);\n    --chart-1: oklch(0.809 0.105 251.813);\n    --chart-2: oklch(0.623 0.214 259.815);\n    --chart-3: oklch(0.546 0.245 262.881);\n    --chart-4: oklch(0.488 0.243 264.376);\n    --chart-5: oklch(0.424 0.199 265.638);\n    --radius: 0.625rem;\n  }\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    --primary: oklch(0.87 0.00 0);\n    --primary-foreground: oklch(0.205 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.371 0 0);\n    --accent-foreground: oklch(0.985 0 0);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.556 0 0);\n    --chart-1: oklch(0.809 0.105 251.813);\n    --chart-2: oklch(0.623 0.214 259.815);\n    --chart-3: oklch(0.546 0.245 262.881);\n    --chart-4: oklch(0.488 0.243 264.376);\n    --chart-5: oklch(0.424 0.199 265.638);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/olive.json b/apps/v4/public/r/colors/olive.json
new file mode 100644
index 0000000000..0ec0dfb9e5
--- /dev/null
+++ b/apps/v4/public/r/colors/olive.json
@@ -0,0 +1,211 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.153 0.006 107.1)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.153 0.006 107.1)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.153 0.006 107.1)",
+      "primary": "oklch(0.228 0.013 107.4)",
+      "primary-foreground": "oklch(0.988 0.003 106.5)",
+      "secondary": "oklch(0.966 0.005 106.5)",
+      "secondary-foreground": "oklch(0.228 0.013 107.4)",
+      "muted": "oklch(0.966 0.005 106.5)",
+      "muted-foreground": "oklch(0.58 0.031 107.3)",
+      "accent": "oklch(0.966 0.005 106.5)",
+      "accent-foreground": "oklch(0.228 0.013 107.4)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.93 0.007 106.5)",
+      "input": "oklch(0.93 0.007 106.5)",
+      "ring": "oklch(0.737 0.021 106.9)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.988 0.003 106.5)",
+      "sidebar-foreground": "oklch(0.153 0.006 107.1)",
+      "sidebar-primary": "oklch(0.228 0.013 107.4)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.966 0.005 106.5)",
+      "sidebar-accent-foreground": "oklch(0.228 0.013 107.4)",
+      "sidebar-border": "oklch(0.93 0.007 106.5)",
+      "sidebar-ring": "oklch(0.737 0.021 106.9)"
+    },
+    "dark": {
+      "background": "oklch(0.153 0.006 107.1)",
+      "foreground": "oklch(0.988 0.003 106.5)",
+      "card": "oklch(0.228 0.013 107.4)",
+      "card-foreground": "oklch(0.988 0.003 106.5)",
+      "popover": "oklch(0.228 0.013 107.4)",
+      "popover-foreground": "oklch(0.988 0.003 106.5)",
+      "primary": "oklch(0.93 0.007 106.5)",
+      "primary-foreground": "oklch(0.228 0.013 107.4)",
+      "secondary": "oklch(0.286 0.016 107.4)",
+      "secondary-foreground": "oklch(0.988 0.003 106.5)",
+      "muted": "oklch(0.286 0.016 107.4)",
+      "muted-foreground": "oklch(0.737 0.021 106.9)",
+      "accent": "oklch(0.286 0.016 107.4)",
+      "accent-foreground": "oklch(0.988 0.003 106.5)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.58 0.031 107.3)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "sidebar": "oklch(0.228 0.013 107.4)",
+      "sidebar-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.286 0.016 107.4)",
+      "sidebar-accent-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.58 0.031 107.3)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.153 0.006 107.1)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.153 0.006 107.1)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.153 0.006 107.1)",
+      "primary": "oklch(0.228 0.013 107.4)",
+      "primary-foreground": "oklch(0.988 0.003 106.5)",
+      "secondary": "oklch(0.966 0.005 106.5)",
+      "secondary-foreground": "oklch(0.228 0.013 107.4)",
+      "muted": "oklch(0.966 0.005 106.5)",
+      "muted-foreground": "oklch(0.58 0.031 107.3)",
+      "accent": "oklch(0.966 0.005 106.5)",
+      "accent-foreground": "oklch(0.228 0.013 107.4)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.93 0.007 106.5)",
+      "input": "oklch(0.93 0.007 106.5)",
+      "ring": "oklch(0.737 0.021 106.9)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.988 0.003 106.5)",
+      "sidebar-foreground": "oklch(0.153 0.006 107.1)",
+      "sidebar-primary": "oklch(0.228 0.013 107.4)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.966 0.005 106.5)",
+      "sidebar-accent-foreground": "oklch(0.228 0.013 107.4)",
+      "sidebar-border": "oklch(0.93 0.007 106.5)",
+      "sidebar-ring": "oklch(0.737 0.021 106.9)"
+    },
+    "dark": {
+      "background": "oklch(0.153 0.006 107.1)",
+      "foreground": "oklch(0.988 0.003 106.5)",
+      "card": "oklch(0.228 0.013 107.4)",
+      "card-foreground": "oklch(0.988 0.003 106.5)",
+      "popover": "oklch(0.228 0.013 107.4)",
+      "popover-foreground": "oklch(0.988 0.003 106.5)",
+      "primary": "oklch(0.93 0.007 106.5)",
+      "primary-foreground": "oklch(0.228 0.013 107.4)",
+      "secondary": "oklch(0.286 0.016 107.4)",
+      "secondary-foreground": "oklch(0.988 0.003 106.5)",
+      "muted": "oklch(0.286 0.016 107.4)",
+      "muted-foreground": "oklch(0.737 0.021 106.9)",
+      "accent": "oklch(0.286 0.016 107.4)",
+      "accent-foreground": "oklch(0.988 0.003 106.5)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.58 0.031 107.3)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "sidebar": "oklch(0.228 0.013 107.4)",
+      "sidebar-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.286 0.016 107.4)",
+      "sidebar-accent-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.58 0.031 107.3)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.153 0.006 107.1)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.153 0.006 107.1)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.153 0.006 107.1)",
+      "primary": "oklch(0.228 0.013 107.4)",
+      "primary-foreground": "oklch(0.988 0.003 106.5)",
+      "secondary": "oklch(0.966 0.005 106.5)",
+      "secondary-foreground": "oklch(0.228 0.013 107.4)",
+      "muted": "oklch(0.966 0.005 106.5)",
+      "muted-foreground": "oklch(0.58 0.031 107.3)",
+      "accent": "oklch(0.966 0.005 106.5)",
+      "accent-foreground": "oklch(0.228 0.013 107.4)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.93 0.007 106.5)",
+      "input": "oklch(0.93 0.007 106.5)",
+      "ring": "oklch(0.737 0.021 106.9)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.988 0.003 106.5)",
+      "sidebar-foreground": "oklch(0.153 0.006 107.1)",
+      "sidebar-primary": "oklch(0.228 0.013 107.4)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.966 0.005 106.5)",
+      "sidebar-accent-foreground": "oklch(0.228 0.013 107.4)",
+      "sidebar-border": "oklch(0.93 0.007 106.5)",
+      "sidebar-ring": "oklch(0.737 0.021 106.9)"
+    },
+    "dark": {
+      "background": "oklch(0.153 0.006 107.1)",
+      "foreground": "oklch(0.988 0.003 106.5)",
+      "card": "oklch(0.228 0.013 107.4)",
+      "card-foreground": "oklch(0.988 0.003 106.5)",
+      "popover": "oklch(0.228 0.013 107.4)",
+      "popover-foreground": "oklch(0.988 0.003 106.5)",
+      "primary": "oklch(0.93 0.007 106.5)",
+      "primary-foreground": "oklch(0.228 0.013 107.4)",
+      "secondary": "oklch(0.286 0.016 107.4)",
+      "secondary-foreground": "oklch(0.988 0.003 106.5)",
+      "muted": "oklch(0.286 0.016 107.4)",
+      "muted-foreground": "oklch(0.737 0.021 106.9)",
+      "accent": "oklch(0.286 0.016 107.4)",
+      "accent-foreground": "oklch(0.988 0.003 106.5)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.58 0.031 107.3)",
+      "chart-1": "oklch(0.811 0.111 293.571)",
+      "chart-2": "oklch(0.606 0.25 292.717)",
+      "chart-3": "oklch(0.541 0.281 293.009)",
+      "chart-4": "oklch(0.491 0.27 292.581)",
+      "chart-5": "oklch(0.432 0.232 292.759)",
+      "sidebar": "oklch(0.228 0.013 107.4)",
+      "sidebar-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-accent": "oklch(0.286 0.016 107.4)",
+      "sidebar-accent-foreground": "oklch(0.988 0.003 106.5)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.58 0.031 107.3)"
+    }
+  },
+  "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.153 0.006 107.1);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.153 0.006 107.1);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.153 0.006 107.1);\n    --primary: oklch(0.228 0.013 107.4);\n    --primary-foreground: oklch(0.988 0.003 106.5);\n    --secondary: oklch(0.966 0.005 106.5);\n    --secondary-foreground: oklch(0.228 0.013 107.4);\n    --muted: oklch(0.966 0.005 106.5);\n    --muted-foreground: oklch(0.58 0.031 107.3);\n    --accent: oklch(0.966 0.005 106.5);\n    --accent-foreground: oklch(0.228 0.013 107.4);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.93 0.007 106.5);\n    --input: oklch(0.93 0.007 106.5);\n    --ring: oklch(0.737 0.021 106.9);\n    --chart-1: oklch(0.811 0.111 293.571);\n    --chart-2: oklch(0.606 0.25 292.717);\n    --chart-3: oklch(0.541 0.281 293.009);\n    --chart-4: oklch(0.491 0.27 292.581);\n    --chart-5: oklch(0.432 0.232 292.759);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.153 0.006 107.1);\n    --foreground: oklch(0.988 0.003 106.5);\n    --card: oklch(0.228 0.013 107.4);\n    --card-foreground: oklch(0.988 0.003 106.5);\n    --popover: oklch(0.228 0.013 107.4);\n    --popover-foreground: oklch(0.988 0.003 106.5);\n    --primary: oklch(0.93 0.007 106.5);\n    --primary-foreground: oklch(0.228 0.013 107.4);\n    --secondary: oklch(0.286 0.016 107.4);\n    --secondary-foreground: oklch(0.988 0.003 106.5);\n    --muted: oklch(0.286 0.016 107.4);\n    --muted-foreground: oklch(0.737 0.021 106.9);\n    --accent: oklch(0.286 0.016 107.4);\n    --accent-foreground: oklch(0.988 0.003 106.5);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.58 0.031 107.3);\n    --chart-1: oklch(0.811 0.111 293.571);\n    --chart-2: oklch(0.606 0.25 292.717);\n    --chart-3: oklch(0.541 0.281 293.009);\n    --chart-4: oklch(0.491 0.27 292.581);\n    --chart-5: oklch(0.432 0.232 292.759);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/stone.json b/apps/v4/public/r/colors/stone.json
index 2648208dce..f8af754d31 100644
--- a/apps/v4/public/r/colors/stone.json
+++ b/apps/v4/public/r/colors/stone.json
@@ -1,103 +1,5 @@
 {
   "inlineColors": {
-    "light": {
-      "background": "white",
-      "foreground": "stone-950",
-      "card": "white",
-      "card-foreground": "stone-950",
-      "popover": "white",
-      "popover-foreground": "stone-950",
-      "primary": "stone-900",
-      "primary-foreground": "stone-50",
-      "secondary": "stone-100",
-      "secondary-foreground": "stone-900",
-      "muted": "stone-100",
-      "muted-foreground": "stone-500",
-      "accent": "stone-100",
-      "accent-foreground": "stone-900",
-      "destructive": "red-500",
-      "destructive-foreground": "stone-50",
-      "border": "stone-200",
-      "input": "stone-200",
-      "ring": "stone-950"
-    },
-    "dark": {
-      "background": "stone-950",
-      "foreground": "stone-50",
-      "card": "stone-950",
-      "card-foreground": "stone-50",
-      "popover": "stone-950",
-      "popover-foreground": "stone-50",
-      "primary": "stone-50",
-      "primary-foreground": "stone-900",
-      "secondary": "stone-800",
-      "secondary-foreground": "stone-50",
-      "muted": "stone-800",
-      "muted-foreground": "stone-400",
-      "accent": "stone-800",
-      "accent-foreground": "stone-50",
-      "destructive": "red-900",
-      "destructive-foreground": "stone-50",
-      "border": "stone-800",
-      "input": "stone-800",
-      "ring": "stone-300"
-    }
-  },
-  "cssVars": {
-    "light": {
-      "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 9.8% 10%",
-      "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": "20 14.3% 4.1%",
-      "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": "60 9.1% 97.8%",
-      "primary-foreground": "24 9.8% 10%",
-      "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": "24 5.7% 82.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%"
-    }
-  },
-  "cssVarsV4": {
     "light": {
       "background": "oklch(1 0 0)",
       "foreground": "oklch(0.147 0.004 49.25)",
@@ -117,11 +19,11 @@
       "border": "oklch(0.923 0.003 48.717)",
       "input": "oklch(0.923 0.003 48.717)",
       "ring": "oklch(0.709 0.01 56.259)",
-      "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)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
       "radius": "0.625rem",
       "sidebar": "oklch(0.985 0.001 106.423)",
       "sidebar-foreground": "oklch(0.147 0.004 49.25)",
@@ -151,11 +53,149 @@
       "border": "oklch(1 0 0 / 10%)",
       "input": "oklch(1 0 0 / 15%)",
       "ring": "oklch(0.553 0.013 58.071)",
-      "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)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
+      "sidebar": "oklch(0.216 0.006 56.043)",
+      "sidebar-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-accent": "oklch(0.268 0.007 34.298)",
+      "sidebar-accent-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.553 0.013 58.071)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.147 0.004 49.25)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.147 0.004 49.25)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.147 0.004 49.25)",
+      "primary": "oklch(0.216 0.006 56.043)",
+      "primary-foreground": "oklch(0.985 0.001 106.423)",
+      "secondary": "oklch(0.97 0.001 106.424)",
+      "secondary-foreground": "oklch(0.216 0.006 56.043)",
+      "muted": "oklch(0.97 0.001 106.424)",
+      "muted-foreground": "oklch(0.553 0.013 58.071)",
+      "accent": "oklch(0.97 0.001 106.424)",
+      "accent-foreground": "oklch(0.216 0.006 56.043)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.923 0.003 48.717)",
+      "input": "oklch(0.923 0.003 48.717)",
+      "ring": "oklch(0.709 0.01 56.259)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0.001 106.423)",
+      "sidebar-foreground": "oklch(0.147 0.004 49.25)",
+      "sidebar-primary": "oklch(0.216 0.006 56.043)",
+      "sidebar-primary-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-accent": "oklch(0.97 0.001 106.424)",
+      "sidebar-accent-foreground": "oklch(0.216 0.006 56.043)",
+      "sidebar-border": "oklch(0.923 0.003 48.717)",
+      "sidebar-ring": "oklch(0.709 0.01 56.259)"
+    },
+    "dark": {
+      "background": "oklch(0.147 0.004 49.25)",
+      "foreground": "oklch(0.985 0.001 106.423)",
+      "card": "oklch(0.216 0.006 56.043)",
+      "card-foreground": "oklch(0.985 0.001 106.423)",
+      "popover": "oklch(0.216 0.006 56.043)",
+      "popover-foreground": "oklch(0.985 0.001 106.423)",
+      "primary": "oklch(0.923 0.003 48.717)",
+      "primary-foreground": "oklch(0.216 0.006 56.043)",
+      "secondary": "oklch(0.268 0.007 34.298)",
+      "secondary-foreground": "oklch(0.985 0.001 106.423)",
+      "muted": "oklch(0.268 0.007 34.298)",
+      "muted-foreground": "oklch(0.709 0.01 56.259)",
+      "accent": "oklch(0.268 0.007 34.298)",
+      "accent-foreground": "oklch(0.985 0.001 106.423)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.553 0.013 58.071)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
+      "sidebar": "oklch(0.216 0.006 56.043)",
+      "sidebar-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-accent": "oklch(0.268 0.007 34.298)",
+      "sidebar-accent-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.553 0.013 58.071)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.147 0.004 49.25)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.147 0.004 49.25)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.147 0.004 49.25)",
+      "primary": "oklch(0.216 0.006 56.043)",
+      "primary-foreground": "oklch(0.985 0.001 106.423)",
+      "secondary": "oklch(0.97 0.001 106.424)",
+      "secondary-foreground": "oklch(0.216 0.006 56.043)",
+      "muted": "oklch(0.97 0.001 106.424)",
+      "muted-foreground": "oklch(0.553 0.013 58.071)",
+      "accent": "oklch(0.97 0.001 106.424)",
+      "accent-foreground": "oklch(0.216 0.006 56.043)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.923 0.003 48.717)",
+      "input": "oklch(0.923 0.003 48.717)",
+      "ring": "oklch(0.709 0.01 56.259)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0.001 106.423)",
+      "sidebar-foreground": "oklch(0.147 0.004 49.25)",
+      "sidebar-primary": "oklch(0.216 0.006 56.043)",
+      "sidebar-primary-foreground": "oklch(0.985 0.001 106.423)",
+      "sidebar-accent": "oklch(0.97 0.001 106.424)",
+      "sidebar-accent-foreground": "oklch(0.216 0.006 56.043)",
+      "sidebar-border": "oklch(0.923 0.003 48.717)",
+      "sidebar-ring": "oklch(0.709 0.01 56.259)"
+    },
+    "dark": {
+      "background": "oklch(0.147 0.004 49.25)",
+      "foreground": "oklch(0.985 0.001 106.423)",
+      "card": "oklch(0.216 0.006 56.043)",
+      "card-foreground": "oklch(0.985 0.001 106.423)",
+      "popover": "oklch(0.216 0.006 56.043)",
+      "popover-foreground": "oklch(0.985 0.001 106.423)",
+      "primary": "oklch(0.923 0.003 48.717)",
+      "primary-foreground": "oklch(0.216 0.006 56.043)",
+      "secondary": "oklch(0.268 0.007 34.298)",
+      "secondary-foreground": "oklch(0.985 0.001 106.423)",
+      "muted": "oklch(0.268 0.007 34.298)",
+      "muted-foreground": "oklch(0.709 0.01 56.259)",
+      "accent": "oklch(0.268 0.007 34.298)",
+      "accent-foreground": "oklch(0.985 0.001 106.423)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.553 0.013 58.071)",
+      "chart-1": "oklch(0.897 0.196 126.665)",
+      "chart-2": "oklch(0.768 0.233 130.85)",
+      "chart-3": "oklch(0.648 0.2 131.684)",
+      "chart-4": "oklch(0.532 0.157 131.589)",
+      "chart-5": "oklch(0.453 0.124 130.933)",
       "sidebar": "oklch(0.216 0.006 56.043)",
       "sidebar-foreground": "oklch(0.985 0.001 106.423)",
       "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -167,5 +207,5 @@
     }
   },
   "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
-  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 20 14.3% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20 14.3% 4.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20 14.3% 4.1%;\n    --primary: 24 9.8% 10%;\n    --primary-foreground: 60 9.1% 97.8%;\n    --secondary: 60 4.8% 95.9%;\n    --secondary-foreground: 24 9.8% 10%;\n    --muted: 60 4.8% 95.9%;\n    --muted-foreground: 25 5.3% 44.7%;\n    --accent: 60 4.8% 95.9%;\n    --accent-foreground: 24 9.8% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --border: 20 5.9% 90%;\n    --input: 20 5.9% 90%;\n    --ring: 20 14.3% 4.1%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n\n  .dark {\n    --background: 20 14.3% 4.1%;\n    --foreground: 60 9.1% 97.8%;\n    --card: 20 14.3% 4.1%;\n    --card-foreground: 60 9.1% 97.8%;\n    --popover: 20 14.3% 4.1%;\n    --popover-foreground: 60 9.1% 97.8%;\n    --primary: 60 9.1% 97.8%;\n    --primary-foreground: 24 9.8% 10%;\n    --secondary: 12 6.5% 15.1%;\n    --secondary-foreground: 60 9.1% 97.8%;\n    --muted: 12 6.5% 15.1%;\n    --muted-foreground: 24 5.4% 63.9%;\n    --accent: 12 6.5% 15.1%;\n    --accent-foreground: 60 9.1% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --border: 12 6.5% 15.1%;\n    --input: 12 6.5% 15.1%;\n    --ring: 24 5.7% 82.9%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
-}
\ No newline at end of file
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.147 0.004 49.25);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.147 0.004 49.25);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.147 0.004 49.25);\n    --primary: oklch(0.216 0.006 56.043);\n    --primary-foreground: oklch(0.985 0.001 106.423);\n    --secondary: oklch(0.97 0.001 106.424);\n    --secondary-foreground: oklch(0.216 0.006 56.043);\n    --muted: oklch(0.97 0.001 106.424);\n    --muted-foreground: oklch(0.553 0.013 58.071);\n    --accent: oklch(0.97 0.001 106.424);\n    --accent-foreground: oklch(0.216 0.006 56.043);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.923 0.003 48.717);\n    --input: oklch(0.923 0.003 48.717);\n    --ring: oklch(0.709 0.01 56.259);\n    --chart-1: oklch(0.897 0.196 126.665);\n    --chart-2: oklch(0.768 0.233 130.85);\n    --chart-3: oklch(0.648 0.2 131.684);\n    --chart-4: oklch(0.532 0.157 131.589);\n    --chart-5: oklch(0.453 0.124 130.933);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.147 0.004 49.25);\n    --foreground: oklch(0.985 0.001 106.423);\n    --card: oklch(0.216 0.006 56.043);\n    --card-foreground: oklch(0.985 0.001 106.423);\n    --popover: oklch(0.216 0.006 56.043);\n    --popover-foreground: oklch(0.985 0.001 106.423);\n    --primary: oklch(0.923 0.003 48.717);\n    --primary-foreground: oklch(0.216 0.006 56.043);\n    --secondary: oklch(0.268 0.007 34.298);\n    --secondary-foreground: oklch(0.985 0.001 106.423);\n    --muted: oklch(0.268 0.007 34.298);\n    --muted-foreground: oklch(0.709 0.01 56.259);\n    --accent: oklch(0.268 0.007 34.298);\n    --accent-foreground: oklch(0.985 0.001 106.423);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.553 0.013 58.071);\n    --chart-1: oklch(0.897 0.196 126.665);\n    --chart-2: oklch(0.768 0.233 130.85);\n    --chart-3: oklch(0.648 0.2 131.684);\n    --chart-4: oklch(0.532 0.157 131.589);\n    --chart-5: oklch(0.453 0.124 130.933);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/taupe.json b/apps/v4/public/r/colors/taupe.json
new file mode 100644
index 0000000000..74d1b75a56
--- /dev/null
+++ b/apps/v4/public/r/colors/taupe.json
@@ -0,0 +1,211 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.147 0.004 49.3)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.147 0.004 49.3)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.147 0.004 49.3)",
+      "primary": "oklch(0.214 0.009 43.1)",
+      "primary-foreground": "oklch(0.986 0.002 67.8)",
+      "secondary": "oklch(0.96 0.002 17.2)",
+      "secondary-foreground": "oklch(0.214 0.009 43.1)",
+      "muted": "oklch(0.96 0.002 17.2)",
+      "muted-foreground": "oklch(0.547 0.021 43.1)",
+      "accent": "oklch(0.96 0.002 17.2)",
+      "accent-foreground": "oklch(0.214 0.009 43.1)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 34.3)",
+      "input": "oklch(0.922 0.005 34.3)",
+      "ring": "oklch(0.714 0.014 41.2)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.986 0.002 67.8)",
+      "sidebar-foreground": "oklch(0.147 0.004 49.3)",
+      "sidebar-primary": "oklch(0.214 0.009 43.1)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.96 0.002 17.2)",
+      "sidebar-accent-foreground": "oklch(0.214 0.009 43.1)",
+      "sidebar-border": "oklch(0.922 0.005 34.3)",
+      "sidebar-ring": "oklch(0.714 0.014 41.2)"
+    },
+    "dark": {
+      "background": "oklch(0.147 0.004 49.3)",
+      "foreground": "oklch(0.986 0.002 67.8)",
+      "card": "oklch(0.214 0.009 43.1)",
+      "card-foreground": "oklch(0.986 0.002 67.8)",
+      "popover": "oklch(0.214 0.009 43.1)",
+      "popover-foreground": "oklch(0.986 0.002 67.8)",
+      "primary": "oklch(0.922 0.005 34.3)",
+      "primary-foreground": "oklch(0.214 0.009 43.1)",
+      "secondary": "oklch(0.268 0.011 36.5)",
+      "secondary-foreground": "oklch(0.986 0.002 67.8)",
+      "muted": "oklch(0.268 0.011 36.5)",
+      "muted-foreground": "oklch(0.714 0.014 41.2)",
+      "accent": "oklch(0.268 0.011 36.5)",
+      "accent-foreground": "oklch(0.986 0.002 67.8)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.547 0.021 43.1)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "sidebar": "oklch(0.214 0.009 43.1)",
+      "sidebar-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.268 0.011 36.5)",
+      "sidebar-accent-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.547 0.021 43.1)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.147 0.004 49.3)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.147 0.004 49.3)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.147 0.004 49.3)",
+      "primary": "oklch(0.214 0.009 43.1)",
+      "primary-foreground": "oklch(0.986 0.002 67.8)",
+      "secondary": "oklch(0.96 0.002 17.2)",
+      "secondary-foreground": "oklch(0.214 0.009 43.1)",
+      "muted": "oklch(0.96 0.002 17.2)",
+      "muted-foreground": "oklch(0.547 0.021 43.1)",
+      "accent": "oklch(0.96 0.002 17.2)",
+      "accent-foreground": "oklch(0.214 0.009 43.1)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 34.3)",
+      "input": "oklch(0.922 0.005 34.3)",
+      "ring": "oklch(0.714 0.014 41.2)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.986 0.002 67.8)",
+      "sidebar-foreground": "oklch(0.147 0.004 49.3)",
+      "sidebar-primary": "oklch(0.214 0.009 43.1)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.96 0.002 17.2)",
+      "sidebar-accent-foreground": "oklch(0.214 0.009 43.1)",
+      "sidebar-border": "oklch(0.922 0.005 34.3)",
+      "sidebar-ring": "oklch(0.714 0.014 41.2)"
+    },
+    "dark": {
+      "background": "oklch(0.147 0.004 49.3)",
+      "foreground": "oklch(0.986 0.002 67.8)",
+      "card": "oklch(0.214 0.009 43.1)",
+      "card-foreground": "oklch(0.986 0.002 67.8)",
+      "popover": "oklch(0.214 0.009 43.1)",
+      "popover-foreground": "oklch(0.986 0.002 67.8)",
+      "primary": "oklch(0.922 0.005 34.3)",
+      "primary-foreground": "oklch(0.214 0.009 43.1)",
+      "secondary": "oklch(0.268 0.011 36.5)",
+      "secondary-foreground": "oklch(0.986 0.002 67.8)",
+      "muted": "oklch(0.268 0.011 36.5)",
+      "muted-foreground": "oklch(0.714 0.014 41.2)",
+      "accent": "oklch(0.268 0.011 36.5)",
+      "accent-foreground": "oklch(0.986 0.002 67.8)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.547 0.021 43.1)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "sidebar": "oklch(0.214 0.009 43.1)",
+      "sidebar-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.268 0.011 36.5)",
+      "sidebar-accent-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.547 0.021 43.1)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "background": "oklch(1 0 0)",
+      "foreground": "oklch(0.147 0.004 49.3)",
+      "card": "oklch(1 0 0)",
+      "card-foreground": "oklch(0.147 0.004 49.3)",
+      "popover": "oklch(1 0 0)",
+      "popover-foreground": "oklch(0.147 0.004 49.3)",
+      "primary": "oklch(0.214 0.009 43.1)",
+      "primary-foreground": "oklch(0.986 0.002 67.8)",
+      "secondary": "oklch(0.96 0.002 17.2)",
+      "secondary-foreground": "oklch(0.214 0.009 43.1)",
+      "muted": "oklch(0.96 0.002 17.2)",
+      "muted-foreground": "oklch(0.547 0.021 43.1)",
+      "accent": "oklch(0.96 0.002 17.2)",
+      "accent-foreground": "oklch(0.214 0.009 43.1)",
+      "destructive": "oklch(0.577 0.245 27.325)",
+      "border": "oklch(0.922 0.005 34.3)",
+      "input": "oklch(0.922 0.005 34.3)",
+      "ring": "oklch(0.714 0.014 41.2)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.986 0.002 67.8)",
+      "sidebar-foreground": "oklch(0.147 0.004 49.3)",
+      "sidebar-primary": "oklch(0.214 0.009 43.1)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.96 0.002 17.2)",
+      "sidebar-accent-foreground": "oklch(0.214 0.009 43.1)",
+      "sidebar-border": "oklch(0.922 0.005 34.3)",
+      "sidebar-ring": "oklch(0.714 0.014 41.2)"
+    },
+    "dark": {
+      "background": "oklch(0.147 0.004 49.3)",
+      "foreground": "oklch(0.986 0.002 67.8)",
+      "card": "oklch(0.214 0.009 43.1)",
+      "card-foreground": "oklch(0.986 0.002 67.8)",
+      "popover": "oklch(0.214 0.009 43.1)",
+      "popover-foreground": "oklch(0.986 0.002 67.8)",
+      "primary": "oklch(0.922 0.005 34.3)",
+      "primary-foreground": "oklch(0.214 0.009 43.1)",
+      "secondary": "oklch(0.268 0.011 36.5)",
+      "secondary-foreground": "oklch(0.986 0.002 67.8)",
+      "muted": "oklch(0.268 0.011 36.5)",
+      "muted-foreground": "oklch(0.714 0.014 41.2)",
+      "accent": "oklch(0.268 0.011 36.5)",
+      "accent-foreground": "oklch(0.986 0.002 67.8)",
+      "destructive": "oklch(0.704 0.191 22.216)",
+      "border": "oklch(1 0 0 / 10%)",
+      "input": "oklch(1 0 0 / 15%)",
+      "ring": "oklch(0.547 0.021 43.1)",
+      "chart-1": "oklch(0.865 0.127 207.078)",
+      "chart-2": "oklch(0.715 0.143 215.221)",
+      "chart-3": "oklch(0.609 0.126 221.723)",
+      "chart-4": "oklch(0.52 0.105 223.128)",
+      "chart-5": "oklch(0.45 0.085 224.283)",
+      "sidebar": "oklch(0.214 0.009 43.1)",
+      "sidebar-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-primary": "oklch(0.488 0.243 264.376)",
+      "sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-accent": "oklch(0.268 0.011 36.5)",
+      "sidebar-accent-foreground": "oklch(0.986 0.002 67.8)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.547 0.021 43.1)"
+    }
+  },
+  "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.147 0.004 49.3);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.147 0.004 49.3);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.147 0.004 49.3);\n    --primary: oklch(0.214 0.009 43.1);\n    --primary-foreground: oklch(0.986 0.002 67.8);\n    --secondary: oklch(0.96 0.002 17.2);\n    --secondary-foreground: oklch(0.214 0.009 43.1);\n    --muted: oklch(0.96 0.002 17.2);\n    --muted-foreground: oklch(0.547 0.021 43.1);\n    --accent: oklch(0.96 0.002 17.2);\n    --accent-foreground: oklch(0.214 0.009 43.1);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.922 0.005 34.3);\n    --input: oklch(0.922 0.005 34.3);\n    --ring: oklch(0.714 0.014 41.2);\n    --chart-1: oklch(0.865 0.127 207.078);\n    --chart-2: oklch(0.715 0.143 215.221);\n    --chart-3: oklch(0.609 0.126 221.723);\n    --chart-4: oklch(0.52 0.105 223.128);\n    --chart-5: oklch(0.45 0.085 224.283);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.147 0.004 49.3);\n    --foreground: oklch(0.986 0.002 67.8);\n    --card: oklch(0.214 0.009 43.1);\n    --card-foreground: oklch(0.986 0.002 67.8);\n    --popover: oklch(0.214 0.009 43.1);\n    --popover-foreground: oklch(0.986 0.002 67.8);\n    --primary: oklch(0.922 0.005 34.3);\n    --primary-foreground: oklch(0.214 0.009 43.1);\n    --secondary: oklch(0.268 0.011 36.5);\n    --secondary-foreground: oklch(0.986 0.002 67.8);\n    --muted: oklch(0.268 0.011 36.5);\n    --muted-foreground: oklch(0.714 0.014 41.2);\n    --accent: oklch(0.268 0.011 36.5);\n    --accent-foreground: oklch(0.986 0.002 67.8);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.547 0.021 43.1);\n    --chart-1: oklch(0.865 0.127 207.078);\n    --chart-2: oklch(0.715 0.143 215.221);\n    --chart-3: oklch(0.609 0.126 221.723);\n    --chart-4: oklch(0.52 0.105 223.128);\n    --chart-5: oklch(0.45 0.085 224.283);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/colors/zinc.json b/apps/v4/public/r/colors/zinc.json
index 89321e847c..035b04fb49 100644
--- a/apps/v4/public/r/colors/zinc.json
+++ b/apps/v4/public/r/colors/zinc.json
@@ -1,103 +1,5 @@
 {
   "inlineColors": {
-    "light": {
-      "background": "white",
-      "foreground": "zinc-950",
-      "card": "white",
-      "card-foreground": "zinc-950",
-      "popover": "white",
-      "popover-foreground": "zinc-950",
-      "primary": "zinc-900",
-      "primary-foreground": "zinc-50",
-      "secondary": "zinc-100",
-      "secondary-foreground": "zinc-900",
-      "muted": "zinc-100",
-      "muted-foreground": "zinc-500",
-      "accent": "zinc-100",
-      "accent-foreground": "zinc-900",
-      "destructive": "red-500",
-      "destructive-foreground": "zinc-50",
-      "border": "zinc-200",
-      "input": "zinc-200",
-      "ring": "zinc-950"
-    },
-    "dark": {
-      "background": "zinc-950",
-      "foreground": "zinc-50",
-      "card": "zinc-950",
-      "card-foreground": "zinc-50",
-      "popover": "zinc-950",
-      "popover-foreground": "zinc-50",
-      "primary": "zinc-50",
-      "primary-foreground": "zinc-900",
-      "secondary": "zinc-800",
-      "secondary-foreground": "zinc-50",
-      "muted": "zinc-800",
-      "muted-foreground": "zinc-400",
-      "accent": "zinc-800",
-      "accent-foreground": "zinc-50",
-      "destructive": "red-900",
-      "destructive-foreground": "zinc-50",
-      "border": "zinc-800",
-      "input": "zinc-800",
-      "ring": "zinc-300"
-    }
-  },
-  "cssVars": {
-    "light": {
-      "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": "240 5.9% 10%",
-      "primary-foreground": "0 0% 98%",
-      "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": "240 10% 3.9%",
-      "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": "240 10% 3.9%",
-      "foreground": "0 0% 98%",
-      "card": "240 10% 3.9%",
-      "card-foreground": "0 0% 98%",
-      "popover": "240 10% 3.9%",
-      "popover-foreground": "0 0% 98%",
-      "primary": "0 0% 98%",
-      "primary-foreground": "240 5.9% 10%",
-      "secondary": "240 3.7% 15.9%",
-      "secondary-foreground": "0 0% 98%",
-      "muted": "240 3.7% 15.9%",
-      "muted-foreground": "240 5% 64.9%",
-      "accent": "240 3.7% 15.9%",
-      "accent-foreground": "0 0% 98%",
-      "destructive": "0 62.8% 30.6%",
-      "destructive-foreground": "0 0% 98%",
-      "border": "240 3.7% 15.9%",
-      "input": "240 3.7% 15.9%",
-      "ring": "240 4.9% 83.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%"
-    }
-  },
-  "cssVarsV4": {
     "light": {
       "background": "oklch(1 0 0)",
       "foreground": "oklch(0.141 0.005 285.823)",
@@ -117,11 +19,11 @@
       "border": "oklch(0.92 0.004 286.32)",
       "input": "oklch(0.92 0.004 286.32)",
       "ring": "oklch(0.705 0.015 286.067)",
-      "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)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
       "radius": "0.625rem",
       "sidebar": "oklch(0.985 0 0)",
       "sidebar-foreground": "oklch(0.141 0.005 285.823)",
@@ -151,11 +53,149 @@
       "border": "oklch(1 0 0 / 10%)",
       "input": "oklch(1 0 0 / 15%)",
       "ring": "oklch(0.552 0.016 285.938)",
-      "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)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
+      "sidebar": "oklch(0.21 0.006 285.885)",
+      "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.274 0.006 286.033)",
+      "sidebar-accent-foreground": "oklch(0.985 0 0)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.552 0.016 285.938)"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "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.21 0.006 285.885)",
+      "primary-foreground": "oklch(0.985 0 0)",
+      "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.015 286.067)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0 0)",
+      "sidebar-foreground": "oklch(0.141 0.005 285.823)",
+      "sidebar-primary": "oklch(0.21 0.006 285.885)",
+      "sidebar-primary-foreground": "oklch(0.985 0 0)",
+      "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.015 286.067)"
+    },
+    "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.92 0.004 286.32)",
+      "primary-foreground": "oklch(0.21 0.006 285.885)",
+      "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.552 0.016 285.938)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
+      "sidebar": "oklch(0.21 0.006 285.885)",
+      "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.274 0.006 286.033)",
+      "sidebar-accent-foreground": "oklch(0.985 0 0)",
+      "sidebar-border": "oklch(1 0 0 / 10%)",
+      "sidebar-ring": "oklch(0.552 0.016 285.938)"
+    }
+  },
+  "cssVarsV4": {
+    "light": {
+      "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.21 0.006 285.885)",
+      "primary-foreground": "oklch(0.985 0 0)",
+      "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.015 286.067)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
+      "radius": "0.625rem",
+      "sidebar": "oklch(0.985 0 0)",
+      "sidebar-foreground": "oklch(0.141 0.005 285.823)",
+      "sidebar-primary": "oklch(0.21 0.006 285.885)",
+      "sidebar-primary-foreground": "oklch(0.985 0 0)",
+      "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.015 286.067)"
+    },
+    "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.92 0.004 286.32)",
+      "primary-foreground": "oklch(0.21 0.006 285.885)",
+      "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.552 0.016 285.938)",
+      "chart-1": "oklch(0.879 0.169 91.605)",
+      "chart-2": "oklch(0.769 0.188 70.08)",
+      "chart-3": "oklch(0.666 0.179 58.318)",
+      "chart-4": "oklch(0.555 0.163 48.998)",
+      "chart-5": "oklch(0.473 0.137 46.201)",
       "sidebar": "oklch(0.21 0.006 285.885)",
       "sidebar-foreground": "oklch(0.985 0 0)",
       "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -167,5 +207,5 @@
     }
   },
   "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
-  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 240 10% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n    --ring: 240 10% 3.9%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n\n  .dark {\n    --background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n    --ring: 240 4.9% 83.9%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
-}
\ No newline at end of file
+  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.141 0.005 285.823);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.141 0.005 285.823);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.141 0.005 285.823);\n    --primary: oklch(0.21 0.006 285.885);\n    --primary-foreground: oklch(0.985 0 0);\n    --secondary: oklch(0.967 0.001 286.375);\n    --secondary-foreground: oklch(0.21 0.006 285.885);\n    --muted: oklch(0.967 0.001 286.375);\n    --muted-foreground: oklch(0.552 0.016 285.938);\n    --accent: oklch(0.967 0.001 286.375);\n    --accent-foreground: oklch(0.21 0.006 285.885);\n    --destructive: oklch(0.577 0.245 27.325);\n    --border: oklch(0.92 0.004 286.32);\n    --input: oklch(0.92 0.004 286.32);\n    --ring: oklch(0.705 0.015 286.067);\n    --chart-1: oklch(0.879 0.169 91.605);\n    --chart-2: oklch(0.769 0.188 70.08);\n    --chart-3: oklch(0.666 0.179 58.318);\n    --chart-4: oklch(0.555 0.163 48.998);\n    --chart-5: oklch(0.473 0.137 46.201);\n    --radius: 0.625rem;\n  }\n\n  .dark {\n    --background: oklch(0.141 0.005 285.823);\n    --foreground: oklch(0.985 0 0);\n    --card: oklch(0.21 0.006 285.885);\n    --card-foreground: oklch(0.985 0 0);\n    --popover: oklch(0.21 0.006 285.885);\n    --popover-foreground: oklch(0.985 0 0);\n    --primary: oklch(0.92 0.004 286.32);\n    --primary-foreground: oklch(0.21 0.006 285.885);\n    --secondary: oklch(0.274 0.006 286.033);\n    --secondary-foreground: oklch(0.985 0 0);\n    --muted: oklch(0.274 0.006 286.033);\n    --muted-foreground: oklch(0.705 0.015 286.067);\n    --accent: oklch(0.274 0.006 286.033);\n    --accent-foreground: oklch(0.985 0 0);\n    --destructive: oklch(0.704 0.191 22.216);\n    --border: oklch(1 0 0 / 10%);\n    --input: oklch(1 0 0 / 15%);\n    --ring: oklch(0.552 0.016 285.938);\n    --chart-1: oklch(0.879 0.169 91.605);\n    --chart-2: oklch(0.769 0.188 70.08);\n    --chart-3: oklch(0.666 0.179 58.318);\n    --chart-4: oklch(0.555 0.163 48.998);\n    --chart-5: oklch(0.473 0.137 46.201);\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
+}
diff --git a/apps/v4/public/r/styles/base-lyra/font-lora.json b/apps/v4/public/r/styles/base-lyra/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/base-lyra/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-lyra/font-merriweather.json b/apps/v4/public/r/styles/base-lyra/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/base-lyra/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-lyra/font-playfair-display.json b/apps/v4/public/r/styles/base-lyra/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/base-lyra/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-lyra/registry.json b/apps/v4/public/r/styles/base-lyra/registry.json
index 69dfa7657e..35d5dd5892 100644
--- a/apps/v4/public/r/styles/base-lyra/registry.json
+++ b/apps/v4/public/r/styles/base-lyra/registry.json
@@ -2943,6 +2943,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/base-maia/font-lora.json b/apps/v4/public/r/styles/base-maia/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/base-maia/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-maia/font-merriweather.json b/apps/v4/public/r/styles/base-maia/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/base-maia/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-maia/font-playfair-display.json b/apps/v4/public/r/styles/base-maia/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/base-maia/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-maia/registry.json b/apps/v4/public/r/styles/base-maia/registry.json
index a85d94f083..80a6a6bd4c 100644
--- a/apps/v4/public/r/styles/base-maia/registry.json
+++ b/apps/v4/public/r/styles/base-maia/registry.json
@@ -2943,6 +2943,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/base-mira/font-lora.json b/apps/v4/public/r/styles/base-mira/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/base-mira/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-mira/font-merriweather.json b/apps/v4/public/r/styles/base-mira/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/base-mira/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-mira/font-playfair-display.json b/apps/v4/public/r/styles/base-mira/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/base-mira/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-mira/registry.json b/apps/v4/public/r/styles/base-mira/registry.json
index 2cf6b44d74..0e7610209d 100644
--- a/apps/v4/public/r/styles/base-mira/registry.json
+++ b/apps/v4/public/r/styles/base-mira/registry.json
@@ -2943,6 +2943,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/base-nova/font-lora.json b/apps/v4/public/r/styles/base-nova/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/base-nova/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-nova/font-merriweather.json b/apps/v4/public/r/styles/base-nova/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/base-nova/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-nova/font-playfair-display.json b/apps/v4/public/r/styles/base-nova/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/base-nova/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-nova/registry.json b/apps/v4/public/r/styles/base-nova/registry.json
index 04cb78216b..a54a007947 100644
--- a/apps/v4/public/r/styles/base-nova/registry.json
+++ b/apps/v4/public/r/styles/base-nova/registry.json
@@ -2943,6 +2943,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/base-vega/font-lora.json b/apps/v4/public/r/styles/base-vega/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/base-vega/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-vega/font-merriweather.json b/apps/v4/public/r/styles/base-vega/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/base-vega/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-vega/font-playfair-display.json b/apps/v4/public/r/styles/base-vega/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/base-vega/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/base-vega/registry.json b/apps/v4/public/r/styles/base-vega/registry.json
index b4df6b41b0..38cbcd316f 100644
--- a/apps/v4/public/r/styles/base-vega/registry.json
+++ b/apps/v4/public/r/styles/base-vega/registry.json
@@ -2943,6 +2943,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/radix-lyra/font-lora.json b/apps/v4/public/r/styles/radix-lyra/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-lyra/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-lyra/font-merriweather.json b/apps/v4/public/r/styles/radix-lyra/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-lyra/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-lyra/font-playfair-display.json b/apps/v4/public/r/styles/radix-lyra/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-lyra/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-lyra/registry.json b/apps/v4/public/r/styles/radix-lyra/registry.json
index d6cf079a29..18763c1da6 100644
--- a/apps/v4/public/r/styles/radix-lyra/registry.json
+++ b/apps/v4/public/r/styles/radix-lyra/registry.json
@@ -2932,6 +2932,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/radix-maia/font-lora.json b/apps/v4/public/r/styles/radix-maia/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-maia/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-maia/font-merriweather.json b/apps/v4/public/r/styles/radix-maia/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-maia/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-maia/font-playfair-display.json b/apps/v4/public/r/styles/radix-maia/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-maia/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-maia/registry.json b/apps/v4/public/r/styles/radix-maia/registry.json
index f52e381b75..d8a7e47d95 100644
--- a/apps/v4/public/r/styles/radix-maia/registry.json
+++ b/apps/v4/public/r/styles/radix-maia/registry.json
@@ -2932,6 +2932,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/radix-mira/font-lora.json b/apps/v4/public/r/styles/radix-mira/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-mira/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-mira/font-merriweather.json b/apps/v4/public/r/styles/radix-mira/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-mira/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-mira/font-playfair-display.json b/apps/v4/public/r/styles/radix-mira/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-mira/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-mira/registry.json b/apps/v4/public/r/styles/radix-mira/registry.json
index ebc2d17d3b..be82188dcf 100644
--- a/apps/v4/public/r/styles/radix-mira/registry.json
+++ b/apps/v4/public/r/styles/radix-mira/registry.json
@@ -2932,6 +2932,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/radix-nova/font-lora.json b/apps/v4/public/r/styles/radix-nova/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-nova/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-nova/font-merriweather.json b/apps/v4/public/r/styles/radix-nova/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-nova/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-nova/font-playfair-display.json b/apps/v4/public/r/styles/radix-nova/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-nova/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-nova/registry.json b/apps/v4/public/r/styles/radix-nova/registry.json
index a923d2df91..7af063df74 100644
--- a/apps/v4/public/r/styles/radix-nova/registry.json
+++ b/apps/v4/public/r/styles/radix-nova/registry.json
@@ -2932,6 +2932,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/styles/radix-vega/font-lora.json b/apps/v4/public/r/styles/radix-vega/font-lora.json
new file mode 100644
index 0000000000..cacd01a3f0
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-vega/font-lora.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-lora",
+  "title": "Lora",
+  "type": "registry:font",
+  "font": {
+    "family": "'Lora Variable', serif",
+    "provider": "google",
+    "import": "Lora",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-vega/font-merriweather.json b/apps/v4/public/r/styles/radix-vega/font-merriweather.json
new file mode 100644
index 0000000000..37ce04e66f
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-vega/font-merriweather.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-merriweather",
+  "title": "Merriweather",
+  "type": "registry:font",
+  "font": {
+    "family": "'Merriweather Variable', serif",
+    "provider": "google",
+    "import": "Merriweather",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-vega/font-playfair-display.json b/apps/v4/public/r/styles/radix-vega/font-playfair-display.json
new file mode 100644
index 0000000000..de3c908848
--- /dev/null
+++ b/apps/v4/public/r/styles/radix-vega/font-playfair-display.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-playfair-display",
+  "title": "Playfair Display",
+  "type": "registry:font",
+  "font": {
+    "family": "'Playfair Display Variable', serif",
+    "provider": "google",
+    "import": "Playfair_Display",
+    "variable": "--font-serif",
+    "subsets": [
+      "latin"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/apps/v4/public/r/styles/radix-vega/registry.json b/apps/v4/public/r/styles/radix-vega/registry.json
index dded2f6e3d..61e834742d 100644
--- a/apps/v4/public/r/styles/radix-vega/registry.json
+++ b/apps/v4/public/r/styles/radix-vega/registry.json
@@ -2932,6 +2932,42 @@
         "variable": "--font-mono",
         "subsets": ["latin"]
       }
+    },
+    {
+      "name": "font-lora",
+      "title": "Lora",
+      "type": "registry:font",
+      "font": {
+        "family": "'Lora Variable', serif",
+        "provider": "google",
+        "import": "Lora",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-merriweather",
+      "title": "Merriweather",
+      "type": "registry:font",
+      "font": {
+        "family": "'Merriweather Variable', serif",
+        "provider": "google",
+        "import": "Merriweather",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
+    },
+    {
+      "name": "font-playfair-display",
+      "title": "Playfair Display",
+      "type": "registry:font",
+      "font": {
+        "family": "'Playfair Display Variable', serif",
+        "provider": "google",
+        "import": "Playfair_Display",
+        "variable": "--font-serif",
+        "subsets": ["latin"]
+      }
     }
   ]
 }
diff --git a/apps/v4/public/r/templates/astro-app.tar.gz b/apps/v4/public/r/templates/astro-app.tar.gz
index ff4dfcbbf5..27711ef825 100644
Binary files a/apps/v4/public/r/templates/astro-app.tar.gz and b/apps/v4/public/r/templates/astro-app.tar.gz differ
diff --git a/apps/v4/public/r/templates/astro-monorepo.tar.gz b/apps/v4/public/r/templates/astro-monorepo.tar.gz
index 48c0498fd9..49de91b428 100644
Binary files a/apps/v4/public/r/templates/astro-monorepo.tar.gz and b/apps/v4/public/r/templates/astro-monorepo.tar.gz differ
diff --git a/apps/v4/public/r/templates/next-app.tar.gz b/apps/v4/public/r/templates/next-app.tar.gz
index 9469c9c22b..bc13939265 100644
Binary files a/apps/v4/public/r/templates/next-app.tar.gz and b/apps/v4/public/r/templates/next-app.tar.gz differ
diff --git a/apps/v4/public/r/templates/next-monorepo.tar.gz b/apps/v4/public/r/templates/next-monorepo.tar.gz
index 68d4071173..8da94b7893 100644
Binary files a/apps/v4/public/r/templates/next-monorepo.tar.gz and b/apps/v4/public/r/templates/next-monorepo.tar.gz differ
diff --git a/apps/v4/public/r/templates/react-router-app.tar.gz b/apps/v4/public/r/templates/react-router-app.tar.gz
index dd83eafe3b..fc88f723c4 100644
Binary files a/apps/v4/public/r/templates/react-router-app.tar.gz and b/apps/v4/public/r/templates/react-router-app.tar.gz differ
diff --git a/apps/v4/public/r/templates/react-router-monorepo.tar.gz b/apps/v4/public/r/templates/react-router-monorepo.tar.gz
index 0ca2fabcc0..657f612cf7 100644
Binary files a/apps/v4/public/r/templates/react-router-monorepo.tar.gz and b/apps/v4/public/r/templates/react-router-monorepo.tar.gz differ
diff --git a/apps/v4/public/r/templates/start-app.tar.gz b/apps/v4/public/r/templates/start-app.tar.gz
index 14f2cd282d..ecc3e94acb 100644
Binary files a/apps/v4/public/r/templates/start-app.tar.gz and b/apps/v4/public/r/templates/start-app.tar.gz differ
diff --git a/apps/v4/public/r/templates/start-monorepo.tar.gz b/apps/v4/public/r/templates/start-monorepo.tar.gz
index 4bd8fd2f38..d913b780f6 100644
Binary files a/apps/v4/public/r/templates/start-monorepo.tar.gz and b/apps/v4/public/r/templates/start-monorepo.tar.gz differ
diff --git a/apps/v4/public/r/templates/vite-app.tar.gz b/apps/v4/public/r/templates/vite-app.tar.gz
index 63f5a741bf..bb41b0e266 100644
Binary files a/apps/v4/public/r/templates/vite-app.tar.gz and b/apps/v4/public/r/templates/vite-app.tar.gz differ
diff --git a/apps/v4/public/r/templates/vite-monorepo.tar.gz b/apps/v4/public/r/templates/vite-monorepo.tar.gz
index a4602c3ae5..f72db571da 100644
Binary files a/apps/v4/public/r/templates/vite-monorepo.tar.gz and b/apps/v4/public/r/templates/vite-monorepo.tar.gz differ
diff --git a/apps/v4/registry/base-colors.ts b/apps/v4/registry/base-colors.ts
index fbafdce1e3..3523db36be 100644
--- a/apps/v4/registry/base-colors.ts
+++ b/apps/v4/registry/base-colors.ts
@@ -1,15 +1,9 @@
 import { THEMES } from "@/registry/themes"
 
 export const BASE_COLORS = THEMES.filter((theme) =>
-  [
-    "neutral",
-    "stone",
-    "zinc",
-    "mauve",
-    "olive",
-    "mist",
-    "taupe",
-  ].includes(theme.name)
+  ["neutral", "stone", "zinc", "mauve", "olive", "mist", "taupe"].includes(
+    theme.name
+  )
 )
 
 export type BaseColor = (typeof BASE_COLORS)[number]
diff --git a/apps/v4/registry/themes.ts b/apps/v4/registry/themes.ts
index ea797fdad1..5bb01fb398 100644
--- a/apps/v4/registry/themes.ts
+++ b/apps/v4/registry/themes.ts
@@ -99,11 +99,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.923 0.003 48.717)",
         input: "oklch(0.923 0.003 48.717)",
         ring: "oklch(0.709 0.01 56.259)",
-        "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)",
+        "chart-1": "oklch(0.897 0.196 126.665)",
+        "chart-2": "oklch(0.768 0.233 130.85)",
+        "chart-3": "oklch(0.648 0.2 131.684)",
+        "chart-4": "oklch(0.532 0.157 131.589)",
+        "chart-5": "oklch(0.453 0.124 130.933)",
         radius: "0.625rem",
         sidebar: "oklch(0.985 0.001 106.423)",
         "sidebar-foreground": "oklch(0.147 0.004 49.25)",
@@ -133,11 +133,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.553 0.013 58.071)",
-        "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)",
+        "chart-1": "oklch(0.897 0.196 126.665)",
+        "chart-2": "oklch(0.768 0.233 130.85)",
+        "chart-3": "oklch(0.648 0.2 131.684)",
+        "chart-4": "oklch(0.532 0.157 131.589)",
+        "chart-5": "oklch(0.453 0.124 130.933)",
         sidebar: "oklch(0.216 0.006 56.043)",
         "sidebar-foreground": "oklch(0.985 0.001 106.423)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -173,11 +173,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.92 0.004 286.32)",
         input: "oklch(0.92 0.004 286.32)",
         ring: "oklch(0.705 0.015 286.067)",
-        "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)",
+        "chart-1": "oklch(0.879 0.169 91.605)",
+        "chart-2": "oklch(0.769 0.188 70.08)",
+        "chart-3": "oklch(0.666 0.179 58.318)",
+        "chart-4": "oklch(0.555 0.163 48.998)",
+        "chart-5": "oklch(0.473 0.137 46.201)",
         radius: "0.625rem",
         sidebar: "oklch(0.985 0 0)",
         "sidebar-foreground": "oklch(0.141 0.005 285.823)",
@@ -207,11 +207,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.552 0.016 285.938)",
-        "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)",
+        "chart-1": "oklch(0.879 0.169 91.605)",
+        "chart-2": "oklch(0.769 0.188 70.08)",
+        "chart-3": "oklch(0.666 0.179 58.318)",
+        "chart-4": "oklch(0.555 0.163 48.998)",
+        "chart-5": "oklch(0.473 0.137 46.201)",
         sidebar: "oklch(0.21 0.006 285.885)",
         "sidebar-foreground": "oklch(0.985 0 0)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -223,80 +223,6 @@ export const THEMES: RegistryItem[] = [
       },
     },
   },
-  {
-    name: "gray",
-    title: "Gray",
-    type: "registry:theme",
-    cssVars: {
-      light: {
-        background: "oklch(1 0 0)",
-        foreground: "oklch(0.13 0.028 261.692)",
-        card: "oklch(1 0 0)",
-        "card-foreground": "oklch(0.13 0.028 261.692)",
-        popover: "oklch(1 0 0)",
-        "popover-foreground": "oklch(0.13 0.028 261.692)",
-        primary: "oklch(0.21 0.034 264.665)",
-        "primary-foreground": "oklch(0.985 0.002 247.839)",
-        secondary: "oklch(0.967 0.003 264.542)",
-        "secondary-foreground": "oklch(0.21 0.034 264.665)",
-        muted: "oklch(0.967 0.003 264.542)",
-        "muted-foreground": "oklch(0.551 0.027 264.364)",
-        accent: "oklch(0.967 0.003 264.542)",
-        "accent-foreground": "oklch(0.21 0.034 264.665)",
-        destructive: "oklch(0.577 0.245 27.325)",
-        border: "oklch(0.928 0.006 264.531)",
-        input: "oklch(0.928 0.006 264.531)",
-        ring: "oklch(0.707 0.022 261.325)",
-        "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)",
-        radius: "0.625rem",
-        sidebar: "oklch(0.985 0.002 247.839)",
-        "sidebar-foreground": "oklch(0.13 0.028 261.692)",
-        "sidebar-primary": "oklch(0.21 0.034 264.665)",
-        "sidebar-primary-foreground": "oklch(0.985 0.002 247.839)",
-        "sidebar-accent": "oklch(0.967 0.003 264.542)",
-        "sidebar-accent-foreground": "oklch(0.21 0.034 264.665)",
-        "sidebar-border": "oklch(0.928 0.006 264.531)",
-        "sidebar-ring": "oklch(0.707 0.022 261.325)",
-      },
-      dark: {
-        background: "oklch(0.13 0.028 261.692)",
-        foreground: "oklch(0.985 0.002 247.839)",
-        card: "oklch(0.21 0.034 264.665)",
-        "card-foreground": "oklch(0.985 0.002 247.839)",
-        popover: "oklch(0.21 0.034 264.665)",
-        "popover-foreground": "oklch(0.985 0.002 247.839)",
-        primary: "oklch(0.928 0.006 264.531)",
-        "primary-foreground": "oklch(0.21 0.034 264.665)",
-        secondary: "oklch(0.278 0.033 256.848)",
-        "secondary-foreground": "oklch(0.985 0.002 247.839)",
-        muted: "oklch(0.278 0.033 256.848)",
-        "muted-foreground": "oklch(0.707 0.022 261.325)",
-        accent: "oklch(0.278 0.033 256.848)",
-        "accent-foreground": "oklch(0.985 0.002 247.839)",
-        destructive: "oklch(0.704 0.191 22.216)",
-        border: "oklch(1 0 0 / 10%)",
-        input: "oklch(1 0 0 / 15%)",
-        ring: "oklch(0.551 0.027 264.364)",
-        "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.034 264.665)",
-        "sidebar-foreground": "oklch(0.985 0.002 247.839)",
-        "sidebar-primary": "oklch(0.488 0.243 264.376)",
-        "sidebar-primary-foreground": "oklch(0.985 0.002 247.839)",
-        "sidebar-accent": "oklch(0.278 0.033 256.848)",
-        "sidebar-accent-foreground": "oklch(0.985 0.002 247.839)",
-        "sidebar-border": "oklch(1 0 0 / 10%)",
-        "sidebar-ring": "oklch(0.551 0.027 264.364)",
-      },
-    },
-  },
   {
     name: "mauve",
     title: "Mauve",
@@ -321,11 +247,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.922 0.005 325.62)",
         input: "oklch(0.922 0.005 325.62)",
         ring: "oklch(0.711 0.019 323.02)",
-        "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)",
+        "chart-1": "oklch(0.845 0.143 164.978)",
+        "chart-2": "oklch(0.696 0.17 162.48)",
+        "chart-3": "oklch(0.596 0.145 163.225)",
+        "chart-4": "oklch(0.508 0.118 165.612)",
+        "chart-5": "oklch(0.432 0.095 166.913)",
         radius: "0.625rem",
         sidebar: "oklch(0.985 0 0)",
         "sidebar-foreground": "oklch(0.145 0.008 326)",
@@ -355,11 +281,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.542 0.034 322.5)",
-        "chart-1": "oklch(0.488 0.243 264.376)",
+        "chart-1": "oklch(0.845 0.143 164.978)",
         "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)",
+        "chart-3": "oklch(0.596 0.145 163.225)",
+        "chart-4": "oklch(0.508 0.118 165.612)",
+        "chart-5": "oklch(0.432 0.095 166.913)",
         sidebar: "oklch(0.212 0.019 322.12)",
         "sidebar-foreground": "oklch(0.985 0 0)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -395,11 +321,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.93 0.007 106.5)",
         input: "oklch(0.93 0.007 106.5)",
         ring: "oklch(0.737 0.021 106.9)",
-        "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)",
+        "chart-1": "oklch(0.811 0.111 293.571)",
+        "chart-2": "oklch(0.606 0.25 292.717)",
+        "chart-3": "oklch(0.541 0.281 293.009)",
+        "chart-4": "oklch(0.491 0.27 292.581)",
+        "chart-5": "oklch(0.432 0.232 292.759)",
         radius: "0.625rem",
         sidebar: "oklch(0.988 0.003 106.5)",
         "sidebar-foreground": "oklch(0.153 0.006 107.1)",
@@ -429,11 +355,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.58 0.031 107.3)",
-        "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)",
+        "chart-1": "oklch(0.811 0.111 293.571)",
+        "chart-2": "oklch(0.606 0.25 292.717)",
+        "chart-3": "oklch(0.541 0.281 293.009)",
+        "chart-4": "oklch(0.491 0.27 292.581)",
+        "chart-5": "oklch(0.432 0.232 292.759)",
         sidebar: "oklch(0.228 0.013 107.4)",
         "sidebar-foreground": "oklch(0.988 0.003 106.5)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -469,11 +395,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.925 0.005 214.3)",
         input: "oklch(0.925 0.005 214.3)",
         ring: "oklch(0.723 0.014 214.4)",
-        "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)",
+        "chart-1": "oklch(0.81 0.117 11.638)",
+        "chart-2": "oklch(0.645 0.246 16.439)",
+        "chart-3": "oklch(0.586 0.253 17.585)",
+        "chart-4": "oklch(0.514 0.222 16.935)",
+        "chart-5": "oklch(0.455 0.188 13.697)",
         radius: "0.625rem",
         sidebar: "oklch(0.987 0.002 197.1)",
         "sidebar-foreground": "oklch(0.148 0.004 228.8)",
@@ -503,11 +429,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.56 0.021 213.5)",
-        "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)",
+        "chart-1": "oklch(0.81 0.117 11.638)",
+        "chart-2": "oklch(0.645 0.246 16.439)",
+        "chart-3": "oklch(0.586 0.253 17.585)",
+        "chart-4": "oklch(0.514 0.222 16.935)",
+        "chart-5": "oklch(0.455 0.188 13.697)",
         sidebar: "oklch(0.218 0.008 223.9)",
         "sidebar-foreground": "oklch(0.987 0.002 197.1)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
@@ -543,11 +469,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(0.922 0.005 34.3)",
         input: "oklch(0.922 0.005 34.3)",
         ring: "oklch(0.714 0.014 41.2)",
-        "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)",
+        "chart-1": "oklch(0.865 0.127 207.078)",
+        "chart-2": "oklch(0.715 0.143 215.221)",
+        "chart-3": "oklch(0.609 0.126 221.723)",
+        "chart-4": "oklch(0.52 0.105 223.128)",
+        "chart-5": "oklch(0.45 0.085 224.283)",
         radius: "0.625rem",
         sidebar: "oklch(0.986 0.002 67.8)",
         "sidebar-foreground": "oklch(0.147 0.004 49.3)",
@@ -577,11 +503,11 @@ export const THEMES: RegistryItem[] = [
         border: "oklch(1 0 0 / 10%)",
         input: "oklch(1 0 0 / 15%)",
         ring: "oklch(0.547 0.021 43.1)",
-        "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)",
+        "chart-1": "oklch(0.865 0.127 207.078)",
+        "chart-2": "oklch(0.715 0.143 215.221)",
+        "chart-3": "oklch(0.609 0.126 221.723)",
+        "chart-4": "oklch(0.52 0.105 223.128)",
+        "chart-5": "oklch(0.45 0.085 224.283)",
         sidebar: "oklch(0.214 0.009 43.1)",
         "sidebar-foreground": "oklch(0.986 0.002 67.8)",
         "sidebar-primary": "oklch(0.488 0.243 264.376)",
diff --git a/apps/v4/scripts/build-registry.mts b/apps/v4/scripts/build-registry.mts
index 5b7a08b7c2..d1531480cc 100644
--- a/apps/v4/scripts/build-registry.mts
+++ b/apps/v4/scripts/build-registry.mts
@@ -13,6 +13,7 @@ import { Project, ScriptKind } from "ts-morph"
 
 import { getAllBlocks } from "@/lib/blocks"
 import { legacyStyles } from "@/registry/_legacy-styles"
+import { BASE_COLORS } from "@/registry/base-colors"
 import { BASES, type Base } from "@/registry/bases"
 import { PRESETS } from "@/registry/config"
 import { STYLES } from "@/registry/styles"
@@ -117,6 +118,9 @@ try {
   console.log("\n📋 Building public/r/registries.json...")
   await buildRegistriesJson()
 
+  console.log("\n🎨 Building public/r/colors...")
+  await buildColors()
+
   // Batch format all collected files with prettier at the end.
   if (prettierPaths.length > 0) {
     console.log(`\n✨ Formatting ${prettierPaths.length} files...`)
@@ -795,3 +799,42 @@ async function buildTemplates() {
     })
   )
 }
+
+async function buildColors() {
+  const colorsTargetPath = path.join(process.cwd(), "public/r/colors")
+  await rimraf(colorsTargetPath)
+  await fs.mkdir(colorsTargetPath, { recursive: true })
+
+  await Promise.all(
+    BASE_COLORS.map(async (baseColor) => {
+      const light = (baseColor.cssVars?.light ?? {}) as Record<string, string>
+      const dark = (baseColor.cssVars?.dark ?? {}) as Record<string, string>
+
+      const cssVarKeys = Object.keys(light).filter(
+        (key) => !key.startsWith("sidebar")
+      )
+
+      const rootVars = cssVarKeys
+        .map((key) => `    --${key}: ${light[key]};`)
+        .join("\n")
+      const darkVars = cssVarKeys
+        .filter((key) => dark[key])
+        .map((key) => `    --${key}: ${dark[key]};`)
+        .join("\n")
+
+      const payload = {
+        inlineColors: { light, dark },
+        cssVars: { light, dark },
+        cssVarsV4: baseColor.cssVars,
+        inlineColorsTemplate:
+          "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n  ",
+        cssVarsTemplate: `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n${rootVars}\n  }\n\n  .dark {\n${darkVars}\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}`,
+      }
+
+      const outputPath = path.join(colorsTargetPath, `${baseColor.name}.json`)
+      await fs.writeFile(outputPath, JSON.stringify(payload, null, 2))
+      prettierPaths.push(outputPath)
+      console.log(`   ✅ ${baseColor.name}.json`)
+    })
+  )
+}