Updated background

Author: David Martin

src/layouts/Layout.astro

@@ -68,7 +68,8 @@ const imageURL = image.startsWith('http') ? image : new URL(image, Astro.site).h
 
     <!-- Additional meta tags for better social sharing -->
     <meta name="format-detection" content="telephone=no" />
-    <meta name="theme-color" content="#00d4ff" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
     <!-- Structured Data -->
     <script type="application/ld+json">

src/styles/global.css

@@ -33,6 +33,11 @@ html.light {
 @layer base {
   html {
     scroll-behavior: smooth;
+    background-color: #000000; /* Pure black to match navbar and prevent white flash on scroll */
+  }
+
+  html.light {
+    background-color: #ffffff; /* White for light mode */
   }
 
   body {
@@ -41,6 +46,7 @@ html.light {
     background-color: var(--bg-primary);
     color: var(--text-primary);
     transition: background-color 0.3s, color 0.3s;
+    min-height: 100vh; /* Ensure body covers viewport */
   }
 }