Various enhancements, restyling and new options

styles/tokens/_base.less

@@ -54,6 +54,39 @@
   --sp-radius-sm:           3px;
   --sp-radius-md:           4px;
 
+  /* Dialog surface */
+  --sp-dialog-bg:           linear-gradient(175deg, hsl(220, 18%, 13%) 0%, hsl(220, 15%, 10%) 100%);
+  --sp-dialog-border:       1px solid rgba(255, 255, 255, 0.08);
+  --sp-dialog-shadow:       0 8px 32px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.35),
+                            inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  --sp-dialog-radius:       8px;
+  --sp-dialog-grip-color:   rgba(255, 255, 255, 0.07);
+
+  /* Buttons */
+  --sp-btn-font-size:       12px;
+  --sp-btn-font-size-sm:    11px;
+  --sp-btn-font-size-lg:    13px;
+  --sp-btn-padding:         7px 14px;
+  --sp-btn-padding-sm:      4px 10px;
+  --sp-btn-padding-lg:      9px 18px;
+  --sp-btn-radius:          5px;
+  --sp-btn-gap:             6px;
+
+  --sp-btn-primary-bg:      var(--sp-accent);
+  --sp-btn-primary-text:    #fff;
+  --sp-btn-primary-hover:   var(--sp-accent-hover);
+  --sp-btn-primary-active:  var(--sp-accent-active);
+
+  --sp-btn-secondary-bg:        rgba(255, 255, 255, 0.05);
+  --sp-btn-secondary-text:      var(--sp-text-secondary);
+  --sp-btn-secondary-border:    rgba(255, 255, 255, 0.12);
+  --sp-btn-secondary-hover-bg:  rgba(255, 255, 255, 0.1);
+  --sp-btn-secondary-hover-text: var(--sp-text-primary);
+
+  --sp-btn-danger-bg:      var(--sp-color-red);
+  --sp-btn-danger-text:    #fff;
+  --sp-btn-danger-hover:   var(--sp-color-red-dark);
+
   /* Focus ring — module-wide keyboard navigation anchor */
   --sp-focus:               var(--sp-theme-focus,         var(--color-focus-outline,   #63c287));
   --sp-focus-ring:          0 0 0 2px var(--sp-focus);
@@ -86,4 +119,8 @@
   --sp-theme-control:          #1a1d20;
   --sp-theme-focus:            #63c287;
   --sp-theme-urgency:          #c8982a;
+  --sp-btn-primary-bg:         var(--sp-theme-accent, #4a9e6b);
+  --sp-btn-primary-text:       #fff;
+  --sp-btn-primary-hover:      var(--sp-theme-accent-hover, #3d8f5e);
+  --sp-btn-primary-active:     var(--sp-theme-accent-active, #2d7a4f);
 }