From 774a6f97a0fb9edbc39408d0d475dfba6748e923 Mon Sep 17 00:00:00 2001
From: Replit Agent <agent@replit.com>
Date: Fri, 5 Jun 2026 21:00:01 +0000
Subject: [PATCH] Apply reference colors to home stats section (Task #24)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "إحسانكم لعام 2026" statistics section rendered its heading and big
numbers in the bright brand green (text-primary). The reference uses a
deeper forest green for those text elements, keeping the brighter green only
for the icons/leaf.

Change (artifacts/ehsan-poc/src/pages/home.tsx):
- Heading <h2> and each stat number <div>: text-primary -> text-[#14573A]
  (deep forest green sampled from the reference image).
- Leaf accent and the three card icons: kept text-primary (#1B8354).
- Subtitle and labels: unchanged (text-muted-foreground gray).

No layout/order changes; works in AR (RTL) and EN. tsc --noEmit clean;
verified visually in the preview.
---
 artifacts/ehsan-poc/src/pages/home.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/artifacts/ehsan-poc/src/pages/home.tsx b/artifacts/ehsan-poc/src/pages/home.tsx
index 74ef1ce..0371b88 100644
--- a/artifacts/ehsan-poc/src/pages/home.tsx
+++ b/artifacts/ehsan-poc/src/pages/home.tsx
@@ -172,7 +172,7 @@ export default function Home() {
             <div className="text-center mb-8">
               <div className="flex items-center justify-center gap-2 mb-2">
                 <Leaf className="w-6 h-6 text-primary" aria-hidden="true" />
-                <h2 className="text-2xl font-bold text-primary">{t.home.stats.title}</h2>
+                <h2 className="text-2xl font-bold text-[#14573A]">{t.home.stats.title}</h2>
               </div>
               <p className="text-sm text-muted-foreground max-w-xl mx-auto">
                 {t.home.stats.subtitle}
@@ -200,7 +200,7 @@ export default function Home() {
                   <Card className="border-none shadow-md h-full rounded-2xl">
                     <CardContent className="p-8 text-center">
                       <Icon className="w-9 h-9 text-primary mx-auto mb-4" aria-hidden="true" />
-                      <div className="text-3xl font-bold text-primary mb-3" data-testid={`stat-value-${i}`}>
+                      <div className="text-3xl font-bold text-[#14573A] mb-3" data-testid={`stat-value-${i}`}>
                         {value}
                       </div>
                       <div className="text-sm text-muted-foreground font-medium">{label}</div>