Add texture padder tool

tools/editor/styles/components/hero.css

@@ -1,7 +1,7 @@
 /* Component – Hero section */
 
 .hero {
-  padding: 2.5rem 0 2rem;
+  padding: var(--gap) 0;
 }
 
 .hero h1 {

tools/editor/styles/objects/section.css

@@ -1,5 +1,4 @@
 /* Object – Page section */
-
 .section {
   margin-top: var(--gap);
 }

tools/editor/styles/settings.css

@@ -1,16 +1,17 @@
-/* Settings – Design tokens */
-
 :root {
-  --bg:         #1a1a1e;
-  --bg-surface: #25252b;
-  --bg-raised:  #2e2e36;
-  --border:     #3a3a44;
-  --text:       #e4e4ed;
-  --text-muted: #7a7a90;
-  --accent:     #6e8efb;
-  --accent-dim: #3a4a8a;
+  --bg:         #121217;  /* deep dark base */
+  --bg-surface: #1a1a22;  /* subtle elevation */
+  --bg-raised:  #23232d;  /* layered surfaces */
+  --border:     #2e2e3a;  /* soft border contrast */
+
+  --text:       #e6e6f0;  /* high readability */
+  --text-muted: #9a9ab0;  /* muted secondary text */
+
+  --accent:     #8b5cf6;  /* vibrant purple */
+  --accent-dim: #6d46c7;  /* deeper purple for hover/active */
+
   --radius:     6px;
   --radius-sm:  4px;
   --gap:        1.5rem;
   --speed:      0.15s;
-}
+}