init: Shared Branding-Tokens, Logo-Assets und Schriftart

Single Source of Truth für alle Hammerpreis-Projekte:
- tokens.css: CSS Custom Properties (Farben, Spacing, Radien, Schatten, Typo)
- base.css: Google Fonts Import (Jost + JetBrains Mono)
- Logo-SVGs: Symbol, Vollversion, Favicon, OG-Image

Made-with: Cursor

og-image.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" fill="none">
+  <!-- Background -->
+  <rect width="1200" height="630" fill="#071635"/>
+  <rect width="1200" height="630" fill="url(#grad)" opacity="0.6"/>
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="1200" y2="630">
+      <stop offset="0%" stop-color="#071635"/>
+      <stop offset="100%" stop-color="#0d1f3d"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Logo: 3 house/roof shapes (Font: Jost from Google Fonts - not embeddable in SVG) -->
+  <g transform="translate(480,100) scale(3.5)">
+    <path d="M21.3 27V8.5L16 4L10.7 8.5V27H21.3Z" fill="#4DBEEE"/>
+    <path d="M10.7 27V8.5L5.3 4L0 8.5V27H10.7Z" transform="translate(3.5, 0)" fill="#FF6B35"/>
+    <path d="M10.7 27V8.5L5.3 4L0 8.5V27H10.7Z" transform="translate(17.8, 0)" fill="#6B7FA9"/>
+  </g>
+
+  <!-- Text (Font: Jost - add via CSS @import when used in HTML context) -->
+  <text x="600" y="380" text-anchor="middle" font-family="Jost, system-ui, -apple-system, sans-serif" font-size="64" font-weight="800" fill="#ffffff">Hammerpreis</text>
+  <text x="600" y="430" text-anchor="middle" font-family="Jost, system-ui, -apple-system, sans-serif" font-size="24" font-weight="400" fill="rgba(255,255,255,0.7)">KI-gest<73>tzte Angebotserstellung f<>r Bauprojekte</text>
+
+  <!-- Bottom accent -->
+  <rect y="610" width="1200" height="20" fill="#FF6B35"/>
+</svg>