chore: change some styles

src/components/AppHeader.jsx

@@ -7,7 +7,7 @@ import MenuDrawer from './MenuDrawer';
 export default function AppHeader({ zone = 'public' }) {
 
   const bgColor = {
-      public: '#000000a0',
+      public: '#40120EFF',
       restricted: '#e0e0ff',
       private: '#d0f0e0',
   };
@@ -31,15 +31,12 @@ export default function AppHeader({ zone = 'public' }) {
           <IconButton edge="start" color="inherit" onClick={() => setMenuOpen(true)}>
             <img src={fendiLogo} alt="Fendi logo" style={{ height: 40 }} />
           </IconButton>
-          <Typography variant="h6" noWrap sx={{ ml: 1 }}>
-            {isPrivate ? "Private" : isRestricted ? "Restricted" : "Fendi Casa Experience"}
-          </Typography>
         </Box>
 
         {/* Search only visible for restricted or private zones */}
         {(isRestricted || isPrivate || isPublic) && (
           <Box sx={{ position: 'relative', display: { xs: 'none', md: 'flex' } }}>
-            <SearchIcon sx={{ position: 'absolute', left: 10, top: '50%', transform: 'translateY(-50%)' }} />
+            <SearchIcon sx={{ position: 'absolute', left: 10, top: '50%', transform: 'translateY(-50%)', color: '#A68A72FF' }} />
             <InputBase
               placeholder="Search…"
               sx={{
@@ -48,7 +45,7 @@ export default function AppHeader({ zone = 'public' }) {
                 py: 0.5,
                 borderRadius: 1,
                 bgcolor: '#000000a0',
-                color: 'gray',
+                color: '#A68A72FF',
                 width: { md: '300px', lg: '400px' }
               }}
             />
@@ -59,7 +56,7 @@ export default function AppHeader({ zone = 'public' }) {
         {isPublic && (
           <Box>
             <IconButton color="inherit">
-              <Typography variant="button" color="inherit">
+              <Typography variant="button" color="#A68A72FF">
                 Login
               </Typography>
             </IconButton>