From 1f3099f6db7825431f4d0ae03af91a1c16ae6386 Mon Sep 17 00:00:00 2001
From: alireza <alirezaameria2@gmail.com>
Date: Wed, 10 Jun 2026 15:40:32 +0330
Subject: [PATCH] @ Footer brand flanking lines; replace orange accent with
 #CD9E53

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@
---
 src/app/layout/Footer.tsx | 6 +++++-
 src/app/layout/Header.tsx | 2 +-
 src/index.css             | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/layout/Footer.tsx b/src/app/layout/Footer.tsx
index 4c30440..e6e4102 100644
--- a/src/app/layout/Footer.tsx
+++ b/src/app/layout/Footer.tsx
@@ -140,7 +140,11 @@ export function Footer() {
           {/* ── BRAND (right side in RTL) ── */}
           <div style={{ textAlign: 'center' }}>
             <img src="/logo%20white.png" alt="اندیشکده فولاد آینده" style={{ height: 96, width: 'auto', display: 'block', margin: '0 auto 14px' }} />
-            <div style={{ fontSize: 22, fontWeight: 900, color: '#fff', lineHeight: 1.3, marginBottom: 4 }}>اندیشکده فولاد آینده</div>
+            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 12, marginBottom: 4 }}>
+              <span style={{ height: 2, width: 28, background: 'linear-gradient(to left, #3b82f6, transparent)', borderRadius: 2 }} />
+              <span style={{ fontSize: 22, fontWeight: 900, color: '#fff', lineHeight: 1.3, whiteSpace: 'nowrap' }}>اندیشکده فولاد آینده</span>
+              <span style={{ height: 2, width: 28, background: 'linear-gradient(to right, #3b82f6, transparent)', borderRadius: 2 }} />
+            </div>
             <div style={{ fontSize: 10, letterSpacing: 2, color: 'rgba(255,255,255,0.35)', textTransform: 'uppercase', marginBottom: 18 }}>The Steel Futures Institute</div>
 
             <p style={{
diff --git a/src/app/layout/Header.tsx b/src/app/layout/Header.tsx
index 91f3436..9e14c5f 100644
--- a/src/app/layout/Header.tsx
+++ b/src/app/layout/Header.tsx
@@ -119,7 +119,7 @@ function NavDropdown({ lang, label, sections }: { lang: 'fa' | 'en'; label: stri
                 onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = 'transparent' }}
               >
                 <span>{lang === 'fa' ? item.fa : item.en}</span>
-                <item.Icon size={28} color="#e85c0d" strokeWidth={1.5} style={{ flexShrink: 0 }} />
+                <item.Icon size={28} color="#CD9E53" strokeWidth={1.5} style={{ flexShrink: 0 }} />
               </NavLink>
             ))}
           </motion.div>
diff --git a/src/index.css b/src/index.css
index 58cc163..e7df8db 100644
--- a/src/index.css
+++ b/src/index.css
@@ -51,7 +51,7 @@
   --color-white:      #FFFFFF;
   --color-gray-light: #E9EEF5;
   --color-gray-steel: #7C8798;
-  --color-orange:     #FF8A00;
+  --color-orange:     #CD9E53;
 
   /* Semantic surface tokens */
   --paper:     #FFFFFF;          /* primary surface      */
@@ -74,7 +74,7 @@
   --red-2:     #29bdf2;          /* lighter accent               */
 
   /* Warning / limited use — 1% max */
-  --amber:     #FF8A00;
+  --amber:     #CD9E53;
   --green-ink: #059669;
 }