Improve the frontend and repository layer

frontend/tailwind.config.js

@@ -102,21 +102,10 @@ export default {
     {
       pattern: /^(bg-gradient-to|from|via|to)-(r|l|t|b|tr|tl|br|bl|amber|orange|gray)-(50|100|200|300|400|500|600|700|800|900)$/,
     },
-    // Include CSS variable-based utility classes
-    {
-      pattern: /^(bg|text|border)-color-(primary|secondary|success|warning|error|info|accent)(-light|-dark)?$/,
-    },
-    {
-      pattern: /^(bg|text|border)-(text|background|border)-(primary|secondary|tertiary)$/,
-    },
     // Include semantic color classes
     {
       pattern: /^(bg|text|border)-(primary|secondary)-(50|100|200|300|400|500|600|700|800|900)$/,
     },
-    // Include ring and shadow variants
-    {
-      pattern: /^ring-color-(primary|secondary)(\/(10|20|30|40|50))?$/,
-    }
   ],
   theme: {
     extend: {
@@ -192,4 +181,4 @@ export default {
     require('@tailwindcss/typography'),
     require('@tailwindcss/aspect-ratio'),
   ],
-}
+}