added new colors

frontend/src/app/globals.css

@@ -27,11 +27,14 @@
     --accent-foreground: 0 0% 0%;
     --destructive: 0 72% 51%;
     --destructive-foreground: 0 0% 100%;
-    --border: 240 6% 90%;
+    --border: 240 4.8% 95.9%;
     --input: 240 6% 90%;
     --ring: 0 0% 0%;
     --placeholder-foreground: 240 5% 65%;
 
+    --accent-emerald-foreground: 161.4 93.5% 30.4%;
+    --accent-pink-foreground: 333.3 71.4% 50.6%;
+
     /* Status Colors */
     --status-red: #ef4444;
     --status-yellow: #eab308;
@@ -80,11 +83,14 @@
     --accent-foreground: 0 0% 100%;
     --destructive: 0 84% 60%;
     --destructive-foreground: 0 0% 100%;
-    --border: 240 5% 26%;
+    --border: 240 3.7% 15.9%;
     --input: 240 5% 34%;
     --ring: 0 0% 100%;
     --placeholder-foreground: 240 4% 46%;
 
+    --accent-emerald-foreground: 158.1 64.4% 51.6%;
+    --accent-pink-foreground: 328.6 85.5% 70.2%;
+
     /* Dark mode data type colors */
     --datatype-blue: 211.7 96.4% 78.4%;
     --datatype-blue-foreground: 221.2 83.2% 53.3%;

frontend/tailwind.config.ts

@@ -82,6 +82,12 @@ const config = {
           DEFAULT: "hsl(var(--accent))",
           foreground: "hsl(var(--accent-foreground))",
         },
+        "accent-emerald-foreground": {
+          DEFAULT: "hsl(var(--accent-emerald-foreground))",
+        },
+        "accent-pink-foreground": {
+          DEFAULT: "hsl(var(--accent-pink-foreground))",
+        },
         popover: {
           DEFAULT: "hsl(var(--popover))",
           foreground: "hsl(var(--popover-foreground))",
@@ -215,4 +221,4 @@ const config = {
   ],
 };
 
-export default config;
+export default config;