style: redesign app following HIG with larger hero images and refined typography

src/app/globals.css

@@ -4,24 +4,24 @@
 
 @layer base {
   :root {
-    --background: #09090b;
-    /* zinc-950 */
-    --surface: #18181b;
-    /* zinc-900 */
+    --background: #1c1c1e;
+    /* systemBackground */
+    --surface: #2c2c2e;
+    /* secondarySystemBackground */
     --primary: #ea580c;
     /* orange-600 */
     --secondary: #f97316;
     /* orange-500 */
     --text-primary: #fafafa;
     --text-secondary: #a1a1aa;
-    --border: #27272a;
-    /* zinc-800 */
+    --border: #38383a;
+    /* separator */
     --ring: #f97316;
   }
 }
 
 body {
-  @apply bg-[#09090b] text-[#fafafa] antialiased;
+  @apply bg-[#1c1c1e] text-[#fafafa] antialiased selection:bg-orange-500/30;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
 }