diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index 2aa45a2..00edab0 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -51,6 +51,8 @@ body {
   font-family: var(--font-outfit);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  transition: background-color 0.3s ease, color 0.3s ease;
+  line-height: 1.6;
 }
 
 /* Glassmorphism Utilities */
@@ -88,3 +90,27 @@ body {
   font-size: 1.125rem;
   color: #2E3318;
 }
+/*adding light and dark mode*/
+
+.dark {
+  --background: #0f0f0f;
+  --foreground: #f5f5f5;
+  --primary: #daddc6;
+  --primary-foreground: #1a1a1a;
+
+  --glass-surface: rgba(255,255,255,0.06);
+  --glass-border: rgba(255,255,255,0.12);
+  --glass-shadow: rgba(0,0,0,0.4);
+}
+/*improving text readability*/
+* {
+  scroll-behavior: smooth;
+}
+/*button transition*/
+button,
+a {
+  transition: all 0.2s ease;
+}
+
+
+