From bb00e028f5c236e7fde40da015ab0d882bd43a2e Mon Sep 17 00:00:00 2001
From: Replit Agent <agent@replit.com>
Date: Sat, 6 Jun 2026 07:00:53 +0000
Subject: [PATCH] Update color scheme and enlarge logos in the footer

Adjusted CSS variables for color palette and increased size of logos in AppLayout component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1fa9329f-0cec-4a2f-80e8-e26dbae3142e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df656e08-ca73-42c6-8325-43f18e48b8cc
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/4d696b13-86f2-4c9d-be0d-95b293430047/1fa9329f-0cec-4a2f-80e8-e26dbae3142e/8zDW4Fu
Replit-Helium-Checkpoint-Created: true
---
 .../src/components/layout/AppLayout.tsx       |  7 ++--
 artifacts/ehsan-poc/src/index.css             | 34 +++++++++----------
 2 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/artifacts/ehsan-poc/src/components/layout/AppLayout.tsx b/artifacts/ehsan-poc/src/components/layout/AppLayout.tsx
index 563957c..80c0a28 100644
--- a/artifacts/ehsan-poc/src/components/layout/AppLayout.tsx
+++ b/artifacts/ehsan-poc/src/components/layout/AppLayout.tsx
@@ -123,17 +123,16 @@ export function AppLayout({ children }: { children: ReactNode }) {
 
           {/* Bottom bar */}
           <div className="mt-10 flex border-t border-white/15 pt-6">
-            <div className="flex items-center gap-6 mr-auto">
+            <div className="flex items-center gap-8 mr-auto">
               <img
                 src={sdaiaLogo}
                 alt={f.sdaiaSubtitle}
-                className="h-8 w-auto object-contain"
+                className="h-14 w-auto object-contain"
               />
-              <div className="h-8 w-px bg-white/20" aria-hidden="true" />
               <img
                 src={vision2030Logo}
                 alt={`${f.visionLine1} ${f.visionLine2}`}
-                className="h-9 w-auto object-contain"
+                className="h-14 w-auto object-contain"
               />
             </div>
           </div>
diff --git a/artifacts/ehsan-poc/src/index.css b/artifacts/ehsan-poc/src/index.css
index bb98178..93fd74e 100644
--- a/artifacts/ehsan-poc/src/index.css
+++ b/artifacts/ehsan-poc/src/index.css
@@ -89,38 +89,38 @@
   --sidebar: 0 0% 100%;
   --sidebar-foreground: 143 50% 10%;
   --sidebar-border: 143 20% 90%;
-  --sidebar-primary: 151 60% 22%;
+  --sidebar-primary: 143 60% 26%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 143 20% 94%;
   --sidebar-accent-foreground: 143 50% 10%;
-  --sidebar-ring: 151 60% 22%;
+  --sidebar-ring: 143 60% 26%;
 
   --popover: 0 0% 100%;
   --popover-foreground: 143 50% 10%;
   --popover-border: 143 20% 90%;
 
-  --primary: 151 63% 22%;
+  --primary: 146 64% 32%;
   --primary-foreground: 0 0% 100%;
 
   --ehsan-orange: 28 92% 52%;
   --ehsan-orange-foreground: 0 0% 100%;
 
   --secondary: 143 20% 94%;
-  --secondary-foreground: 151 60% 22%;
+  --secondary-foreground: 143 60% 26%;
 
   --muted: 143 20% 94%;
   --muted-foreground: 143 15% 45%;
 
   --accent: 143 30% 92%;
-  --accent-foreground: 151 60% 22%;
+  --accent-foreground: 143 60% 26%;
 
   --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 100%;
 
   --input: 143 20% 84%;
-  --ring: 151 60% 22%;
+  --ring: 143 60% 26%;
   
-  --chart-1: 151 60% 22%;
+  --chart-1: 143 60% 26%;
   --chart-2: 143 40% 40%;
   --chart-3: 143 30% 60%;
   --chart-4: 143 20% 80%;
@@ -131,14 +131,14 @@
   --app-font-mono: Menlo, monospace;
   --radius: 0.5rem; 
 
-  --shadow-2xs: 0px 2px 0px 0px hsl(151 60% 22% / 0.05);
-  --shadow-xs: 0px 2px 0px 0px hsl(151 60% 22% / 0.05);
-  --shadow-sm: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 1px 2px -1px hsl(151 60% 22% / 0.05);
-  --shadow: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 1px 2px -1px hsl(151 60% 22% / 0.05);
-  --shadow-md: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 2px 4px -1px hsl(151 60% 22% / 0.05);
-  --shadow-lg: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 4px 6px -1px hsl(151 60% 22% / 0.05);
-  --shadow-xl: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 8px 10px -1px hsl(151 60% 22% / 0.05);
-  --shadow-2xl: 0px 2px 0px 0px hsl(151 60% 22% / 0.05);
+  --shadow-2xs: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
+  --shadow-xs: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
+  --shadow-sm: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 1px 2px -1px hsl(143 60% 26% / 0.05);
+  --shadow: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 1px 2px -1px hsl(143 60% 26% / 0.05);
+  --shadow-md: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 2px 4px -1px hsl(143 60% 26% / 0.05);
+  --shadow-lg: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 4px 6px -1px hsl(143 60% 26% / 0.05);
+  --shadow-xl: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 8px 10px -1px hsl(143 60% 26% / 0.05);
+  --shadow-2xl: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
   
   --tracking-normal: 0em;
   --spacing: 0.25rem;
@@ -171,11 +171,11 @@
   --sidebar: 143 40% 8%;
   --sidebar-foreground: 0 0% 98%;
   --sidebar-border: 143 30% 15%;
-  --sidebar-primary: 151 60% 22%;
+  --sidebar-primary: 143 60% 26%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 143 30% 15%;
   --sidebar-accent-foreground: 0 0% 98%;
-  --sidebar-ring: 151 60% 22%;
+  --sidebar-ring: 143 60% 26%;
 
   --popover: 143 40% 8%;
   --popover-foreground: 0 0% 98%;