update design

src/lib/components/Sidebar.svelte

@@ -44,11 +44,7 @@
 >
 	<!-- Logo -->
 	<a href="/" class="flex items-center gap-2.5 px-5 py-5">
-		<div
+		<img src="/logo.png" alt="Vash Esports" class="h-8 w-8" />
-			class="font-800 flex h-8 w-8 items-center justify-center rounded-md bg-accent text-sm text-surface-900"
-		>
-			V
-		</div>
 		<span class="font-700 text-base tracking-tight text-text-primary">Vash Esports</span>
 	</a>
 

src/routes/(app)/+layout.svelte

@@ -89,11 +89,7 @@
 			class="flex h-14 items-center justify-between border-b border-border bg-surface-900/80 px-6 backdrop-blur-md"
 		>
 			<a href="/" class="flex items-center gap-2.5">
-				<div
+				<img src="/logo.png" alt="Vash Esports" class="h-8 w-8" />
-					class="font-800 flex h-8 w-8 items-center justify-center rounded-md bg-accent text-sm text-surface-900"
-				>
-					V
-				</div>
 				<span class="font-700 text-base tracking-tight text-text-primary">Vash Esports</span>
 			</a>
 			<a

src/routes/(app)/layout.css

@@ -2,16 +2,16 @@
 @plugin '@tailwindcss/typography';
 
 @theme {
-	--color-surface-900: #0a0a0f;
+	--color-surface-900: #000000;
-	--color-surface-800: #12121a;
+	--color-surface-800: #1a1a1a;
-	--color-surface-700: #1a1a25;
+	--color-surface-700: #242424;
-	--color-surface-600: #24243a;
+	--color-surface-600: #2e2e2e;
 	--color-accent: #ff66ab;
 	--color-accent-hover: #ff85be;
-	--color-accent-dim: #ff66ab33;
+	--color-accent-dim: #ff66ab26;
-	--color-text-primary: #eeeef0;
+	--color-text-primary: #f0f0f0;
-	--color-text-secondary: #8888a0;
+	--color-text-secondary: #888888;
-	--color-border: #2a2a3d;
+	--color-border: #2a2a2a;
 	--font-display: 'Geist', system-ui, sans-serif;
 	--font-body: 'Geist', system-ui, sans-serif;
 	--font-mono: 'Geist Mono', ui-monospace, monospace;