refactor: replace hardcoded hex values with Tailwind semantic tokens

3,200+ hardcoded color values replaced with CSS variable-backed
Tailwind classes (bg-card, text-foreground, border-border, etc.).
Enables light mode via CSS variable swap. Only syntax highlighting
colors and intentional one-offs remain hardcoded (~15 values).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/scripts/PowerShellHighlighter.tsx

@@ -40,7 +40,7 @@ const TOKEN_CLASSES: Record<string, string> = {
   string: 'text-[#a5d6ff]',
   placeholder: 'text-amber-400 underline decoration-dashed',
   variable: 'text-[#79c0ff]',
-  cmdlet: 'text-[#22d3ee]',
+  cmdlet: 'text-primary',
   parameter: 'text-[#d2a8ff]',
   keyword: 'text-[#ff7b72]',
 }

frontend/src/components/scripts/ScriptConfigurePane.tsx

@@ -171,7 +171,7 @@ export function ScriptConfigurePane({ canGenerate, onBack }: Props) {
             type="button"
             onClick={() => generate()}
             disabled={isGenerating || !canGenerate}
-            className="w-full flex items-center justify-center gap-1.5 bg-[#22d3ee] text-white font-semibold text-sm px-4 py-2 rounded-lg hover:brightness-110 active:scale-[0.98] transition-all disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100"
+            className="w-full flex items-center justify-center gap-1.5 bg-primary text-white font-semibold text-sm px-4 py-2 rounded-lg hover:brightness-110 active:scale-[0.98] transition-all disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100"
           >
             {isGenerating && <Loader2 size={14} className="animate-spin" />}
             Generate Script

frontend/src/components/scripts/ScriptParameterForm.tsx

@@ -43,7 +43,7 @@ export function ScriptParameterForm({ canGenerate }: Props) {
 
   if (parameters.length === 0) {
     return (
-      <div className="flex items-center gap-2 rounded-lg border border-border bg-[#14161d] px-3 py-3">
+      <div className="flex items-center gap-2 rounded-lg border border-border bg-card px-3 py-3">
         <Terminal size={14} className="text-muted-foreground shrink-0" />
         <p className="text-xs text-muted-foreground">
           This template has no parameters — click <span className="text-foreground font-medium">Generate</span> to produce the script.