From 5f2d871bad1aaf4cd9d2fa43e862f65e6bb62af6 Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Mon, 13 Apr 2026 20:05:34 -0500
Subject: [PATCH] Cleaned a bit more

---
 tools/editor/styles/components/btn.css        |  4 ++++
 .../editor/styles/components/empty-state.css  |  3 +++
 tools/editor/styles/components/load-area.css  |  1 +
 tools/editor/styles/components/tool-card.css  |  4 ++++
 tools/editor/styles/components/tool-panel.css |  3 +++
 .../editor/styles/components/tool-preview.css |  7 +++++++
 tools/editor/styles/main.css                  |  1 -
 tools/editor/styles/objects/surface.css       | 19 -------------------
 8 files changed, 22 insertions(+), 20 deletions(-)
 delete mode 100644 tools/editor/styles/objects/surface.css

diff --git a/tools/editor/styles/components/btn.css b/tools/editor/styles/components/btn.css
index a6f72bcd..37cdc1d1 100644
--- a/tools/editor/styles/components/btn.css
+++ b/tools/editor/styles/components/btn.css
@@ -19,6 +19,10 @@
   margin-top: 0.375rem;
 }
 
+.btn:hover:not(:disabled) {
+  border-color: var(--accent-dim);
+}
+
 .btn:disabled {
   opacity: 0.35;
   cursor: not-allowed;
diff --git a/tools/editor/styles/components/empty-state.css b/tools/editor/styles/components/empty-state.css
index 5dd12cab..30e7bcb2 100644
--- a/tools/editor/styles/components/empty-state.css
+++ b/tools/editor/styles/components/empty-state.css
@@ -1,6 +1,9 @@
 /* Component – Empty state */
 
 .empty-state {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
   border-style: dashed;
   padding: 3rem;
   text-align: center;
diff --git a/tools/editor/styles/components/load-area.css b/tools/editor/styles/components/load-area.css
index b5e0dff1..171b8609 100644
--- a/tools/editor/styles/components/load-area.css
+++ b/tools/editor/styles/components/load-area.css
@@ -14,5 +14,6 @@
 
 .load-area:hover,
 .load-area.drag-over {
+  border-color: var(--accent-dim);
   color: var(--text);
 }
diff --git a/tools/editor/styles/components/tool-card.css b/tools/editor/styles/components/tool-card.css
index c7d1fc17..b4772262 100644
--- a/tools/editor/styles/components/tool-card.css
+++ b/tools/editor/styles/components/tool-card.css
@@ -1,6 +1,9 @@
 /* Component – Tool card */
 
 .tool-card {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
   padding: 1.25rem;
   display: flex;
   flex-direction: column;
@@ -11,6 +14,7 @@
 }
 
 .tool-card:hover {
+  border-color: var(--accent-dim);
   text-decoration: none;
 }
 
diff --git a/tools/editor/styles/components/tool-panel.css b/tools/editor/styles/components/tool-panel.css
index 87b324b4..bffac7f2 100644
--- a/tools/editor/styles/components/tool-panel.css
+++ b/tools/editor/styles/components/tool-panel.css
@@ -1,6 +1,9 @@
 /* Component – Tool panel */
 
 .tool-panel {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
   width: 210px;
   flex-shrink: 0;
   overflow: hidden;
diff --git a/tools/editor/styles/components/tool-preview.css b/tools/editor/styles/components/tool-preview.css
index 51d74d24..55ec7795 100644
--- a/tools/editor/styles/components/tool-preview.css
+++ b/tools/editor/styles/components/tool-preview.css
@@ -1,8 +1,15 @@
 /* Component – Tool preview */
 
 .tool-preview {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
   flex: 1;
   position: relative;
   min-height: 300px;
   transition: border-color var(--speed);
 }
+
+.tool-preview.drag-over {
+  border-color: var(--accent-dim);
+}
diff --git a/tools/editor/styles/main.css b/tools/editor/styles/main.css
index 064fb492..1a6fec0b 100644
--- a/tools/editor/styles/main.css
+++ b/tools/editor/styles/main.css
@@ -5,7 +5,6 @@
 @import "elements.css";
 
 /* Objects */
-@import "objects/surface.css";
 @import "objects/section-label.css";
 @import "objects/page.css";
 @import "objects/section.css";
diff --git a/tools/editor/styles/objects/surface.css b/tools/editor/styles/objects/surface.css
deleted file mode 100644
index 34d9bd42..00000000
--- a/tools/editor/styles/objects/surface.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/* Object – Shared surface base (background, border, radius) */
-
-.tool-card,
-.tool-panel,
-.tool-preview,
-.empty-state {
-  background: var(--bg-surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-}
-
-/* Hover accent border – interactive surfaces that highlight on focus/drag */
-.tool-card:hover,
-.btn:hover:not(:disabled),
-.load-area:hover,
-.load-area.drag-over,
-.tool-preview.drag-over {
-  border-color: var(--accent-dim);
-}