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/home-page/page.tsx

@@ -54,7 +54,7 @@ function BentoSkeleton() {
     <section className="max-w-container mx-auto px-4 py-4 md:py-6">
       <div className="flex items-center gap-3 mb-4">
         <div className="skeleton h-4 w-20 rounded-sm" />
-        <div className="flex-1 h-px bg-[#3a322b]" />
+        <div className="flex-1 h-px bg-[#DCE6F2]" />
       </div>
       <div className="grid grid-cols-1 lg:grid-cols-12 gap-3 md:gap-4">
         <div className="lg:col-span-7 skeleton rounded-sm h-[260px] sm:h-[320px] md:h-[380px]" />
@@ -81,7 +81,7 @@ function CarouselSkeleton() {
       <div className="max-w-container mx-auto">
         <div className="flex items-center gap-3 mb-4">
           <div className="skeleton h-4 w-24 rounded-sm" />
-          <div className="flex-1 h-px bg-[#3a322b]" />
+          <div className="flex-1 h-px bg-[#DCE6F2]" />
         </div>
         <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
           {[...Array(4)]?.map((_, i) => (
@@ -107,7 +107,7 @@ function FeedSkeleton() {
         <div className="lg:col-span-8 space-y-1">
           <div className="flex items-center gap-3 mb-4">
             <div className="skeleton h-4 w-20 rounded-sm" />
-            <div className="flex-1 h-px bg-[#3a322b]" />
+            <div className="flex-1 h-px bg-[#DCE6F2]" />
           </div>
           {[...Array(5)]?.map((_, i) => (
             <div key={i} className="flex gap-4 py-4 border-b border-[#222]">