feat(marca): atualiza logo, ícones, manifest e Open Graph para a identidade atual (#3)

- Logo em duas cores (teal + cobre), inline no cabeçalho e rodapé para
  seguir o tema do site; SVGs estáticos com prefers-color-scheme.
- scripts/generate-favicons.mjs passa a gerar favicons, ícones de app
  (maskable), site.webmanifest e a imagem Open Graph 1200x630.
- Manifest com fundo/tema obsidiana e lang pt-BR.


Claude-Session: https://claude.ai/code/session_016W1xmizFcmXLrmabSvfSuc

Co-authored-by: Claude Sonnet 5.5 <noreply@anthropic.com>

components/Footer.jsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Logo from "@/components/Logo";
 import { ArrowUpRight } from "lucide-react";
 import { SITE } from "@/lib/seo";
 
@@ -41,8 +42,7 @@ export default function Footer() {
 				<div className="grid gap-12 lg:grid-cols-[1.1fr_2fr]">
 					<div>
 						<Link href="/" className="inline-flex min-h-11 items-center gap-2.5" aria-label="ESPDocs, página inicial">
-							{/* eslint-disable-next-line @next/next/no-img-element */}
-							<img src="/marca/espdocs-marca.svg" alt="" aria-hidden="true" width={28} height={28} className="h-7 w-7" />
+							<Logo className="h-7 w-7" />
 							<span className="font-display text-2xl font-semibold tracking-[-0.045em] text-ink">ESPDocs</span>
 						</Link>
 						<p className="mt-5 max-w-sm text-sm leading-relaxed text-muted">