30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Summer sunset palette
|
|
'sunset-orange': '#FF7B54', // Warm orange
|
|
'sunset-pink': '#FFB26B', // Soft pink/peach
|
|
'sunset-yellow': '#FFD56F', // Golden yellow
|
|
'sunset-purple': '#939B62', // Dusky purple/green
|
|
'evening-blue': '#1A5F7A', // Deep evening blue
|
|
'night-blue': '#002B5B', // Night sky blue
|
|
'warm-white': '#FFF8EA', // Warm white
|
|
'sand': '#E1D7C6', // Sandy beige
|
|
},
|
|
fontFamily: {
|
|
sans: ['var(--font-inter)', 'sans-serif'],
|
|
display: ['var(--font-montserrat)', 'sans-serif'],
|
|
},
|
|
backgroundImage: {
|
|
'gradient-sunset': 'linear-gradient(to right, var(--tw-colors-sunset-orange), var(--tw-colors-sunset-pink))',
|
|
'gradient-evening': 'linear-gradient(to right, var(--tw-colors-evening-blue), var(--tw-colors-night-blue))',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|