feat: promote studio theme to default, add favicon, deep-linkable lightbox

- Studio aesthetic now the default dark/light theme
- Removed MonochromToggle and 3-way theme cycle
- Light mode uses warm Studio-toned palette
- Added favicon (icon.png, apple-touch-icon, PWA icons)
- Lightbox URL sync: #photo-N hash for shareable photo links
- Browser back closes lightbox, shared links open directly

app/tokens.css

@@ -1,55 +1,56 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;1,400&display=swap');
 
-/* ── Design Tokens ────────────────────────────────── */
+/* ── Design Tokens (Studio Dark — Default) ───────── */
 :root {
-  --bg-primary: #0a0a0a;
-  --bg-secondary: #111111;
-  --bg-card: #161616;
-  --bg-card-hover: #1a1a1a;
-  --bg-overlay: rgba(0, 0, 0, 0.92);
+  --bg-primary: #1a1a1a;
+  --bg-secondary: #141414;
+  --bg-card: #1e1e1e;
+  --bg-card-hover: #242424;
+  --bg-overlay: rgba(0, 0, 0, 0.98);
 
-  --text-primary: #f0f0f0;
-  --text-secondary: #999999;
-  --text-muted: #666666;
+  --text-primary: #f5f5f0;
+  --text-secondary: #a0a09a;
+  --text-muted: #706f6a;
 
-  --border-subtle: #222222;
-  --border-hover: #333333;
+  --border-subtle: #2a2a28;
+  --border-hover: #3a3a38;
 
-  --accent: #d4af37;
-  --accent-dim: rgba(212, 175, 55, 0.15);
+  --accent: #e60012;
+  --accent-dim: rgba(230, 0, 18, 0.12);
 
-  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
+  --font-caption: 'EB Garamond', Georgia, serif;
 
-  --radius-sm: 4px;
-  --radius-md: 8px;
-  --radius-lg: 12px;
+  --radius-sm: 0px;
+  --radius-md: 0px;
+  --radius-lg: 0px;
 
-  --transition-fast: 150ms ease;
-  --transition-normal: 300ms ease;
-  --transition-slow: 500ms ease;
+  --transition-fast: 200ms ease;
+  --transition-normal: 400ms ease;
+  --transition-slow: 600ms ease;
 
   --max-width: 1400px;
   --header-height: 64px;
 }
 
-/* ── Light Theme ──────────────────────────────────── */
+/* ── Light Theme (Studio Light) ──────────────────── */
 [data-theme='light'] {
-  --bg-primary: #fafafa;
-  --bg-secondary: #f0f0f0;
+  --bg-primary: #f5f5f0;
+  --bg-secondary: #eaeae5;
   --bg-card: #ffffff;
-  --bg-card-hover: #f5f5f5;
-  --bg-overlay: rgba(255, 255, 255, 0.92);
+  --bg-card-hover: #f0f0eb;
+  --bg-overlay: rgba(245, 245, 240, 0.96);
 
-  --text-primary: #1a1a1a;
-  --text-secondary: #666666;
-  --text-muted: #999999;
+  --text-primary: #1a1a18;
+  --text-secondary: #5a5a55;
+  --text-muted: #8a8a85;
 
-  --border-subtle: #e0e0e0;
-  --border-hover: #cccccc;
+  --border-subtle: #ddddd8;
+  --border-hover: #c5c5c0;
 
-  --accent: #b8960e;
-  --accent-dim: rgba(184, 150, 14, 0.12);
+  --accent: #c8000f;
+  --accent-dim: rgba(200, 0, 15, 0.08);
 }
 
 /* ── Reset ────────────────────────────────────────── */