Spaces:
Running
Running
| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'], | |
| theme: { | |
| screens: { | |
| xs: '480px', | |
| sm: '640px', | |
| md: '768px', | |
| lg: '1024px', | |
| xl: '1280px', | |
| '2xl': '1536px', | |
| }, | |
| extend: { | |
| colors: { | |
| // Premium Light Academic Theme - White Background | |
| bg: '#ffffff', // Pure white background | |
| bg2: '#f8fafc', // Soft pearl for cards | |
| bg3: '#f1f5f9', // Slightly darker grey for contrast areas | |
| teal: '#0e7490', // Marwadi Teal (Deep/Primary) | |
| 'teal-light': '#0891b2', // Marwadi Teal (Lighter/Accent) | |
| 'teal-dark': '#164e63', // Very dark teal for headings | |
| gold: '#c5a55a', // Shield Gold | |
| 'gold-light': '#d4b872', // Brighter gold | |
| 'gold-dark': '#a1823f', // Darker gold for contrast on light bg | |
| navy: '#0f172a', // Deep slate for primary text | |
| 'navy-light': '#334155', // Slate for secondary text | |
| slate: '#64748b', // Tertiary text / muted | |
| cream: '#0f172a', // Re-mapped to navy for text contrast in existing classes | |
| border: '#e2e8f0', // Light border | |
| border2: '#cbd5e1', // Darker border on hover | |
| }, | |
| fontFamily: { | |
| sans: ['Inter', 'Segoe UI', 'system-ui', 'sans-serif'], | |
| }, | |
| animation: { | |
| 'pulse-ring': 'pulse-ring 2s ease-in-out infinite', | |
| blink: 'blink 2s ease-in-out infinite', | |
| 'float': 'float 6s ease-in-out infinite', | |
| 'glow': 'glow 3s ease-in-out infinite', | |
| }, | |
| keyframes: { | |
| 'pulse-ring': { | |
| '0%,100%': { transform: 'scale(1)', opacity: '0.6' }, | |
| '50%': { transform: 'scale(1.04)', opacity: '1' }, | |
| }, | |
| blink: { | |
| '0%,100%': { opacity: '1' }, | |
| '50%': { opacity: '0.3' }, | |
| }, | |
| float: { | |
| '0%,100%': { transform: 'translateY(0px)' }, | |
| '50%': { transform: 'translateY(-10px)' }, | |
| }, | |
| glow: { | |
| '0%,100%': { boxShadow: '0 0 20px rgba(14,116,144,0.15)' }, | |
| '50%': { boxShadow: '0 0 40px rgba(14,116,144,0.3), 0 0 60px rgba(197,165,90,0.1)' }, | |
| }, | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| }; | |