Remove gray colours

apps/web/src/pages/campaigns/index.tsx

@@ -156,7 +156,7 @@ export default function CampaignsPage() {
             )}
 
             {!isLoading && data?.campaigns.length === 0 && (
-            <Card className="border-2 border-dashed">
+              <Card>
                 <CardContent className="py-16 text-center">
                   <div className="max-w-md mx-auto">
                     <div className="bg-primary/10 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
@@ -242,7 +242,9 @@ export default function CampaignsPage() {
                             <span className="text-xs font-medium text-orange-900">Clicks</span>
                           </div>
                           <p className="text-lg font-bold text-orange-900">{clickRate.toFixed(1)}%</p>
-                        <p className="text-xs text-orange-700 mt-1">{campaign.clickedCount.toLocaleString()} clicked</p>
+                          <p className="text-xs text-orange-700 mt-1">
+                            {campaign.clickedCount.toLocaleString()} clicked
+                          </p>
                         </div>
                       )}
 

apps/web/src/pages/settings/index.tsx

@@ -483,17 +483,17 @@ export default function Settings() {
                 <CardContent className="pt-6 space-y-6">
                   {/* Reset Project */}
                   <div className="group">
-                    <div className="flex items-start justify-between gap-4 p-5 rounded-lg border border-gray-200 bg-white transition-all">
+                    <div className="flex items-start justify-between gap-4 p-5 rounded-lg border border-neutral-200 bg-white transition-all">
                       <div className="flex-1">
                         <div className="flex items-center gap-2 mb-2">
                           <Database className="h-4 w-4 text-orange-600" />
-                          <h4 className="font-semibold text-gray-900">Reset Project Data</h4>
+                          <h4 className="font-semibold text-neutral-900">Reset Project Data</h4>
                         </div>
-                        <p className="text-sm text-gray-600 mb-3">
+                        <p className="text-sm text-neutral-600 mb-3">
                           Clear all campaigns, contacts, workflows, templates, and events. This gives you a blank
                           project to start fresh.
                         </p>
-                        <div className="flex items-start gap-2 text-xs text-gray-500">
+                        <div className="flex items-start gap-2 text-xs text-neutral-500">
                           <span className="font-medium">Preserved:</span>
                           <span>API keys, domains, billing information</span>
                         </div>
@@ -701,7 +701,7 @@ export default function Settings() {
             </DialogHeader>
 
             <div className="py-4">
-              <label className="text-sm font-medium text-gray-700 block mb-2 text-center">
+              <label className="text-sm font-medium text-neutral-700 block mb-2 text-center">
                 Type{' '}
                 <span className="font-mono font-semibold text-orange-600 bg-orange-50 px-2 py-0.5 rounded">RESET</span>{' '}
                 to confirm
@@ -759,7 +759,7 @@ export default function Settings() {
             </DialogHeader>
 
             <div className="py-4">
-              <label className="text-sm font-medium text-gray-700 block mb-2 text-center">
+              <label className="text-sm font-medium text-neutral-700 block mb-2 text-center">
                 Type <span className="font-mono font-semibold text-red-600 bg-red-50 px-2 py-0.5 rounded">DELETE</span>{' '}
                 to confirm
               </label>

apps/web/src/pages/workflows/[id].tsx

@@ -395,7 +395,7 @@ export default function WorkflowEditorPage() {
                 <h1 className="text-3xl font-bold text-neutral-900">{workflow.name}</h1>
                 <span
                   className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-                    workflow.enabled ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
+                    workflow.enabled ? 'bg-green-100 text-green-800' : 'bg-neutral-100 text-neutral-800'
                   }`}
                 >
                   {workflow.enabled ? (
@@ -618,8 +618,8 @@ export default function WorkflowEditorPage() {
                                       : execution.status === 'FAILED'
                                         ? 'bg-red-100 text-red-800'
                                         : execution.status === 'CANCELLED'
-                                          ? 'bg-gray-100 text-gray-800'
+                                          ? 'bg-neutral-100 text-neutral-800'
-                                          : 'bg-gray-100 text-gray-800'
+                                          : 'bg-neutral-100 text-neutral-800'
                               }`}
                             >
                               {execution.status}

apps/web/src/pages/workflows/index.tsx

@@ -189,7 +189,7 @@ export default function WorkflowsPage() {
                           <CardTitle>{workflow.name}</CardTitle>
                           <span
                             className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-                              workflow.enabled ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
+                              workflow.enabled ? 'bg-green-100 text-green-800' : 'bg-neutral-100 text-neutral-800'
                             }`}
                           >
                             {workflow.enabled ? (

apps/web/src/styles/globals.css

@@ -64,7 +64,7 @@
     ::before,
     ::backdrop,
     ::file-selector-button {
-        border-color: var(--color-gray-200, currentcolor);
+        border-color: var(--color-neutral-200, currentcolor);
     }
 }