diff --git a/style.css b/style.css
index 4df8a5b..4ec3881 100644
--- a/style.css
+++ b/style.css
@@ -266,3 +266,26 @@
     font-style: normal; /* Removed italics */
 }
 
+
+
+
+/* Dark Mode Styles */
+@media (prefers-color-scheme: dark) {
+    :root {
+        --quiztech-widget-bg: #2a2a2e; /* Dark grey background */
+        --quiztech-widget-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow on dark */
+        --quiztech-text-primary: #e0e0e0; /* Light grey primary text */
+        --quiztech-text-secondary: #a0a0a0; /* Medium grey secondary text */
+        --quiztech-accent-primary: #2868e7; /* Slightly brighter blue for contrast */
+        --quiztech-border-light: #444444; /* Darker border color */
+    }
+
+    .quick-links a.button:hover {
+        background-color: #1c54c4; /* Slightly darker blue for hover */
+    }
+
+     .quick-links span.button.disabled {
+        color: #777; /* Adjust disabled text color for better contrast */
+        background-color: #3f3f44; /* Darker disabled background */
+    }
+}