fix

frontend/src/app.css

@@ -2,6 +2,32 @@
 @tailwind components;
 @tailwind utilities;
 
+:root {
+  --c-base: 250 250 250;
+  --c-surface: 255 255 255;
+  --c-raised: 245 245 245;
+  --c-edge: 229 229 229;
+  --c-ink: 23 23 23;
+  --c-muted: 115 115 115;
+  --c-accent: 23 23 23;
+  --c-accent-strong: 10 10 10;
+  --c-danger: 220 38 38;
+  --c-ok: 22 163 74;
+}
+
+.dark {
+  --c-base: 10 10 10;
+  --c-surface: 23 23 23;
+  --c-raised: 38 38 38;
+  --c-edge: 64 64 64;
+  --c-ink: 250 250 250;
+  --c-muted: 163 163 163;
+  --c-accent: 250 250 250;
+  --c-accent-strong: 229 229 229;
+  --c-danger: 248 113 113;
+  --c-ok: 74 222 128;
+}
+
 @layer base {
   html {
     -webkit-font-smoothing: antialiased;
@@ -14,7 +40,11 @@
   }
 
   ::selection {
-    background: rgba(23, 23, 23, 0.08);
+    background: rgba(0, 0, 0, 0.12);
+  }
+
+  .dark ::selection {
+    background: rgba(255, 255, 255, 0.2);
   }
 
   summary {
@@ -37,7 +67,7 @@
   }
 
   .btn-primary {
-    @apply bg-accent text-white hover:bg-accent-strong;
+    @apply bg-accent text-surface hover:bg-accent-strong;
   }
 
   .btn-ghost {