81 lines
1.9 KiB
JavaScript
81 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: '#E6E6FA',
|
|
dark: '#D8BFD8',
|
|
light: '#F0E6FF',
|
|
},
|
|
accent: {
|
|
DEFAULT: '#4C6EF5',
|
|
light: '#5C7CFA',
|
|
dark: '#364FC7',
|
|
},
|
|
secondary: {
|
|
DEFAULT: '#495057',
|
|
light: '#6C757D',
|
|
dark: '#343A40',
|
|
},
|
|
danger: {
|
|
DEFAULT: '#DC2626',
|
|
light: '#EF4444',
|
|
dark: '#B91C1C',
|
|
},
|
|
gray: {
|
|
50: '#F5F7FA',
|
|
100: '#E5E7EB',
|
|
200: '#D1D5DB',
|
|
300: '#9CA3AF',
|
|
400: '#6B7280',
|
|
500: '#4B5563',
|
|
600: '#374151',
|
|
700: '#1F2937',
|
|
800: '#111827',
|
|
900: '#030712',
|
|
},
|
|
purple: {
|
|
50: '#F3E8FF',
|
|
100: '#E9D5FF',
|
|
200: '#D8B4FE',
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'80': '20rem',
|
|
'88': '22rem',
|
|
},
|
|
borderRadius: {
|
|
'xl': '0.75rem',
|
|
'2xl': '1rem',
|
|
'3xl': '1.5rem',
|
|
},
|
|
boxShadow: {
|
|
'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)',
|
|
'card': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
'card-hover': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
},
|
|
animation: {
|
|
'float': 'float 3s ease-in-out infinite',
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-10px)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|