defiQUGandCursor
f5d305bfcb
Wire public/logo.png into nav/footer LogoMark with responsive sizing, remap primary/secondary Tailwind scales to brand colors, and refresh CTAs, PWA manifest, and favicon assets for mim4u.org. Co-authored-by: Cursor <cursoragent@cursor.com>
98 lines
2.8 KiB
JavaScript
98 lines
2.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
green: '#1a3c34',
|
|
'green-deep': '#0f2922',
|
|
gold: '#c5a059',
|
|
'gold-bright': '#d4af37',
|
|
},
|
|
/* Forest green — primary UI */
|
|
primary: {
|
|
50: '#f0f7f5',
|
|
100: '#d9ebe6',
|
|
200: '#b3d7cd',
|
|
300: '#7db8a8',
|
|
400: '#4d9482',
|
|
500: '#2d6b5c',
|
|
600: '#1a3c34',
|
|
700: '#153029',
|
|
800: '#0f2922',
|
|
900: '#0a1f1a',
|
|
},
|
|
/* Gold — accents, CTAs, highlights */
|
|
secondary: {
|
|
50: '#faf6ef',
|
|
100: '#f3ebda',
|
|
200: '#e6d5b0',
|
|
300: '#d4af37',
|
|
400: '#c5a059',
|
|
500: '#b8924a',
|
|
600: '#9a7a3d',
|
|
700: '#7d6232',
|
|
800: '#604b27',
|
|
900: '#45361c',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
serif: ['"Playfair Display"', 'Georgia', 'Times New Roman', 'serif'],
|
|
},
|
|
animation: {
|
|
'marquee': 'marquee 30s linear infinite',
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'pulse-slow': 'pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
},
|
|
keyframes: {
|
|
marquee: {
|
|
'0%': { transform: 'translateX(100%)' },
|
|
'100%': { transform: 'translateX(-100%)' },
|
|
},
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-10px)' },
|
|
},
|
|
'pulse-slow': {
|
|
'0%, 100%': { opacity: '1' },
|
|
'50%': { opacity: '0.5' },
|
|
},
|
|
},
|
|
boxShadow: {
|
|
'glow': '0 0 20px rgba(26, 60, 52, 0.35)',
|
|
'glow-lg': '0 0 40px rgba(197, 160, 89, 0.35)',
|
|
},
|
|
backdropBlur: {
|
|
xs: '2px',
|
|
},
|
|
perspective: {
|
|
'300': '300px',
|
|
'500': '500px',
|
|
'1000': '1000px',
|
|
'2000': '2000px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
function({ addUtilities }) {
|
|
addUtilities({
|
|
'.perspective-300': { perspective: '300px' },
|
|
'.perspective-500': { perspective: '500px' },
|
|
'.perspective-1000': { perspective: '1000px' },
|
|
'.perspective-2000': { perspective: '2000px' },
|
|
'.transform-style-preserve-3d': { 'transform-style': 'preserve-3d' },
|
|
'.transform-style-flat': { 'transform-style': 'flat' },
|
|
'.backface-hidden': { 'backface-visibility': 'hidden' },
|
|
'.backface-visible': { 'backface-visibility': 'visible' },
|
|
})
|
|
}
|
|
],
|
|
}
|