/** @type {import('tailwindcss').Config} */ export default { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], darkMode: 'class', theme: { extend: { colors: { blueprint: { primary: '#1B2F5C', secondary: '#FFFFFF', accent: '#C69C49', dark: '#3A3A3A', light: '#F5F7FA', gray: '#EDEDED' } }, fontFamily: { cairo: ['Cairo', 'ui-sans-serif', 'system-ui'], poppins: ['Poppins', 'ui-sans-serif', 'system-ui'], }, animation: { 'fade-in': 'fadeIn 0.6s ease-out', 'slide-up': 'slideUp 0.8s ease-out', 'bounce-slow': 'bounce 2s infinite', 'pulse-slow': 'pulse 3s infinite', 'float': 'float 6s ease-in-out infinite', }, keyframes: { fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' }, }, slideUp: { '0%': { transform: 'translateY(30px)', opacity: '0' }, '100%': { transform: 'translateY(0)', opacity: '1' }, }, float: { '0%, 100%': { transform: 'translateY(0px)' }, '50%': { transform: 'translateY(-20px)' }, } } }, }, plugins: [], }