| |
| export default { |
| content: [ |
| "./index.html", |
| "./src/**/*.{js,ts,jsx,tsx}", |
| ], |
| theme: { |
| extend: { |
| colors: { |
| black: '#0A0E27', |
| emerald: { |
| 50: '#f0fdf4', |
| 100: '#dcfce7', |
| 200: '#bbf7d0', |
| 300: '#86efac', |
| 400: '#4ade80', |
| 500: '#22c55e', |
| 600: '#16a34a', |
| 700: '#15803d', |
| 800: '#166534', |
| 900: '#134e4a', |
| 950: '#052e16', |
| }, |
| slate: { |
| 50: '#f8fafc', |
| 100: '#f1f5f9', |
| 200: '#e2e8f0', |
| 300: '#cbd5e1', |
| 400: '#94a3b8', |
| 500: '#64748b', |
| 600: '#475569', |
| 700: '#334155', |
| 800: '#1e293b', |
| 900: '#0f172a', |
| 950: '#020617', |
| }, |
| }, |
| fontFamily: { |
| sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'], |
| }, |
| backgroundImage: { |
| 'gradient-saas': 'linear-gradient(135deg, #050816 0%, #0b1020 48%, #08111a 100%)', |
| 'gradient-emerald': 'linear-gradient(135deg, #0f766e 0%, #22c55e 55%, #86efac 100%)', |
| }, |
| animation: { |
| 'pulse-glow': 'pulse-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', |
| 'float': 'float 3s ease-in-out infinite', |
| 'fade-in': 'fade-in 0.5s ease-in-out', |
| }, |
| keyframes: { |
| 'pulse-glow': { |
| '0%, 100%': { opacity: '1' }, |
| '50%': { opacity: '0.8' }, |
| }, |
| 'float': { |
| '0%, 100%': { transform: 'translateY(0px)' }, |
| '50%': { transform: 'translateY(-10px)' }, |
| }, |
| 'fade-in': { |
| '0%': { opacity: '0' }, |
| '100%': { opacity: '1' }, |
| }, |
| }, |
| boxShadow: { |
| 'glow': '0 0 24px rgba(34, 197, 94, 0.22)', |
| 'glow-lg': '0 0 48px rgba(34, 197, 94, 0.16)', |
| }, |
| }, |
| }, |
| plugins: [], |
| } |
|
|
