x

apps/spa/tailwind.config.js

@@ -7,31 +7,31 @@ export default {
   theme: {
     extend: {
       colors: {
-        night: {
-          900: "#0B0C10",
-          800: "#1F2833",
-          700: "#45A29E",
+        pop: {
+          pink: "#FF69B4",
+          yellow: "#FFF200",
+          orange: "#FF8800",
+          red: "#FF3333",
+          cyan: "#00FFFF",
+          green: "#39FF14",
+          purple: "#BA55D3",
+          bg: "#FFF9E6",
+          black: "#111111",
         },
-        cyan: {
-          glow: "#66FCF1"
-        },
-        silver: {
-          metallic: "#C5C6C7"
-        }
+      },
+      boxShadow: {
+        'brutal': '6px 6px 0px 0px #111',
+        'brutal-hover': '2px 2px 0px 0px #111',
       },
       animation: {
-        'fade-in': 'fade-in 1.2s ease-out forwards',
-        'float': 'float 3s ease-in-out infinite',
+        'pop-in': 'pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards',
+        'spin-slow': 'spin 8s linear infinite',
       },
       keyframes: {
-        'fade-in': {
-          '0%': { opacity: '0', transform: 'translateY(10px)' },
-          '100%': { opacity: '1', transform: 'translateY(0)' },
+        'pop-in': {
+          '0%': { opacity: '0', transform: 'scale(0.8)' },
+          '100%': { opacity: '1', transform: 'scale(1)' },
         },
-        'float': {
-          '0%, 100%': { transform: 'translateY(0)' },
-          '50%': { transform: 'translateY(-10px)' },
-        }
       }
     },
   },