41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/**/*.{js,jsx,ts,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'brand-red': {
|
|
DEFAULT: '#E53E3E',
|
|
dark: '#C53030',
|
|
light: '#FC8181'
|
|
},
|
|
'brand-pink': {
|
|
DEFAULT: '#ED64A6',
|
|
dark: '#D53F8C',
|
|
light: '#F687B3'
|
|
},
|
|
'gray': {
|
|
50: '#F7FAFC',
|
|
100: '#EDF2F7',
|
|
200: '#E2E8F0',
|
|
300: '#CBD5E0',
|
|
400: '#A0AEC0',
|
|
500: '#718096',
|
|
600: '#4A5568',
|
|
700: '#2D3748',
|
|
800: '#1A202C',
|
|
900: '#171923'
|
|
}
|
|
},
|
|
fontFamily: {
|
|
'sans': ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif']
|
|
},
|
|
backgroundImage: {
|
|
'hero-pattern': 'linear-gradient(135deg, rgba(229, 62, 62, 0.1) 0%, rgba(237, 100, 166, 0.1) 100%)'
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |