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

templates/home.tmpl

@@ -1,37 +1,94 @@
 {{template "base/head" .}}
 <style>
-  .page-content.home {
+  .mgit-home {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: calc(100vh - 200px);
     padding: 2rem 1rem;
   }
-  .home .center {
+  .mgit-hero {
     text-align: center;
+    max-width: 600px;
   }
-  .home .mgit-logo-text {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    font-weight: 700;
-    font-size: 4rem;
-    letter-spacing: -0.05em;
-    color: var(--color-primary, #2563eb);
-    margin: 0;
-    line-height: 1.2;
-  }
-  .home .mgit-logo-text::before {
-    content: '';
-    display: block;
+  .mgit-mark {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 80px;
-    height: 4px;
-    background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);
-    margin: 0 auto 1.5rem;
-    border-radius: 2px;
+    height: 80px;
+    background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark-2, #1e40af));
+    border-radius: 20px;
+    margin-bottom: 1.5rem;
+  }
+  .mgit-mark svg {
+    width: 48px;
+    height: 48px;
+  }
+  .mgit-title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.04em;
+    color: var(--color-text, #1e293b);
+    margin: 0 0 0.5rem;
+  }
+  .mgit-subtitle {
+    font-size: 1.1rem;
+    color: var(--color-text-light, #64748b);
+    margin: 0 0 2rem;
+    line-height: 1.6;
+  }
+  .mgit-actions {
+    display: flex;
+    gap: 0.75rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+  .mgit-actions a {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.625rem 1.25rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    font-size: 0.95rem;
+    text-decoration: none;
+    transition: all 0.15s ease;
+  }
+  .mgit-btn-primary {
+    background: var(--color-primary, #2563eb);
+    color: #fff !important;
+  }
+  .mgit-btn-primary:hover {
+    opacity: 0.9;
+    text-decoration: none !important;
+  }
+  .mgit-btn-secondary {
+    border: 1px solid var(--color-secondary-dark-2, #e2e8f0);
+    color: var(--color-text, #1e293b) !important;
+    background: var(--color-box-body, transparent);
+  }
+  .mgit-btn-secondary:hover {
+    border-color: var(--color-primary, #2563eb);
+    text-decoration: none !important;
   }
 </style>
-<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}" class="page-content home">
-	<div class="center">
-		<div class="mgit-logo-text">mGit</div>
-	</div>
+<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}" class="page-content mgit-home">
+  <div class="mgit-hero">
+    <div class="mgit-mark">
+      <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <text x="16" y="24" font-family="Inter, -apple-system, system-ui, sans-serif" font-size="22" font-weight="700" fill="#ffffff" text-anchor="middle">m</text>
+      </svg>
+    </div>
+    <h1 class="mgit-title">mGit</h1>
+    <p class="mgit-subtitle">Private Git hosting for projects, code, and collaboration.</p>
+    <div class="mgit-actions">
+      {{if .IsSigned}}
+        <a href="{{AppSubUrl}}/" class="mgit-btn-primary">Dashboard</a>
+      {{else}}
+        <a href="{{AppSubUrl}}/user/login" class="mgit-btn-primary">Sign In</a>
+      {{end}}
+      <a href="{{AppSubUrl}}/explore/repos" class="mgit-btn-secondary">Explore</a>
+    </div>
+  </div>
 </div>
 {{template "base/footer" .}}