feat: Rebrand frontend from Patherly to ResolutionFlow

- Add brand assets (favicon, icons, logos) to public/icons and src/assets/brand
- Update index.html with new favicon, title, meta, Google Fonts (Plus Jakarta Sans, Inter, Outfit)
- Add brand colors, font families, and gradient utilities to Tailwind config
- Replace CSS variables with purple-tinted theme for both light and dark modes
- Create reusable BrandLogo and BrandWordmark components
- Update AppLayout header with logo and wordmark
- Update LoginPage and RegisterPage with branded logo, wordmark, and gradient buttons
- Replace all remaining "Patherly" references in SettingsPage

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

frontend/src/pages/LoginPage.tsx

@@ -1,6 +1,8 @@
 import { useState } from 'react'
 import { Link, useNavigate, useLocation } from 'react-router-dom'
 import { useAuthStore } from '@/store/authStore'
+import { BrandLogo } from '@/components/common/BrandLogo'
+import { BrandWordmark } from '@/components/common/BrandWordmark'
 import { cn } from '@/lib/utils'
 
 export function LoginPage() {
@@ -36,20 +38,30 @@ export function LoginPage() {
     <div className="flex min-h-screen items-center justify-center bg-background px-4">
       <div className="w-full max-w-md space-y-8">
         <div className="text-center">
-          <h1 className="text-3xl font-bold tracking-tight text-foreground">Patherly</h1>
-          <p className="mt-2 text-muted-foreground">Sign in to your account</p>
+          <div className="mb-6 flex justify-center">
+            <BrandLogo size="lg" />
+          </div>
+          <h1>
+            <BrandWordmark size="lg" />
+          </h1>
+          <p className="mt-3 text-lg font-medium text-gradient-brand">
+            Decision Tree Platform
+          </p>
+          <p className="mt-2 text-sm text-muted-foreground">
+            Sign in to your account
+          </p>
         </div>
 
         <form onSubmit={handleSubmit} className="mt-8 space-y-6">
-          <div className="space-y-4 rounded-lg border border-border bg-card p-6 shadow-sm">
+          <div className="space-y-4 rounded-lg border border-border bg-card p-6 shadow-lg">
             {(error || localError) && (
-              <div className="rounded-md bg-destructive/10 p-3 text-sm text-destructive">
+              <div className="rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive">
                 {localError || error}
               </div>
             )}
 
             <div>
-              <label htmlFor="email" className="block text-sm font-medium text-foreground">
+              <label htmlFor="email" className="mb-1 block text-sm font-medium text-foreground">
                 Email address
               </label>
               <input
@@ -61,16 +73,17 @@ export function LoginPage() {
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 className={cn(
-                  'mt-1 block w-full rounded-md border border-input bg-background px-3 py-2',
+                  'block w-full rounded-md border border-input bg-background px-3 py-2',
                   'text-foreground placeholder:text-muted-foreground',
-                  'focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary'
+                  'focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20',
+                  'transition-colors'
                 )}
                 placeholder="you@example.com"
               />
             </div>
 
             <div>
-              <label htmlFor="password" className="block text-sm font-medium text-foreground">
+              <label htmlFor="password" className="mb-1 block text-sm font-medium text-foreground">
                 Password
               </label>
               <input
@@ -82,9 +95,10 @@ export function LoginPage() {
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
                 className={cn(
-                  'mt-1 block w-full rounded-md border border-input bg-background px-3 py-2',
+                  'block w-full rounded-md border border-input bg-background px-3 py-2',
                   'text-foreground placeholder:text-muted-foreground',
-                  'focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary'
+                  'focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20',
+                  'transition-colors'
                 )}
                 placeholder="••••••••••"
               />
@@ -94,9 +108,11 @@ export function LoginPage() {
               type="submit"
               disabled={isLoading}
               className={cn(
-                'w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground',
-                'hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',
-                'disabled:cursor-not-allowed disabled:opacity-50'
+                'w-full rounded-md px-4 py-2.5 text-sm font-semibold text-white',
+                'bg-gradient-brand hover:bg-gradient-brand-hover',
+                'focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',
+                'disabled:cursor-not-allowed disabled:opacity-50',
+                'transition-all shadow-lg shadow-primary/20'
               )}
             >
               {isLoading ? 'Signing in...' : 'Sign in'}
@@ -105,7 +121,7 @@ export function LoginPage() {
 
           <p className="text-center text-sm text-muted-foreground">
             Don't have an account?{' '}
-            <Link to="/register" className="font-medium text-primary hover:text-primary/90">
+            <Link to="/register" className="font-medium text-gradient-brand hover:underline">
               Register
             </Link>
           </p>

frontend/src/pages/RegisterPage.tsx

@@ -2,6 +2,8 @@ import { useState } from 'react'
 import { Link, useNavigate } from 'react-router-dom'
 import { useAuthStore } from '@/store/authStore'
 import { inviteApi } from '@/api'
+import { BrandLogo } from '@/components/common/BrandLogo'
+import { BrandWordmark } from '@/components/common/BrandWordmark'
 import { cn } from '@/lib/utils'
 
 export function RegisterPage() {
@@ -77,8 +79,18 @@ export function RegisterPage() {
     <div className="flex min-h-screen items-center justify-center bg-background px-4">
       <div className="w-full max-w-md space-y-8">
         <div className="text-center">
-          <h1 className="text-3xl font-bold tracking-tight text-foreground">Patherly</h1>
-          <p className="mt-2 text-muted-foreground">Create your account</p>
+          <div className="mb-6 flex justify-center">
+            <BrandLogo size="lg" />
+          </div>
+          <h1>
+            <BrandWordmark size="lg" />
+          </h1>
+          <p className="mt-3 text-lg font-medium text-gradient-brand">
+            Decision Tree Platform
+          </p>
+          <p className="mt-2 text-sm text-muted-foreground">
+            Create your account
+          </p>
         </div>
 
         <form onSubmit={handleSubmit} className="mt-8 space-y-6">
@@ -216,9 +228,11 @@ export function RegisterPage() {
               type="submit"
               disabled={isLoading}
               className={cn(
-                'w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground',
-                'hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',
-                'disabled:cursor-not-allowed disabled:opacity-50'
+                'w-full rounded-md px-4 py-2.5 text-sm font-semibold text-white',
+                'bg-gradient-brand hover:bg-gradient-brand-hover',
+                'focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',
+                'disabled:cursor-not-allowed disabled:opacity-50',
+                'transition-all shadow-lg shadow-primary/20'
               )}
             >
               {isLoading ? 'Creating account...' : 'Create account'}
@@ -227,7 +241,7 @@ export function RegisterPage() {
 
           <p className="text-center text-sm text-muted-foreground">
             Already have an account?{' '}
-            <Link to="/login" className="font-medium text-primary hover:text-primary/90">
+            <Link to="/login" className="font-medium text-gradient-brand hover:underline">
               Sign in
             </Link>
           </p>

frontend/src/pages/SettingsPage.tsx

@@ -25,7 +25,7 @@ export function SettingsPage() {
         <div className="rounded-lg border border-border bg-card p-6 shadow-sm">
           <h2 className="text-lg font-semibold text-card-foreground">Appearance</h2>
           <p className="mt-1 text-sm text-muted-foreground">
-            Customize how Patherly looks on your device
+            Customize how ResolutionFlow looks on your device
           </p>
 
           <div className="mt-4">
@@ -79,10 +79,10 @@ export function SettingsPage() {
         <div className="rounded-lg border border-border bg-card p-6 shadow-sm">
           <h2 className="text-lg font-semibold text-card-foreground">About</h2>
           <p className="mt-1 text-sm text-muted-foreground">
-            Patherly - Troubleshooting Decision Trees
+            ResolutionFlow - Decision Tree Platform
           </p>
           <p className="mt-2 text-sm text-muted-foreground">
-            "Take the path MOST traveled."
+            Transform troubleshooting into guided workflows
           </p>
         </div>
       </div>