diff --git a/src/styles/globals.css b/src/styles/globals.css
index 1308a6d..2a363a4 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -2,22 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
+html {
+  scroll-behavior: smooth;
 }
 
 @layer base {
@@ -48,6 +34,7 @@ body {
     --chart-5: 27 87% 67%;
     --radius: 0.5rem;
   }
+
   .dark {
     --background: 0 0% 3.9%;
     --foreground: 0 0% 98%;
@@ -76,11 +63,16 @@ body {
   }
 }
 
+.shadow-light {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.085);
+}
+
+.shadow-dark {
+  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.141);
+}
+
 @layer base {
   * {
     @apply border-border;
   }
-  body {
-    @apply bg-background text-foreground;
-  }
 }
diff --git a/theme.config.tsx b/theme.config.tsx
index 598d0cf..cbd5d1f 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -8,7 +8,6 @@ import { getCurrentYear } from '@/lib/utils'
 import { DATA } from '@/data'
 
 const config: DocsThemeConfig = {
-  darkMode: false,
   logo: function Logo() {
     return <KinotioLogo width={100} height={100} />
   },