design token for dark theme

Author: nloureiro

src/styles/semantic-tokens.css

@@ -44,12 +44,18 @@
 
     --success: var(--green-600);
     --success-light: var(--green-100);
+    --success-dark: var(--green-900);
+    --success-border: var(--green-700);
 
     --error: var(--red-700);
     --error-light: var(--red-100);
+    --error-dark: var(--red-900);
+    --error-border: var(--red-800);
 
-    --warning: var(--yellow-400);
+    --warning: var(--yellow-300);
     --warning-light: var(--yellow-100);
+    --warning-dark: var(--yellow-900);
+    --warning-border: var(--yellow-700);
 
     /**
     /* Gradients (radial, conic, or linear over 3 stops)
@@ -146,7 +152,20 @@
     --accent-c: var(--teal-400);
     --accent-c-hover: var(--teal-300);
 
+    --success: var(--green-600);
+    --success-light: var(--green-100);
+    --success-dark: var(--green-900);
+    --success-border: var(--green-400);
+
+    --error: var(--red-700);
+    --error-light: var(--red-100);
+    --error-dark: var(--red-900);
+    --error-border: var(--red-300);
+
     --warning: var(--yellow-300);
+    --warning-light: var(--yellow-100);
+    --warning-dark: var(--yellow-900);
+    --warning-border: var(--yellow-200);
 
     /* Gradients (dark mode adjustments) */
     --radial-a-opacity-1: 0.16;