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

@@ -8,7 +8,7 @@ const SITES = ['avbeat','avbeat','backlotbeat','broadcastengineering'];
 
 function DnsCheck({ label, valid }: { label: string; valid: boolean | null }) {
   return (
-    <span className={`inline-flex items-center gap-1 text-xs px-1.5 py-0.5 rounded ${valid === true ? 'bg-green-400/10 text-green-400' : valid === false ? 'bg-red-400/10 text-red-400' : 'bg-[#231d18] text-[#555]'}`}>
+    <span className={`inline-flex items-center gap-1 text-xs px-1.5 py-0.5 rounded ${valid === true ? 'bg-green-400/10 text-green-400' : valid === false ? 'bg-red-400/10 text-red-400' : 'bg-[#FFFFFF] text-[#555]'}`}>
       {valid === true ? '✓' : valid === false ? '✗' : '?'} {label}
     </span>
   );
@@ -42,7 +42,7 @@ export default function EmailDashboard() {
     domains: domains.filter((d: any) => d.site === site),
   }));
 
-  if (loading) return <div className="min-h-screen bg-[#0a0a0a] flex items-center justify-center"><div className="w-8 h-8 border-2 border-[#F0A623] border-t-transparent rounded-full animate-spin" /></div>;
+  if (loading) return <div className="min-h-screen bg-[#0a0a0a] flex items-center justify-center"><div className="w-8 h-8 border-2 border-[#1D4ED8] border-t-transparent rounded-full animate-spin" /></div>;
   if (!user) return null;
 
   return (
@@ -61,7 +61,7 @@ export default function EmailDashboard() {
             { label: 'Total Suppressions', value: stats?.total_suppressions ?? 0, color: 'text-red-400' },
             { label: 'Blacklisted Domains', value: stats?.blacklisted ?? 0, color: 'text-red-400' },
           ].map(c => (
-            <div key={c.label} className="bg-[#111] border border-[#3a322b] rounded-lg p-4">
+            <div key={c.label} className="bg-[#111] border border-[#DCE6F2] rounded-lg p-4">
               <p className={`text-2xl font-bold ${c.color}`}>{c.value}</p>
               <p className="text-xs text-[#888] mt-1">{c.label}</p>
             </div>
@@ -74,10 +74,10 @@ export default function EmailDashboard() {
             const primary = siteDomains.find((d: any) => d.is_primary);
             const suppCount = stats?.suppressions_by_site?.[site] ?? 0;
             return (
-              <div key={site} className="bg-[#111] border border-[#3a322b] rounded-lg p-4 space-y-3">
+              <div key={site} className="bg-[#111] border border-[#DCE6F2] rounded-lg p-4 space-y-3">
                 <div className="flex items-center justify-between">
                   <h3 className="text-sm font-semibold capitalize">{site}</h3>
-                  <Link href={`/admin/email/domains?site=${site}`} className="text-xs text-[#F0A623] hover:underline">Manage →</Link>
+                  <Link href={`/admin/email/domains?site=${site}`} className="text-xs text-[#1D4ED8] hover:underline">Manage →</Link>
                 </div>
                 <div className="text-xs text-[#888]">
                   <span className="text-white">{primary?.domain ?? 'No primary'}</span>
@@ -113,7 +113,7 @@ export default function EmailDashboard() {
             { label: 'Suppressions', href: '/admin/email/suppressions' },
             { label: 'Send Log', href: '/admin/email/send-log' },
           ].map(l => (
-            <Link key={l.href} href={l.href} className="bg-[#111] border border-[#3a322b] rounded-lg p-3 text-center text-sm text-[#888] hover:text-white hover:border-[#F0A623] transition-colors">
+            <Link key={l.href} href={l.href} className="bg-[#111] border border-[#DCE6F2] rounded-lg p-3 text-center text-sm text-[#888] hover:text-white hover:border-[#1D4ED8] transition-colors">
               {l.label}
             </Link>
           ))}