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/components/FeaturedBentoFromDb.tsx

@@ -72,7 +72,7 @@ export default async function FeaturedBento() {
           section-label utility + flex-1 hr + accent-blue "all →" link. */}
       <div className="flex items-center gap-3 mb-4 md:mb-5 flex-wrap">
         <span className="section-label">Staff Editorial</span>
-        <div className="flex-1 h-px bg-[#3a322b]" />
+        <div className="flex-1 h-px bg-[#DCE6F2]" />
         <Link href="/news/featured" className="text-[11px] font-mono text-[var(--color-text-info,#60a5fa)] hover:underline whitespace-nowrap">
           All featured →
         </Link>
@@ -89,7 +89,7 @@ export default async function FeaturedBento() {
           {/* Cinematic 21:9 hero — fills left column, aspect ratio preserved */}
           <Link
             href={`/news/${hero.wp_slug}`}
-            className="group block relative overflow-hidden rounded border border-[#3a322b] bg-[#0b0f17] hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
+            className="group block relative overflow-hidden rounded border border-[#DCE6F2] bg-[#0b0f17] hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
           >
             <div className="relative aspect-[21/9] md:aspect-[21/8] bg-[#111]">
               <img
@@ -140,7 +140,7 @@ export default async function FeaturedBento() {
               <Link
                 key={r.wp_slug}
                 href={`/news/${r.wp_slug}`}
-                className="group flex flex-col h-full rounded border border-[#3a322b] bg-[#0b0f17] overflow-hidden hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
+                className="group flex flex-col h-full rounded border border-[#DCE6F2] bg-[#0b0f17] overflow-hidden hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
               >
                 <div className="aspect-[16/10] bg-[#111] relative flex-shrink-0">
                   <img
@@ -168,7 +168,7 @@ export default async function FeaturedBento() {
           {heroAd ? (
             <AdImage ad={heroAd} priority />
           ) : (
-            <div className="w-[300px] h-[600px] bg-[#0d1520] border border-[#412402] rounded flex items-center justify-center text-[#888] text-xs uppercase tracking-widest">
+            <div className="w-[300px] h-[600px] bg-[#0d1520] border border-[#DCE6F2] rounded flex items-center justify-center text-[#888] text-xs uppercase tracking-widest">
               Premium Sponsorship
             </div>
           )}