fix(theme): replace Gruvbox with Midnight, fix accent/info hue collisions and hardcoded colors

- Replace Gruvbox preset with Midnight (deep blue-purple, violet accent)
- Fix accent/info hue collisions in Nord, Monokai, Dracula, Solarized
- Fix Solarized error/warning collision (error-h 25->5) and WCAG contrast
- Make --color-skip-refresh-* follow --color-warning-h dynamically
- Replace hardcoded rgba(24,144,255) in onboarding.css with --color-accent
- Replace hardcoded #00B87A in import modals with --color-success

static/css/components/batch-import-modal.css

@@ -389,7 +389,7 @@
 }
 
 .stat-item.success {
-    border-left: 3px solid #00B87A;
+    border-left: 3px solid var(--color-success);
 }
 
 .stat-item.failed {
@@ -455,7 +455,7 @@
 
 .results-icon {
     font-size: 3em;
-    color: #00B87A;
+    color: var(--color-success);
     margin-bottom: var(--space-1);
 }
 
@@ -493,7 +493,7 @@
 }
 
 .result-card.success {
-    border-left: 3px solid #00B87A;
+    border-left: 3px solid var(--color-success);
 }
 
 .result-card.failed {
@@ -582,8 +582,8 @@
 }
 
 .result-item-status.success {
-    background: oklch(from #00B87A l c h / 0.2);
-    color: #00B87A;
+    background: color-mix(in oklch, var(--color-success) 20%, transparent);
+    color: var(--color-success);
 }
 
 .result-item-status.failed {
@@ -661,11 +661,11 @@
 
 /* Completed State */
 .batch-progress-container.completed .progress-bar {
-    background: #00B87A;
+    background: var(--color-success);
 }
 
 .batch-progress-container.completed .status-icon {
-    color: #00B87A;
+    color: var(--color-success);
 }
 
 .batch-progress-container.completed .status-icon i {

static/css/components/header.css

@@ -472,8 +472,8 @@
   background: oklch(62% 0.18 213);
 }
 
-.preset-swatch-gruvbox {
-  background: oklch(58% 0.22 25);
+.preset-swatch-midnight {
+  background: oklch(52% 0.15 300);
 }
 
 .preset-swatch-monokai {
@@ -508,8 +508,8 @@
   background: oklch(68% 0.18 213);
 }
 
-[data-theme="dark"] .preset-swatch-gruvbox {
-  background: oklch(62% 0.22 25);
+[data-theme="dark"] .preset-swatch-midnight {
+  background: oklch(68% 0.14 300);
 }
 
 [data-theme="dark"] .preset-swatch-monokai {

static/css/components/import-modal.css

@@ -211,7 +211,7 @@
 
 .lora-item.is-early-access {
     background: rgba(0, 184, 122, 0.05);
-    border-left: 4px solid #00B87A;
+    border-left: 4px solid var(--color-success);
 }
 
 .lora-item.missing-locally {
@@ -310,7 +310,7 @@
 
 .missing-lora-item.is-early-access {
     background: rgba(0, 184, 122, 0.05);
-    border-left: 3px solid #00B87A;
+    border-left: 3px solid var(--color-success);
     padding-left: 10px;
 }
 
@@ -630,7 +630,7 @@
     gap: 12px;
     padding: 12px 16px;
     background: rgba(0, 184, 122, 0.1);
-    border: 1px solid #00B87A;
+    border: 1px solid var(--color-success);
     border-radius: var(--border-radius-sm);
     color: var(--text-color);
     margin-bottom: var(--space-2);
@@ -646,7 +646,7 @@
 
 /* Specific styling for the early access warning container in import modal */
 .early-access-warning .warning-icon {
-    color: #00B87A;
+    color: var(--color-success);
     font-size: 1.2em;
 }