feat(brand): use clawd logo

src/components/Header.tsx

@@ -27,7 +27,9 @@ export default function Header() {
     <header className="navbar">
       <div className="navbar-inner">
         <Link to="/" className="brand">
-          <span className="brand-mark" />
+          <span className="brand-mark">
+            <img src="/clawd-logo.png" alt="" aria-hidden="true" />
+          </span>
           ClawdHub
         </Link>
         <nav className="nav-links">

src/styles.css

@@ -114,6 +114,16 @@ code {
   border-radius: 50%;
   background: radial-gradient(circle at 30% 30%, #ffd3c2 0%, #ff6b4a 60%, #d1492f 100%);
   box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.5);
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+}
+
+.brand-mark img {
+  width: 70%;
+  height: 70%;
+  object-fit: cover;
+  border-radius: 50%;
 }
 
 .nav-links {
@@ -660,6 +670,10 @@ code {
   color: #3f3a34;
 }
 
+[data-theme="dark"] .markdown {
+  color: rgba(246, 239, 228, 0.9);
+}
+
 .markdown h1,
 .markdown h2,
 .markdown h3 {
@@ -677,6 +691,11 @@ code {
   border-radius: 8px;
 }
 
+[data-theme="dark"] .markdown code {
+  background: rgba(255, 131, 95, 0.2);
+  color: #ffe9de;
+}
+
 .fade-up {
   animation: fadeUp 0.6s ease forwards;
   opacity: 0;