From 828ea7cb0d7115c5bfeffcdeaf3937d7dd58f13c Mon Sep 17 00:00:00 2001
From: Alan Daniel <stylesshjs@gmail.com>
Date: Mon, 12 Jan 2026 15:10:26 -0400
Subject: [PATCH] fix pico instances colors vars

---
 apps/www/data/solutions/ai-builders.tsx | 59 +++++++++++++++++++------
 1 file changed, 45 insertions(+), 14 deletions(-)

diff --git a/apps/www/data/solutions/ai-builders.tsx b/apps/www/data/solutions/ai-builders.tsx
index cd0247c1529..2ead13e3b1c 100644
--- a/apps/www/data/solutions/ai-builders.tsx
+++ b/apps/www/data/solutions/ai-builders.tsx
@@ -688,57 +688,88 @@ const data: {
             height="316"
             fill="none"
             viewBox="0 0 591 316"
-            className="w-full h-full"
+            className="w-full h-full -mb-6"
           >
-            <mask id="path-1-inside-1_190_26" fill="#fff">
+            <mask id="path-1-inside-1_190_26" fill="hsl(var(--foreground-default))">
               <path d="M0 12C0 5.373 5.373 0 12 0h567c6.627 0 12 5.373 12 12v304H0z"></path>
             </mask>
             <path
-              fill="#1C1C1C"
+              fill="hsl(var(--background-surface-100))"
               d="M0 12C0 5.373 5.373 0 12 0h567c6.627 0 12 5.373 12 12v304H0z"
             ></path>
             <path
-              fill="#303030"
+              fill="hsl(var(--border-default))"
               d="M-1 12C-1 4.82 4.82-1 12-1h567c7.18 0 13 5.82 13 13h-2c0-6.075-4.925-11-11-11H12C5.925 1 1 5.925 1 12zm592 304H0zm-592 0V12C-1 4.82 4.82-1 12-1v2C5.925 1 1 5.925 1 12v304zM579-1c7.18 0 13 5.82 13 13v304h-2V12c0-6.075-4.925-11-11-11z"
               mask="url(#path-1-inside-1_190_26)"
             ></path>
-            <rect width="491" height="151" x="50.5" y="82.5" fill="#1C1C1C" rx="11.5"></rect>
             <rect
               width="491"
               height="151"
               x="50.5"
               y="82.5"
-              stroke="#85E0B7"
+              fill="hsl(var(--background-surface-100))"
+              rx="11.5"
+            ></rect>
+            <rect
+              width="491"
+              height="151"
+              x="50.5"
+              y="82.5"
+              stroke="hsl(var(--brand-600))"
               strokeDasharray="6 6"
               rx="11.5"
             ></rect>
             <path
-              stroke="#fff"
+              stroke="hsl(var(--foreground-default))"
               strokeLinecap="round"
               strokeLinejoin="round"
               strokeWidth="2"
               d="M140 128H92a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M140 164H92a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M98 140h.03M98 176h.03"
             ></path>
-            <path stroke="#626262" strokeDasharray="3 3" strokeWidth="2" d="M184 158h44"></path>
             <path
-              stroke="#fff"
+              stroke="hsl(var(--foreground-muted))"
+              strokeDasharray="3 3"
+              strokeWidth="2"
+              d="M184 158h44"
+            ></path>
+            <path
+              stroke="hsl(var(--foreground-default))"
               strokeLinecap="round"
               strokeLinejoin="round"
               strokeWidth="2"
               d="M320 128h-48a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M320 164h-48a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M278 140h.03M278 176h.03"
             ></path>
-            <path stroke="#626262" strokeDasharray="3 3" strokeWidth="2" d="M364 158h44"></path>
             <path
-              stroke="#fff"
+              stroke="hsl(var(--foreground-muted))"
+              strokeDasharray="3 3"
+              strokeWidth="2"
+              d="M364 158h44"
+            ></path>
+            <path
+              stroke="hsl(var(--foreground-default))"
               strokeLinecap="round"
               strokeLinejoin="round"
               strokeWidth="2"
               d="M500 128h-48a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M500 164h-48a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6M458 140h.03M458 176h.03"
             ></path>
-            <rect width="158" height="21" x="217" y="263.5" fill="#341C00" rx="10.5"></rect>
-            <rect width="158" height="21" x="217" y="263.5" stroke="#693F05" rx="10.5"></rect>
+            <rect
+              width="158"
+              height="21"
+              x="217"
+              y="263.5"
+              fill="hsl(var(--warning-200))"
+              rx="10.5"
+            ></rect>
+            <rect
+              width="158"
+              height="21"
+              x="217"
+              y="263.5"
+              stroke="hsl(var(--warning-500))"
+              rx="10.5"
+            ></rect>
             <path
-              fill="#F1A10D"
+              fill="hsl(var(--warning-600))"
               d="m235.788 271.876-1.144.403c-.104-.663-.663-1.573-1.95-1.573-1.04 0-1.781.676-1.781 1.534 0 .663.403 1.17 1.183 1.339l1.378.299c1.534.338 2.392 1.3 2.392 2.587 0 1.43-1.222 2.73-3.185 2.73-2.223 0-3.276-1.43-3.445-2.743l1.222-.39c.091 1.027.819 1.976 2.21 1.976 1.274 0 1.898-.663 1.898-1.469 0-.663-.455-1.235-1.378-1.43l-1.313-.286c-1.313-.286-2.249-1.144-2.249-2.522 0-1.443 1.339-2.743 3.042-2.743 2.08 0 2.912 1.287 3.12 2.288m3.359 3.445V279h-1.222v-9.412h1.222v3.887c.455-.663 1.183-.91 1.898-.91 1.495 0 2.236 1.079 2.236 2.47V279h-1.222v-3.757c0-.871-.364-1.573-1.456-1.573-.936 0-1.43.728-1.456 1.651m6.188 2.002c0-1.118.819-1.742 1.898-1.898l1.69-.247c.377-.052.481-.247.481-.468 0-.611-.403-1.118-1.352-1.118-.858 0-1.339.533-1.417 1.261l-1.17-.273c.13-1.196 1.209-2.028 2.561-2.028 1.872 0 2.6 1.066 2.6 2.288v3.133c0 .546.052.871.078 1.027h-1.196a4.6 4.6 0 0 1-.065-.845c-.273.442-.897 1.04-2.015 1.04-1.274 0-2.093-.884-2.093-1.872m2.262.845c1.001 0 1.807-.481 1.807-1.846v-.286l-1.911.286c-.52.078-.91.377-.91.936 0 .468.39.91 1.014.91m8.903-5.486v1.3a4 4 0 0 0-.533-.039c-1.027 0-1.716.546-1.716 1.924V279h-1.222v-6.253h1.196v1.092c.455-.962 1.235-1.196 1.872-1.196a2.3 2.3 0 0 1 .403.039m2.532 2.548h3.419c-.026-.897-.611-1.599-1.716-1.599-1.027 0-1.651.793-1.703 1.599m3.601 1.625 1.053.364c-.351 1.105-1.352 1.976-2.808 1.976-1.677 0-3.146-1.222-3.146-3.341 0-1.963 1.417-3.302 2.99-3.302 1.924 0 3.003 1.326 3.003 3.276 0 .156-.013.312-.026.39h-4.706c.026 1.118.832 1.898 1.885 1.898 1.014 0 1.521-.559 1.755-1.261m3.88-1.001c0 1.287.663 2.236 1.833 2.236 1.118 0 1.807-.975 1.807-2.262s-.676-2.171-1.794-2.171-1.846.91-1.846 2.197m3.653 2.301v-.104c-.299.598-.962 1.118-1.937 1.118-1.833 0-2.964-1.456-2.964-3.315 0-1.768 1.196-3.276 2.964-3.276 1.105 0 1.703.546 1.911 1.053v-4.043h1.209v8.255c0 .598.052 1.053.065 1.157h-1.183a5 5 0 0 1-.065-.845m8.942.845h-1.3v-9.217h1.3zm3.935-3.614V279h-1.222v-6.253h1.196v.897c.455-.78 1.196-1.079 1.924-1.079 1.495 0 2.236 1.079 2.236 2.47V279h-1.222v-3.757c0-.871-.364-1.573-1.456-1.573-.962 0-1.456.767-1.456 1.716m9.724-1.534h-1.508V279h-1.261v-5.148h-1.157v-1.105h1.157v-1.053c0-1.391.923-2.145 2.054-2.145.416 0 .676.091.728.13v1.092c-.065-.026-.221-.078-.533-.078-.429 0-.988.208-.988 1.066v.988h1.508zm5.281-1.17v1.3a4 4 0 0 0-.533-.039c-1.027 0-1.716.546-1.716 1.924V279h-1.222v-6.253h1.196v1.092c.455-.962 1.235-1.196 1.872-1.196a2.3 2.3 0 0 1 .403.039m1.413 4.641c0-1.118.819-1.742 1.898-1.898l1.69-.247c.377-.052.481-.247.481-.468 0-.611-.403-1.118-1.352-1.118-.858 0-1.339.533-1.417 1.261l-1.17-.273c.13-1.196 1.209-2.028 2.561-2.028 1.872 0 2.6 1.066 2.6 2.288v3.133c0 .546.052.871.078 1.027h-1.196a4.6 4.6 0 0 1-.065-.845c-.273.442-.897 1.04-2.015 1.04-1.274 0-2.093-.884-2.093-1.872m2.262.845c1.001 0 1.807-.481 1.807-1.846v-.286l-1.911.286c-.52.078-.91.377-.91.936 0 .468.39.91 1.014.91m4.847-.793 1.105-.39c.078.65.572 1.17 1.456 1.17.689 0 1.066-.39 1.066-.832 0-.39-.286-.689-.806-.806l-1.066-.234c-.975-.208-1.56-.871-1.56-1.755 0-1.066 1.001-1.976 2.223-1.976 1.716 0 2.249 1.118 2.379 1.677l-1.079.403c-.052-.325-.312-1.04-1.3-1.04-.624 0-1.04.403-1.04.832 0 .377.234.65.715.754l1.014.221c1.131.247 1.729.936 1.729 1.859 0 .884-.741 1.937-2.288 1.937-1.716 0-2.444-1.105-2.548-1.82m8.601-6.604v1.976h1.352v1.105h-1.352v3.25c0 .572.234.858.871.858.156 0 .377-.026.481-.052v1.04a2.7 2.7 0 0 1-.832.117c-1.066 0-1.742-.65-1.742-1.781v-3.432h-1.196v-1.105h.338c.676 0 .962-.416.962-.962v-1.014zm6.827 1.911v1.3a4 4 0 0 0-.533-.039c-1.027 0-1.716.546-1.716 1.924V279h-1.222v-6.253h1.196v1.092c.455-.962 1.235-1.196 1.872-1.196a2.3 2.3 0 0 1 .403.039m5.987 5.564c-.338.65-1.118.949-1.846.949-1.456 0-2.34-1.092-2.34-2.509v-3.939h1.222v3.757c0 .858.39 1.612 1.417 1.612.988 0 1.482-.65 1.482-1.599v-3.77h1.222v5.096c0 .494.039.936.065 1.157h-1.17a5.5 5.5 0 0 1-.052-.754m6.305-4.563c-.988 0-1.898.728-1.898 2.184 0 1.43.897 2.197 1.911 2.197 1.17 0 1.599-.793 1.742-1.287l1.079.468c-.299.897-1.196 1.95-2.821 1.95-1.82 0-3.159-1.43-3.159-3.328 0-1.95 1.365-3.315 3.146-3.315 1.664 0 2.522 1.04 2.782 1.989l-1.105.468c-.156-.611-.611-1.326-1.677-1.326m6.406-2.912v1.976h1.352v1.105h-1.352v3.25c0 .572.234.858.871.858.156 0 .377-.026.481-.052v1.04a2.7 2.7 0 0 1-.832.117c-1.066 0-1.742-.65-1.742-1.781v-3.432h-1.196v-1.105h.338c.676 0 .962-.416.962-.962v-1.014zm7.604 7.475c-.338.65-1.118.949-1.846.949-1.456 0-2.34-1.092-2.34-2.509v-3.939h1.222v3.757c0 .858.39 1.612 1.417 1.612.988 0 1.482-.65 1.482-1.599v-3.77h1.222v5.096c0 .494.039.936.065 1.157h-1.17a5.5 5.5 0 0 1-.052-.754m7.213-5.564v1.3a4 4 0 0 0-.533-.039c-1.027 0-1.716.546-1.716 1.924V279h-1.222v-6.253h1.196v1.092c.455-.962 1.235-1.196 1.872-1.196a2.3 2.3 0 0 1 .403.039m2.532 2.548h3.419c-.026-.897-.611-1.599-1.716-1.599-1.027 0-1.651.793-1.703 1.599m3.601 1.625 1.053.364c-.351 1.105-1.352 1.976-2.808 1.976-1.677 0-3.146-1.222-3.146-3.341 0-1.963 1.417-3.302 2.99-3.302 1.924 0 3.003 1.326 3.003 3.276 0 .156-.013.312-.026.39h-4.706c.026 1.118.832 1.898 1.885 1.898 1.014 0 1.521-.559 1.755-1.261"
             ></path>
           </svg>