Redesign: Editorial Fresh design system

Complete visual overhaul with distinctive editorial aesthetic:

Design System:
- New fonts: Fraunces (display) + DM Sans (body)
- Color palette: Cream background, ink text, coral accents
- Custom CSS variables and utility classes
- Sharp edges (no rounded corners) for editorial feel

Components:
- Updated Button with new variants and colors
- Updated Input with editorial styling
- New card-editorial class with accent bar

Pages:
- Homepage: Full redesign with hero, features, CTA
- Auth layout: Split screen with branding side
- Login/Register: Editorial styling with tags
- Dashboard: Cards with accent bars
- Subscription: Clean feature comparison table

Typography:
- Fraunces for all headings (serif, characterful)
- DM Sans for body text (clean, readable)
- Editorial tags (uppercase, accent color)

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

src/components/auth/login-form.tsx

@@ -43,15 +43,15 @@ export function LoginForm() {
   }
 
   return (
-    <form onSubmit={handleSubmit} className="space-y-4">
+    <form onSubmit={handleSubmit} className="space-y-5">
       {error && (
-        <div className="p-3 bg-red-50 border border-red-200 rounded-md">
-          <p className="text-red-800 text-sm">{error}</p>
+        <div className="p-4 bg-error-light border-l-4 border-error">
+          <p className="text-error text-sm">{error}</p>
         </div>
       )}
 
       <div>
-        <label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-1">
+        <label htmlFor="email" className="block text-sm font-medium text-ink mb-2">
           Email
         </label>
         <Input
@@ -67,7 +67,7 @@ export function LoginForm() {
       </div>
 
       <div>
-        <label htmlFor="password" className="block text-sm font-medium text-gray-700 mb-1">
+        <label htmlFor="password" className="block text-sm font-medium text-ink mb-2">
           Password
         </label>
         <Input
@@ -83,21 +83,14 @@ export function LoginForm() {
       </div>
 
       <div className="flex items-center justify-end">
-        <Link href="/reset-password" className="text-sm text-blue-600 hover:underline">
+        <Link href="/reset-password/" className="text-sm text-accent hover:underline">
           Password dimenticata?
         </Link>
       </div>
 
-      <Button type="submit" className="w-full" disabled={loading}>
-        {loading ? 'Accesso...' : 'Accedi'}
+      <Button type="submit" className="w-full h-12 text-base" disabled={loading}>
+        {loading ? 'Accesso in corso...' : 'Accedi'}
       </Button>
-
-      <p className="text-center text-sm text-gray-600">
-        Non hai un account?{' '}
-        <Link href="/register" className="text-blue-600 hover:underline">
-          Registrati
-        </Link>
-      </p>
     </form>
   )
 }