feat: add user centric features

app/globals.css

@@ -109,6 +109,19 @@
     --reading-font-size: 1rem;
     --reading-font-family: inherit;
     --reading-text-align: start;
+
+    /* Post cards without an image use a solid background instead of a
+       gradient — crisp white on every light palette, palette-specific
+       darker contrast on dark palettes. */
+    --quote-card-bg: #ffffff;
+
+    /* Quote-card gradients — Aged Parchment (mahogany binding + temple gold).
+       Used by collection cards' fallback cover. Each palette below
+       overrides these so the gradient swaps with the active theme. */
+    --quote-gradient-1: linear-gradient(135deg, #3b2410 0%, #6b3e1f 45%, #c8902a 100%);
+    --quote-gradient-2: linear-gradient(135deg, #5c2918 0%, #a04a1c 50%, #d4a235 100%);
+    --quote-gradient-3: linear-gradient(135deg, #4a2e15 0%, #8a5a1f 60%, #d9bf80 100%);
+    --quote-gradient-4: linear-gradient(135deg, #4a1612 0%, #8b2c1a 50%, #c47525 100%);
 }
 
 /* ── Light palette — "Tulasī Garden" ──
@@ -145,6 +158,14 @@
     --sidebar-accent-foreground: oklch(0.22 0.09 155);
     --sidebar-border: oklch(0.76 0.12 150);
     --sidebar-ring: oklch(0.56 0.17 150);
+
+    --quote-card-bg: #ffffff;
+
+    /* Quote-card gradients — Tulasī Garden (forest depths + amber edge). */
+    --quote-gradient-1: linear-gradient(135deg, #102818 0%, #1f4d2f 45%, #b88a3c 100%);
+    --quote-gradient-2: linear-gradient(135deg, #1a2e1f 0%, #2d5a3a 50%, #9a8a4c 100%);
+    --quote-gradient-3: linear-gradient(135deg, #0c2e22 0%, #1d5f3e 60%, #d9c08a 100%);
+    --quote-gradient-4: linear-gradient(135deg, #0a1f15 0%, #1f3d2a 50%, #c8a880 100%);
 }
 
 /* ── Light palette — "Yamunā Mist" ──
@@ -181,6 +202,14 @@
     --sidebar-accent-foreground: oklch(0.24 0.09 240);
     --sidebar-border: oklch(0.76 0.1 232);
     --sidebar-ring: oklch(0.62 0.15 235);
+
+    --quote-card-bg: #ffffff;
+
+    /* Quote-card gradients — Yamunā Mist (river depths + dusk ochre). */
+    --quote-gradient-1: linear-gradient(135deg, #0a1e3c 0%, #1a3d6e 45%, #c89058 100%);
+    --quote-gradient-2: linear-gradient(135deg, #14213d 0%, #2a4d7a 50%, #c8bcb0 100%);
+    --quote-gradient-3: linear-gradient(135deg, #1a2a40 0%, #3a5878 50%, #c4805a 100%);
+    --quote-gradient-4: linear-gradient(135deg, #0e1f3c 0%, #28447a 60%, #d4c4b0 100%);
 }
 
 /* ── Dark mode — "Ancient Manuscript" ── */
@@ -216,6 +245,16 @@
     --sidebar-accent-foreground: oklch(0.899 0.03 80.7);
     --sidebar-border: oklch(0.777 0.059 84.4 / 15%);
     --sidebar-ring: oklch(0.636 0.08 86.9);
+
+    /* Post-card flat bg — darker than --card so it reads as a distinct
+       surface even on the homepage where cards stack onto background. */
+    --quote-card-bg: oklch(0.13 0.018 86);
+
+    /* Quote-card gradients — Ancient Manuscript (midnight leather + saffron). */
+    --quote-gradient-1: linear-gradient(135deg, #0a0805 0%, #4a2f0e 45%, #d4a235 100%);
+    --quote-gradient-2: linear-gradient(135deg, #0c0a05 0%, #3e2614 50%, #c89028 100%);
+    --quote-gradient-3: linear-gradient(135deg, #14100a 0%, #4a3018 60%, #b87c2a 100%);
+    --quote-gradient-4: linear-gradient(135deg, #100c08 0%, #3a2010 50%, #c4762b 100%);
 }
 
 /* ── Dark palette — "Nīlamaṇi" ──
@@ -252,6 +291,14 @@
     --sidebar-accent-foreground: oklch(0.92 0.04 220);
     --sidebar-border: oklch(0.7 0.12 235 / 22%);
     --sidebar-ring: oklch(0.66 0.14 235);
+
+    --quote-card-bg: oklch(0.1 0.05 252);
+
+    /* Quote-card gradients — Nīlamaṇi (Kṛṣṇa's sapphire hour). */
+    --quote-gradient-1: linear-gradient(135deg, #050a1c 0%, #14254a 45%, #5a8acc 100%);
+    --quote-gradient-2: linear-gradient(135deg, #0a1228 0%, #1e3458 50%, #b8c8dc 100%);
+    --quote-gradient-3: linear-gradient(135deg, #060c1e 0%, #1a2c4e 60%, #a8b8cc 100%);
+    --quote-gradient-4: linear-gradient(135deg, #080e22 0%, #1c3458 50%, #c8d4e8 100%);
 }
 
 /* ── Dark palette — "Vraja Twilight" ──
@@ -288,6 +335,14 @@
     --sidebar-accent-foreground: oklch(0.92 0.03 25);
     --sidebar-border: oklch(0.7 0.12 25 / 22%);
     --sidebar-ring: oklch(0.66 0.14 25);
+
+    --quote-card-bg: oklch(0.11 0.05 12);
+
+    /* Quote-card gradients — Vraja Twilight (deep wine + rose dusk). */
+    --quote-gradient-1: linear-gradient(135deg, #1c0a10 0%, #4a1a28 45%, #c4756a 100%);
+    --quote-gradient-2: linear-gradient(135deg, #1a0a14 0%, #3e1828 50%, #d4a08c 100%);
+    --quote-gradient-3: linear-gradient(135deg, #18080e 0%, #4a182a 60%, #e0a8a0 100%);
+    --quote-gradient-4: linear-gradient(135deg, #14080c 0%, #401628 50%, #c47868 100%);
 }
 
 @layer base {