46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Primary color scale (Rosso Mugello based)
|
|
primary: {
|
|
50: '#fdf2f3',
|
|
100: '#fce4e6',
|
|
200: '#f9cdd1',
|
|
300: '#f4a5ad',
|
|
400: '#ec717e',
|
|
500: '#7A212A',
|
|
600: '#6a1c24',
|
|
700: '#5a171e',
|
|
800: '#4a1318',
|
|
900: '#3a0f12',
|
|
},
|
|
gray: {
|
|
850: '#18202f',
|
|
},
|
|
// Dark theme tokens (Ferrari-inspired palette)
|
|
nero: '#231F1C', // Nero Daytona - page base
|
|
avus: '#F2F3F6', // Bianco Avus - primary text on dark
|
|
titanio: '#A8B8C0', // Grigio Titanio - secondary text on dark
|
|
canna: '#7E8792', // Canna Di Fucile - placeholder text
|
|
scuro: '#4C4E4D', // Grigio Scuro - input backgrounds
|
|
silverstone: '#585C64', // Grigio Silverstone - input borders
|
|
abudhabi: '#2885B5', // Blu Abu Dhabi - focus rings
|
|
// Legacy aliases
|
|
'moto-red': '#7A212A',
|
|
'moto-red-light': '#9c2a36',
|
|
},
|
|
backgroundImage: {
|
|
'gradient-moto': 'linear-gradient(90deg, #7A212A, #9c2a36)',
|
|
'gradient-cta': 'linear-gradient(90deg, #5a171e 0%, #7A212A 50%, #5a171e 100%)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |