diff --git a/css/style.css b/css/style.css
index a47757d..10852c8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -65,7 +65,7 @@
   --color-neutral-600: #5B5B5B;
   --color-neutral-700: #3D3D3D;
   --color-neutral-800: #292929;
-  --color-neutral-900: #0F0F0F;
+  --color-neutral-900: #121212;
   
   --color-orange-red-100: #FFE7CC;
   --color-orange-red-200: #FFC999;
@@ -126,9 +126,8 @@
   --radius-xl: 2rem;
   --radius-xxl: 2.5rem;
   
-  --shadow-box: 0px 2px 8px rgba(0, 0, 0, 0.4), 0px 1px 4px rgba(0, 0, 0, 0.12);
-  --shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
-  --shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  --shadow-light: 0px 2px 8px rgba(0, 0, 0, 0.3), 0px 1px 4px rgba(0, 0, 0, 0.2);
+  --shadow-dark: 0px 2px 8px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.2);
 
   /* Semantic tokens: contextual usage */
   --color-background: light-dark(var(--color-neutral-100), var(--color-neutral-900));
@@ -158,6 +157,11 @@
   --color-text-button: var(--color-neutral-900);
   --color-text-button-active: var(--color-neutral-100);
   
+  --shadow-box: var(--shadow-light);
+  
+  --shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  --shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  
   --border: #d8d8d8;
   --overlay: rgb(12 12 12 / 0.24);
   --panel: rgb(255 255 255 / 0.76);
@@ -664,6 +668,12 @@ footer a:visited {
 /* =======================
    Media Queries for Responsive Design.
    ======================= */
+   
+@media (prefers-color-scheme: dark) {
+  :root {
+    --shadow-box: var(--shadow-dark);
+  }
+}
 
 @media screen and (max-width:768px) {
   main {
diff --git a/index.html b/index.html
index 75075ed..1d825bf 100644
--- a/index.html
+++ b/index.html
@@ -83,7 +83,7 @@
   
   <main id="siteContent" class="page-content">
     
-    <!-- target="_blank" rel="noopener noreferrer" -->
+    <!--  target="_blank" rel="noopener noreferrer"  -->
     
     <header class="content-box content-intro">
       <h1 class="headline size-h2">