x

apps/spa/tailwind.config.js

@@ -8,29 +8,29 @@ export default {
     extend: {
       colors: {
         pop: {
-          pink: "#FF69B4",
+          pink: "#FF6B6B",
           yellow: "#FFF200",
-          orange: "#FF8800",
-          red: "#FF3333",
-          cyan: "#00FFFF",
-          green: "#39FF14",
-          purple: "#BA55D3",
-          bg: "#FFF9E6",
-          black: "#111111",
+          orange: "#FFA07A",
+          red: "#FF4500",
+          cyan: "#E0FFFF",
+          green: "#98FB98",
+          purple: "#D8BFD8",
+          bg: "#FFF0F5",
+          black: "#333333",
         },
       },
       boxShadow: {
-        'brutal': '6px 6px 0px 0px #111',
-        'brutal-hover': '2px 2px 0px 0px #111',
+        'brutal': '0 10px 25px rgba(0,0,0,0.05)',
+        'brutal-hover': '0 20px 40px rgba(0,0,0,0.1)',
       },
       animation: {
-        'pop-in': 'pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards',
-        'spin-slow': 'spin 8s linear infinite',
+        'pop-in': 'fade-in-up 0.6s ease-out forwards',
+        'spin-slow': 'spin 15s linear infinite',
       },
       keyframes: {
-        'pop-in': {
-          '0%': { opacity: '0', transform: 'scale(0.8)' },
-          '100%': { opacity: '1', transform: 'scale(1)' },
+        'fade-in-up': {
+          '0%': { opacity: '0', transform: 'translateY(20px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
         },
       }
     },