style: add mozdit logo and update color palette

proto/src/app/globals.css

@@ -6,25 +6,25 @@
 
 /* Design Tokens - Light Theme */
 :root {
-  /* Brand Colors */
-  --color-primary-50: #eff6ff;
-  --color-primary-100: #dbeafe;
-  --color-primary-200: #bfdbfe;
-  --color-primary-300: #93c5fd;
-  --color-primary-400: #60a5fa;
-  --color-primary-500: #3b82f6;
-  --color-primary-600: #2563eb;
-  --color-primary-700: #1d4ed8;
-  --color-primary-800: #1e40af;
-  --color-primary-900: #1e3a8a;
-  --color-primary-950: #172554;
+  /* Brand Colors (mozdIT Blue) */
+  --color-primary-50: #eef4ff;
+  --color-primary-100: #d9e6ff;
+  --color-primary-200: #bcceff;
+  --color-primary-300: #8eb0ff;
+  --color-primary-400: #5c8bff;
+  --color-primary-500: #3566f1;
+  --color-primary-600: #1f4e9d; /* Base Logo Blue */
+  --color-primary-700: #193e82;
+  --color-primary-800: #163673;
+  --color-primary-900: #153060;
+  --color-primary-950: #0f1e40;
 
-  /* Accent Colors */
-  --color-accent-50: #eef2ff;
-  --color-accent-100: #e0e7ff;
-  --color-accent-200: #c7d2fe;
-  --color-accent-500: #6366f1;
-  --color-accent-600: #4f46e5;
+  /* Accent Colors (mozdIT Orange/Magenta) */
+  --color-accent-50: #fef1f2;
+  --color-accent-100: #fde0e3;
+  --color-accent-200: #fbc7cc;
+  --color-accent-500: #e43e26; /* Base Logo Orange */
+  --color-accent-600: #cf3019;
 
   /* Success Colors */
   --color-success-50: #f0fdf4;

proto/src/components/Header.test.tsx

@@ -13,7 +13,7 @@ jest.mock('next/link', () => {
 describe('Header', () => {
   it('should render the company logo', () => {
     render(<Header />)
-    expect(screen.getAllByText('mozdIT Bt.').length).toBeGreaterThan(0)
+    expect(screen.getByAltText('mozdIT Bt.')).toBeInTheDocument()
   })
 
   it('should render all navigation links in desktop menu', () => {

proto/src/components/Header.tsx

@@ -47,24 +47,12 @@ export default function Header() {
           <div className="flex-shrink-0">
             <a 
               href="/" 
-              className="group flex items-center gap-2 text-xl font-bold transition-all duration-200"
-              style={{ color: 'var(--color-primary-600)' }}
+              className="group flex items-center gap-2 transition-all duration-200"
             >
-              <span className="relative">
-                <span className="group-hover:opacity-0 transition-opacity duration-200">
-                  {siteConfig.general.name}
-                </span>
-                <span 
-                  className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200"
-                  style={{ color: 'var(--color-primary-700)' }}
-                >
-                  {siteConfig.general.name}
-                </span>
-              </span>
-              <span 
-                className="inline-block w-2 h-2 rounded-full animate-pulse-slow"
-                style={{ background: 'var(--color-success-500)' }}
-                title="Online"
+              <img 
+                src="/mozdit_logo.png" 
+                alt={siteConfig.general.name} 
+                className="h-10 w-auto transition-transform duration-200 group-hover:scale-105"
               />
             </a>
           </div>