diff --git a/src/index.css b/src/index.css
index 7207448..5d80802 100644
--- a/src/index.css
+++ b/src/index.css
@@ -412,7 +412,34 @@
     background-color: var(--border);
     border-radius: 3px;
   }
-}
+  }
+
+  /* ===== SCRUNKLY.CAT DARK ===== */
+  [data-theme="scrunkly-cat"] {
+    --bg-primary: #161924;
+    --bg-secondary: #161924;
+    --bg-tertiary: #1b2130;
+    --text-primary: #dadada;
+    --text-secondary: #94a3b8;
+    --accent: #b30051;
+    --accent-hover: #d6336a;
+    --accent-text: #ffffff;
+    --border: rgba(255, 255, 255, 0.1);
+    --card-bg: #1b2130;
+    --input-bg: rgba(255, 255, 255, 0.05);
+    --input-border: rgba(255, 255, 255, 0.1);
+    --nav-bg: #1b2130;
+    --sidebar-bg: #161924;
+    --hover-bg: rgba(255, 255, 255, 0.03);
+    --success: #86b300;
+    --warning: #ecb637;
+    --error: #ec4137;
+    --ring: #b30051;
+    --shadow-color: rgba(0, 0, 0, 0.3);
+    --gradient-start: #b30051;
+    --gradient-end: #d6336a;
+  }
+
 
 @layer components {
   .btn-primary {