Add 4 new theme colors (success, warning, error, info) with full preset support

src/components/theme-vars.tsx

@@ -16,6 +16,10 @@ export async function ThemeVars() {
     text,
     textMuted,
     accent,
+    success,
+    warning,
+    error,
+    info,
     buttonColor,
     buttonText,
     buttonSecondary,
@@ -39,6 +43,10 @@ export async function ThemeVars() {
     g("color_text", "#0f172a"),
     g("color_text_muted", "#64748b"),
     g("color_accent", "#10b981"),
+    g("color_success", "#16a34a"),
+    g("color_warning", "#eab308"),
+    g("color_error", "#ef4444"),
+    g("color_info", "#0ea5e9"),
     g("button_primary_color", "#f59e0b"),
     g("button_text_color", "#1e293b"),
     g("button_secondary_color", "#22c55e"),
@@ -70,6 +78,10 @@ export async function ThemeVars() {
 --color-text:${safe(text, "#0f172a")};
 --color-text-muted:${safe(textMuted, "#64748b")};
 --color-accent:${safe(accent, "#10b981")};
+--color-success:${safe(success, "#16a34a")};
+--color-warning:${safe(warning, "#eab308")};
+--color-error:${safe(error, "#ef4444")};
+--color-info:${safe(info, "#0ea5e9")};
 --button-color:${safe(buttonColor, "#f59e0b")};
 --button-text-color:${safe(buttonText, "#1e293b")};
 --button-secondary-color:${safe(buttonSecondary, "#22c55e")};