chore(website): remove Playfair font and add font-title utility class

packages/website/src/routes/__root.tsx

@@ -17,12 +17,6 @@ export const Route = createRootRoute({
       { rel: 'icon', href: '/favicon.ico', sizes: '48x48' },
       { rel: 'icon', href: '/favicon.svg', type: 'image/svg+xml' },
       { rel: 'apple-touch-icon', href: '/favicon.svg' },
-      { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
-      { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: 'anonymous' },
-      {
-        rel: 'stylesheet',
-        href: 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap',
-      },
     ],
   }),
   component: RootComponent,

packages/website/src/routes/docs/best-practices.tsx

@@ -17,7 +17,7 @@ function BestPractices() {
   return (
     <div className="space-y-8">
       <div>
-        <h1 className="text-3xl font-medium font-serif mb-4">Best Practices</h1>
+        <h1 className="text-3xl font-medium font-title mb-4">Best Practices</h1>
         <p className="text-white/60 leading-relaxed">
           What I've learned from using Paseo daily. Not rules, just patterns
           that have worked for me.

packages/website/src/routes/docs/configuration.tsx

@@ -17,7 +17,7 @@ function Configuration() {
   return (
     <div className="space-y-8">
       <div>
-        <h1 className="text-3xl font-medium font-serif mb-4">Configuration</h1>
+        <h1 className="text-3xl font-medium font-title mb-4">Configuration</h1>
         <p className="text-white/60 leading-relaxed">
           Paseo loads configuration from a single JSON file in your Paseo home directory, with optional
           environment variable and CLI overrides.

packages/website/src/routes/docs/index.tsx

@@ -17,7 +17,7 @@ function GettingStarted() {
   return (
     <div className="space-y-8">
       <div>
-        <h1 className="text-3xl font-medium font-serif mb-4">Getting Started</h1>
+        <h1 className="text-3xl font-medium font-title mb-4">Getting Started</h1>
         <p className="text-white/60 leading-relaxed">
           Paseo connects to your local development environment and lets you manage your coding agents from anywhere.
         </p>

packages/website/src/routes/docs/security.tsx

@@ -26,7 +26,7 @@ function Security() {
   return (
     <div className="space-y-10">
       <div>
-        <h1 className="text-3xl font-medium font-serif mb-4">Security</h1>
+        <h1 className="text-3xl font-medium font-title mb-4">Security</h1>
         <p className="text-white/60 leading-relaxed">
           Paseo follows a client-server architecture, similar to Docker. The daemon runs on your
           machine and manages your coding agents. Clients (the mobile app, CLI, or web interface)