refactor: clean up themes, templates, and add comprehensive README

- Themes now only override CSS variables (no selector overrides)
- Removed duplicate styles from header.tmpl (just loads Inter font now)
- Cleaned up logo SVG (simpler, no overlapping text)
- Improved home page with proper hero layout and sign-in/explore buttons
- Added detailed README documenting the setup, deployment, and design principles

public/assets/img/favicon.svg

@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <defs>
-    <linearGradient id="faviconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#2563eb;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#1e40af;stop-opacity:1" />
+    <linearGradient id="favGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#3b82f6"/>
+      <stop offset="100%" stop-color="#1e40af"/>
     </linearGradient>
   </defs>
-  <rect width="32" height="32" fill="url(#faviconGradient)" rx="6"/>
-  <text x="16" y="22" font-family="Inter, -apple-system, sans-serif" font-size="18" font-weight="700" fill="#ffffff" text-anchor="middle" letter-spacing="-0.02em">m</text>
+  <rect width="32" height="32" fill="url(#favGrad)" rx="6"/>
+  <text x="16" y="23" font-family="Inter, -apple-system, system-ui, sans-serif" font-size="20" font-weight="700" fill="#ffffff" text-anchor="middle">m</text>
 </svg>