feat(brand): AV BEAT 2026 rebrand — blue/navy/white identity

- New AvBeatLogo inline-SVG component (rounded-square emblem with
  forward-leaning AV monogram + horizontal beam detail) at
  src/components/AvBeatLogo.tsx, three variants (full/wordmark/icon).
- Header.tsx now uses the responsive AV BEAT logo lockup in the
  top-left, links to /, full lockup on desktop (emblem+wordmark+tagline),
  emblem+wordmark on tablet, emblem-only on mobile.
- Removed DualSpeedTicker (the 'RECENT FORUM POSTS' ticker strip);
  the news ticker / glow chrome does not match the new aesthetic and the
  forum row was the explicit removal target.
- Tailwind theme + globals.css now expose the AV BEAT 2026 palette as
  semantic tokens: --brand-blue (#1D4ED8), --brand-blue-bright (#38BDF8),
  --brand-navy (#0F172A), --brand-bg (#F8FAFC), --brand-surface, --brand-border,
  --brand-text, --brand-text-muted. Legacy --color-* aliases re-point to the
  new tokens so any inline-styled component re-themes for free.
- Site-wide hex sweep migrates 2,769 hardcoded color literals across 144
  files from the old dark-broadcast palette to the new tokens (orange
  -> blue, dark-brown -> white surface / navy text, cream -> navy).
- Layout body class flipped from 'bb-neon' to 'bg-brand-bg text-brand-text'
  so the dark glow chrome no longer leaks through the new light theme.

src/app/api/newsletter/subscribers/route.ts

@@ -124,37 +124,37 @@ export async function POST(req: NextRequest) {
   const articlesHtml = articles
     .map(
       (a: { title: string; excerpt?: string; url?: string; image?: string; category?: string }) => `
-      <div style="border-bottom:1px solid #3a322b;padding:20px 0;">
-        ${a.category ? `<span style="color:#F0A623;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">${a.category}</span>` : ''}
+      <div style="border-bottom:1px solid #DCE6F2;padding:20px 0;">
+        ${a.category ? `<span style="color:#1D4ED8;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">${a.category}</span>` : ''}
         <h2 style="color:#e0e0e0;font-size:18px;margin:8px 0 6px;">
           ${a.url ? `<a href="${siteUrl}${a.url}" style="color:#e0e0e0;text-decoration:none;">${a.title}</a>` : a.title}
         </h2>
         ${a.excerpt ? `<p style="color:#888;font-size:14px;margin:0 0 10px;">${a.excerpt}</p>` : ''}
-        ${a.url ? `<a href="${siteUrl}${a.url}" style="color:#F0A623;font-size:13px;text-decoration:none;">Read more →</a>` : ''}
+        ${a.url ? `<a href="${siteUrl}${a.url}" style="color:#1D4ED8;font-size:13px;text-decoration:none;">Read more →</a>` : ''}
       </div>
     `
     )
     .join('');
 
   const emailHtml = `
-    <div style="background:#1c1815;padding:0;font-family:sans-serif;max-width:600px;margin:0 auto;">
+    <div style="background:#F8FAFC;padding:0;font-family:sans-serif;max-width:600px;margin:0 auto;">
       <!-- Header -->
-      <div style="background:#111;border-bottom:2px solid #F0A623;padding:24px 32px;">
-        <h1 style="color:#F0A623;font-size:22px;margin:0;font-weight:bold;">AV Beat</h1>
+      <div style="background:#111;border-bottom:2px solid #1D4ED8;padding:24px 32px;">
+        <h1 style="color:#1D4ED8;font-size:22px;margin:0;font-weight:bold;">AV Beat</h1>
         <p style="color:#555;font-size:12px;margin:4px 0 0;">News & Intelligence for Pro AV, Live Production & Display Tech</p>
       </div>
       <!-- Body -->
       <div style="padding:32px;">
         ${previewText ? `<p style="color:#aaa;font-size:15px;margin:0 0 24px;">${previewText}</p>` : ''}
-        ${customMessage ? `<div style="background:#231d18;border-left:3px solid #F0A623;padding:16px;margin-bottom:24px;"><p style="color:#e0e0e0;font-size:14px;margin:0;">${customMessage}</p></div>` : ''}
+        ${customMessage ? `<div style="background:#FFFFFF;border-left:3px solid #1D4ED8;padding:16px;margin-bottom:24px;"><p style="color:#e0e0e0;font-size:14px;margin:0;">${customMessage}</p></div>` : ''}
         ${articlesHtml}
       </div>
       <!-- Footer -->
-      <div style="background:#1c1815;padding:24px 32px;border-top:1px solid #3a322b;">
+      <div style="background:#F8FAFC;padding:24px 32px;border-top:1px solid #DCE6F2;">
         <p style="color:#555;font-size:12px;margin:0;">You're receiving this because you subscribed at avbeat.com.</p>
         <p style="color:#555;font-size:12px;margin:8px 0 0;">
-          <a href="${siteUrl}" style="color:#F0A623;">Visit AV Beat</a> · 
-          <a href="${siteUrl}/unsubscribe?email={{email}}" style="color:#F0A623;">Unsubscribe</a>
+          <a href="${siteUrl}" style="color:#1D4ED8;">Visit AV Beat</a> · 
+          <a href="${siteUrl}/unsubscribe?email={{email}}" style="color:#1D4ED8;">Unsubscribe</a>
         </p>
       </div>
     </div>