ezsepa-website/tailwind.config.js
2025-11-02 20:30:44 +01:00

57 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"./*.html"
],
theme: {
extend: {
colors: {
brand: {
50: '#fef2f2',
100: '#fee2e2',
orange: '#FF7A59',
'orange-dark': '#FF5733',
blue: '#2563EB',
'blue-dark': '#1E40AF',
navy: '#1E293B',
'navy-dark': '#0F172A',
},
primary: '#FF7A59',
secondary: '#2563EB',
success: '#10B981',
warning: '#F59E0B',
error: '#EF4444',
},
fontFamily: {
sans: [
'system-ui',
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'sans-serif'
],
},
animation: {
'fade-in-up': 'fadeInUp 0.6s ease-out',
'float': 'float 3s ease-in-out infinite',
},
keyframes: {
fadeInUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
float: {
'0%, 100%': { transform: 'translateY(0px)' },
'50%': { transform: 'translateY(-10px)' },
},
},
},
},
plugins: [],
}