From f0c745998079ff7d145846b981436509ff0f6002 Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Tue, 16 Jun 2026 20:08:36 +0100
Subject: [PATCH] Wrap dark input defaults in @layer base so utilities can
 override

---
 src/routes/layout.css | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/routes/layout.css b/src/routes/layout.css
index af5a9eb..b885fdd 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -31,18 +31,20 @@ body {
   display: none;
 }
 
-/* Form inputs in dark mode — the forms plugin defaults to a white background,
-   which would punch holes through panels. Override at the element level so we
-   don't have to add `dark:bg-neutral-800` to every <input>/<textarea>. */
-:where(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="reset"]):not([type="button"]),
-:where(.dark) textarea,
-:where(.dark) select {
-  background-color: var(--color-neutral-800);
-  color: var(--color-neutral-100);
-}
-:where(.dark) input::placeholder,
-:where(.dark) textarea::placeholder {
-  color: var(--color-neutral-500);
+ @layer base {
+    /* Form inputs in dark mode — the forms plugin defaults to a white background,
+    which would punch holes through panels. Override at the element level so we
+    don't have to add `dark:bg-neutral-800` to every <input>/<textarea>. */
+    :where(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="reset"]):not([type="button"]),
+    :where(.dark) textarea,
+    :where(.dark) select {
+    background-color: var(--color-neutral-800);
+    color: var(--color-neutral-100);
+    }
+    :where(.dark) input::placeholder,
+    :where(.dark) textarea::placeholder {
+    color: var(--color-neutral-500);
+    }
 }
 
 /* Tighter heading rhythm for all rendered (prose) content. Overrides the