feat: Add initial global CSS styles, including Tailwind directives, custom animations, and utility classes for common UI components.

src/styles/globals.css

@@ -3,17 +3,23 @@
 @tailwind utilities;
 
 @layer utilities {
+
   /* Floating blob animation for hero background */
   @keyframes blob {
-    0%, 100% {
+
+    0%,
+    100% {
       transform: translate(0, 0) scale(1);
     }
+
     25% {
       transform: translate(20px, -30px) scale(1.1);
     }
+
     50% {
       transform: translate(-20px, 20px) scale(0.9);
     }
+
     75% {
       transform: translate(30px, 10px) scale(1.05);
     }
@@ -38,16 +44,9 @@
 
 :root {
   --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
+  --background-start-rgb: 255, 255, 255;
   --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
+  color-scheme: light;
 }
 
 * {
@@ -75,12 +74,6 @@ a {
   text-decoration: none;
 }
 
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
-
 /* Custom scrollbar */
 ::-webkit-scrollbar {
   width: 6px;