wip: in-progress mars theme work (saved before auth refactor)

app/[slug]/page.tsx

@@ -5,7 +5,6 @@ import { useParams } from 'next/navigation';
 import DOMPurify from 'dompurify';
 import { wishlistsApi, itemsApi, claimingApi, type Wishlist, type Item } from '@/lib/api';
 import Header from '@/components/header';
-import Footer from '@/components/footer';
 import PasswordLockGuard from '@/components/password-lock-guard';
 
 export default function PublicWishlistPage() {
@@ -285,9 +284,6 @@ export default function PublicWishlistPage() {
                         </div>
                       ) : item.claimedAt ? (
                         <div className="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded p-3">
-                          <p className="text-sm font-medium text-green-800 dark:text-green-200">
-                            Reservado por {item.claimedByName}
-                          </p>
                           {item.claimedByNote && (
                             <p className="text-xs text-green-700 dark:text-green-300 mt-1">
                               Nota: {item.claimedByNote}
@@ -357,8 +353,6 @@ export default function PublicWishlistPage() {
           )}
         </div>
       </div>
-
-        <Footer />
       </div>
     </PasswordLockGuard>
   );

app/admin/page.tsx

@@ -5,7 +5,6 @@ import ProtectedRoute from '@/components/protected-route';
 import { useAuth } from '@/lib/auth-context';
 import { wishlistsApi, itemsApi, settingsApi, type Wishlist, type Settings } from '@/lib/api';
 import Header from '@/components/header';
-import Footer from '@/components/footer';
 import Link from 'next/link';
 import StatsGrid from '@/components/admin/StatsGrid';
 import SettingsSection from '@/components/admin/SettingsSection';
@@ -230,8 +229,6 @@ export default function AdminPage() {
           onCreate={handleCreateWishlist}
           error={createError}
         />
-
-        <Footer />
       </div>
     </ProtectedRoute>
   );

app/globals.css

@@ -1,7 +1,5 @@
 @import "tailwindcss";
 
-@variant dark (.dark &);
-
 /* Mars palette — warm rust, terracotta, dusty sand, deep crater shadows */
 :root {
   --background: #fff5ee;             /* warm sand mist */
@@ -26,30 +24,6 @@
   color-scheme: light;
 }
 
-:root[data-theme="dark"],
-.dark {
-  --background: #1a0c08;             /* night side of Mars */
-  --foreground: #f4e2d4;
-  --ink: #f4e2d4;
-  --ink-soft: #d6b39d;
-  --muted: #a48068;
-  --card: #2a140d;
-  --card-soft: #341a12;
-  --border: #4a261a;
-  --accent: #e26d3d;                 /* glowing rust */
-  --accent-soft: #3d1a10;
-  --success: #b3c275;
-  --success-soft: #2a2615;
-  --success-border: #4a4528;
-  --success-ink: #d8de9c;
-  --halo-1: rgba(231, 111, 65, 0.30);
-  --halo-2: rgba(196, 76, 39, 0.30);
-  --halo-3: rgba(120, 40, 25, 0.40);
-  --planet-core: #d65a30;
-  --planet-rim:  #6e2412;
-  color-scheme: dark;
-}
-
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -85,19 +59,6 @@ body {
   background-attachment: fixed;
 }
 
-.dark .bg-cosmic {
-  background-image:
-    radial-gradient(circle at 12% 18%, var(--halo-1) 0%, transparent 38%),
-    radial-gradient(circle at 88% 14%, var(--halo-2) 0%, transparent 44%),
-    radial-gradient(circle at 50% 92%, var(--halo-3) 0%, transparent 50%),
-    radial-gradient(1px 1px at 22% 30%, rgba(255, 220, 200, 0.85) 50%, transparent 51%),
-    radial-gradient(1px 1px at 70% 22%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
-    radial-gradient(1px 1px at 40% 70%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
-    radial-gradient(1px 1px at 82% 60%, rgba(255, 220, 200, 0.85) 50%, transparent 51%),
-    radial-gradient(1px 1px at 18% 82%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
-    linear-gradient(180deg, var(--background) 0%, #0a0604 100%);
-}
-
 /*
  * Mars-disk glyph: a soft layered radial gradient that reads as a planet.
  * Used as a decorative ::before in the header.
@@ -147,21 +108,3 @@ body {
 :root textarea::placeholder {
   color: var(--muted);
 }
-
-:root[data-theme="dark"] input,
-:root[data-theme="dark"] textarea,
-:root[data-theme="dark"] select,
-.dark input,
-.dark textarea,
-.dark select {
-  color: var(--ink);
-  background-color: var(--card-soft);
-  border-color: var(--border);
-}
-
-:root[data-theme="dark"] input::placeholder,
-:root[data-theme="dark"] textarea::placeholder,
-.dark input::placeholder,
-.dark textarea::placeholder {
-  color: var(--muted);
-}

app/layout.tsx

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import { AuthProvider } from "@/lib/auth-context";
-import { ThemeProvider } from "@/components/theme-provider";
 import { db, settings } from "@/lib/db";
 import { eq } from "drizzle-orm";
 
@@ -53,7 +52,7 @@ export default function RootLayout({
       </head>
       <body className="font-sans antialiased bg-cosmic">
         <AuthProvider>
-          <ThemeProvider>{children}</ThemeProvider>
+          {children}
         </AuthProvider>
       </body>
     </html>

app/lock/page.tsx

@@ -3,7 +3,6 @@
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import Header from '@/components/header';
-import Footer from '@/components/footer';
 
 export default function LockPage() {
   const router = useRouter();
@@ -88,8 +87,6 @@ export default function LockPage() {
           </div>
         </div>
       </div>
-
-      <Footer />
     </div>
   );
 }

app/page.tsx

@@ -4,7 +4,6 @@ import { useEffect, useState } from 'react';
 import DOMPurify from 'dompurify';
 import { wishlistsApi, itemsApi, claimingApi, settingsApi, type Wishlist, type Item, type Settings } from '@/lib/api';
 import Header from '@/components/header';
-import Footer from '@/components/footer';
 import PasswordLockGuard from '@/components/password-lock-guard';
 
 export default function Home() {
@@ -248,9 +247,6 @@ export default function Home() {
                                 </div>
                               ) : item.claimedAt ? (
                                 <div className="bg-[color:var(--success-soft)] border border-[color:var(--success-border)] rounded-xl p-3">
-                                  <p className="text-sm font-medium text-[color:var(--success-ink)]">
-                                    Reservado por {item.claimedByName}
-                                  </p>
                                   {item.claimedByNote && (
                                     <p className="text-xs text-[color:var(--success-ink)] mt-1">
                                       Nota: {item.claimedByNote}
@@ -318,8 +314,6 @@ export default function Home() {
             )}
           </div>
         </div>
-
-        <Footer />
       </div>
     </PasswordLockGuard>
   );