diff --git a/web/src/app.css b/web/src/app.css
index 23665ab..be0bf95 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -1,6 +1,32 @@
 @import "tailwindcss";
 @plugin "daisyui" {
-  themes: dark --default;
+  themes: dark, kanagawa;
+}
+
+:root,
+[data-theme="kanagawa"] {
+  --color-base-100: #1f1f28;
+  --color-base-200: #1a1a22;
+  --color-base-300: #16161d;
+  --color-base-content: #dcd7ba;
+  --color-primary: #7e9cd8;
+  --color-primary-content: #16161d;
+  --color-secondary: #957fb8;
+  --color-secondary-content: #16161d;
+  --color-accent: #ffa066;
+  --color-accent-content: #16161d;
+  --color-neutral: #2a2a37;
+  --color-neutral-content: #dcd7ba;
+  --color-info: #7ed499;
+  --color-success: #98bb6c;
+  --color-warning: #ff9e3b;
+  --color-error: #c34043;
+}
+
+/* 2. Explicit selector for the dark theme */
+[data-theme="dark"] {
+  /* daisyUI builds the dark theme internally once registered above, 
+     but explicitly mapping the attribute ensures manual switching works */
 }
 
 /* Reserve space for the vertical scrollbar even when the page doesn't scroll,
@@ -15,4 +41,3 @@ html {
   overflow-x: auto;
   white-space: nowrap;
 }
-