73 lines
2.6 KiB
JavaScript
73 lines
2.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Legacy elegance
|
|
'deep-navy': '#0A192F',
|
|
'brass': '#D4AF37',
|
|
'off-white': '#F8F8F8',
|
|
'light-gray': '#CCD6F6',
|
|
|
|
// Luxury palette
|
|
'luxury-gold': '#C59D59',
|
|
'cream': '#F5F2E9',
|
|
'forest-green': '#0F4C3C',
|
|
'deep-forest': '#072C21',
|
|
'rich-brown': '#886D4C',
|
|
|
|
// Sophistication accents
|
|
'champagne': '#F7E7CE',
|
|
'bronze': '#CD7F32',
|
|
'pearl': '#F8F6F3',
|
|
'charcoal': '#36454F',
|
|
'platinum': '#E5E4E2'
|
|
},
|
|
fontFamily: {
|
|
'playfair': ['Playfair Display', 'serif'],
|
|
'montserrat': ['Montserrat', 'sans-serif'],
|
|
// Legacy font names (keep for backward compatibility)
|
|
'luxury-serif': ['Playfair Display', 'Cormorant Garamond', 'serif'],
|
|
'elegant-sans': ['Montserrat', 'Lato', 'sans-serif']
|
|
},
|
|
backgroundImage: {
|
|
'luxury-texture': "url('data:image/svg+xml,%3Csvg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg fill=\"%23C59D59\" fill-opacity=\"0.05\"%3E%3Ccircle cx=\"7\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"7\" cy=\"53\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"53\" r=\"7\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')",
|
|
'pennyzo': "url('/src/assets/bg pennyzo.png')",
|
|
},
|
|
boxShadow: {
|
|
'luxury': '0 25px 50px -12px rgba(197, 157, 89, 0.25)',
|
|
'luxury-lg': '0 35px 60px -15px rgba(197, 157, 89, 0.35)',
|
|
'luxury-xl': '0 40px 80px -20px rgba(197, 157, 89, 0.4)',
|
|
'luxury-inner': 'inset 0 2px 4px 0 rgba(197, 157, 89, 0.1)'
|
|
},
|
|
backdropBlur: {
|
|
'3xl': '64px',
|
|
'4xl': '128px'
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'gradient-shift': 'gradient-shift 8s ease-in-out infinite',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' }
|
|
},
|
|
'gradient-shift': {
|
|
'0%, 100%': {
|
|
background: 'linear-gradient(45deg, #C59D59, #D4AF37, #CD7F32)'
|
|
},
|
|
'50%': {
|
|
background: 'linear-gradient(45deg, #CD7F32, #C59D59, #D4AF37)'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |