Brand with Bayside Academy navy + logo

- Theme primary -> Bayside navy (#06315a) in light & dark, sidebar + focus ring
- Bayside logo in the sidebar, login page, and public intake header
- Login title -> Bayside Academy

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/routes/_authenticated/route.tsx

@@ -49,8 +49,8 @@ function ProtectedLayout() {
   return (
     <div className="min-h-screen bg-muted/20 flex">
       <aside className="w-60 bg-card border-r flex flex-col">
-        <div className="h-16 border-b flex items-center gap-2 px-4 font-semibold">
-          <GraduationCap className="h-5 w-5 text-primary" /> School Portal
+        <div className="h-16 border-b flex items-center px-4">
+          <img src="/bayside-logo.png" alt="Bayside Academy" className="h-9 w-auto" />
         </div>
         <nav className="p-3 flex-1 space-y-1">
           {nav.filter((n) => n.show).map((n) => {

src/routes/auth.tsx

@@ -13,7 +13,7 @@ const searchSchema = z.object({ mode: z.enum(["signin", "signup"]).optional() })
 
 export const Route = createFileRoute("/auth")({
   validateSearch: searchSchema,
-  head: () => ({ meta: [{ title: "Sign in — School Portal" }] }),
+  head: () => ({ meta: [{ title: "Sign in — Bayside Academy" }] }),
   component: AuthPage,
 });
 
@@ -63,9 +63,8 @@ function AuthPage() {
   return (
     <div className="min-h-screen flex items-center justify-center bg-muted/30 p-4">
       <div className="w-full max-w-md bg-card border rounded-lg p-8 shadow-sm">
-        <div className="flex items-center gap-2 mb-6">
-          <GraduationCap className="h-6 w-6 text-primary" />
-          <h1 className="font-semibold text-lg">School Portal</h1>
+        <div className="flex justify-center mb-6">
+          <img src="/bayside-logo.png" alt="Bayside Academy" className="h-12 w-auto" />
         </div>
         <Tabs value={tab} onValueChange={(v) => setTab(v as "signin" | "signup")}>
           <TabsList className="grid grid-cols-2 w-full">

src/routes/intake.$token.tsx

@@ -95,7 +95,8 @@ function IntakePage() {
   return (
     <div className="min-h-screen bg-muted/20">
       <div className="max-w-3xl mx-auto p-6 md:p-8 pb-24">
-        <div className="flex items-center gap-2 mb-1"><GraduationCap className="h-6 w-6 text-primary" /><h1 className="text-2xl font-semibold">Student intake</h1></div>
+        <img src="/bayside-logo.png" alt="Bayside Academy" className="h-10 w-auto mb-3" />
+        <h1 className="text-2xl font-semibold">Student intake</h1>
         <p className="text-muted-foreground text-sm mb-6">For <span className="font-medium">{info.firstName} {info.lastName}</span> — Bayside Academy. Please complete and submit.</p>
 
         <form onSubmit={(e) => { e.preventDefault(); submit.mutate(); }} className="space-y-5">