From d0fa45a365fc864acf15a4e90f66072f1c6baa53 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Thu, 19 Mar 2026 21:32:58 +0000
Subject: [PATCH] Replace hardcoded section-row background with CSS variable
 for dark mode

closes #32
---
 public/style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index e3ed3e8f..b7073c1b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -45,6 +45,7 @@
     --input-bg: #1e1e34;
     --selected-bg: #1e3a5f;
     --hover-bg: rgba(255,255,255, 0.06);
+    --section-bg: #1e1e34;
   }
 }
 /* ⚠️ DARK THEME VARIABLES — KEEP IN SYNC with @media block above */
@@ -64,6 +65,7 @@
   --input-bg: #1e1e34;
   --selected-bg: #1e3a5f;
   --hover-bg: rgba(255,255,255, 0.06);
+  --section-bg: #1e1e34;
 }
 
 * { margin: 0; padding: 0; box-sizing: border-box; }
@@ -321,7 +323,7 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
   padding: 5px 8px; border-bottom: 1px solid var(--border);
 }
 .field-table .section-row td {
-  background: #eef2ff; font-weight: 700; font-size: 11px;
+  background: var(--section-bg, #eef2ff); font-weight: 700; font-size: 11px;
   text-transform: uppercase; letter-spacing: .5px; color: var(--accent);
 }