export default {/** @type {import('tailwindcss').Config} *//** @type {import('tailwindcss').Config} *//** @type {import('tailwindcss').Config} */ content: [ './app/**/*.{js,ts,jsx,tsx}',module.exports = { './components/**/*.{js,ts,jsx,tsx}', './lib/**/*.{js,ts,jsx,tsx}', content: [module.exports = {export default { ], } './app/**/*.{js,ts,jsx,tsx,mdx}', './pages/**/*.{js,ts,jsx,tsx,mdx}', content: [ content: [ './components/**/*.{js,ts,jsx,tsx,mdx}', './lib/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{ts,tsx,js,jsx}', ], theme: { './pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{ts,tsx,js,jsx}', extend: { fontFamily: { './components/**/*.{js,ts,jsx,tsx,mdx}', './lib/**/*.{ts,tsx,js,jsx}', heading: ['var(--font-heading)'], body: ['var(--font-body)'], './pages/**/*.{ts,tsx,js,jsx}', }, colors: { // Or if using `src` directory: './src/**/*.{ts,tsx,js,jsx}', banquise: { blue: '#40B4FF', './src/**/*.{js,ts,jsx,tsx,mdx}', './public/index.html', 'blue-dark': '#1F5D89', 'blue-light': '#69B7E2', ], ], 'blue-lightest': '#A5F0FF', gray: '#F6F6F6', theme: { theme: { }, }, extend: {}, extend: { keyframes: { float: { }, fontFamily: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-10px)' }, plugins: [], heading: ['var(--font-heading)'], }, 'bubble-float-1': {} body: ['var(--font-body)'], '0%, 100%': { transform: 'translateY(0) translateX(0)' }, }, '33%': { transform: 'translateY(-15px) translateX(5px)' }, colors: { '66%': { transform: 'translateY(-8px) translateX(-3px)' }, banquise: { }, blue: '#40B4FF', 'ocean-shimmer': { 'blue-dark': '#1F5D89', '0%, 100%': { opacity: '0.3', transform: 'scale(1)' }, 'blue-light': '#69B7E2', '50%': { opacity: '0.6', transform: 'scale(1.05)' }, 'blue-lightest': '#A5F0FF', }, gray: '#F6F6F6', 'gentle-float': { }, '0%, 100%': { transform: 'translateY(0) rotate(0deg)' }, }, '50%': { transform: 'translateY(-15px) rotate(1deg)' }, keyframes: { }, float: { slideUp: { '0%, 100%': { transform: 'translateY(0)' }, '0%': { opacity: '0', transform: 'translateY(10px)' }, '50%': { transform: 'translateY(-10px)' }, '100%': { opacity: '1', transform: 'translateY(0)' }, }, }, 'bubble-float-1': { }, '0%, 100%': { transform: 'translateY(0) translateX(0)' }, animation: { '33%': { transform: 'translateY(-15px) translateX(5px)' }, float: 'float 3s ease-in-out infinite', '66%': { transform: 'translateY(-8px) translateX(-3px)' }, 'bubble-1': 'bubble-float-1 4s ease-in-out infinite', }, 'ocean-shimmer': 'ocean-shimmer 2s ease-in-out infinite', 'ocean-shimmer': { 'gentle-float': 'gentle-float 6s ease-in-out infinite', '0%, 100%': { opacity: '0.3', transform: 'scale(1)' }, slideUp: 'slideUp 0.3s ease-out', '50%': { opacity: '0.6', transform: 'scale(1.05)' }, }, }, }, 'gentle-float': { }, '0%, 100%': { transform: 'translateY(0) rotate(0deg)' }, plugins: [], '50%': { transform: 'translateY(-15px) rotate(1deg)' }, } }, slideUp: { '0%': { opacity: '0', transform: 'translateY(10px)' }, '100%': { opacity: '1', transform: 'translateY(0)' }, }, }, animation: { float: 'float 3s ease-in-out infinite', 'bubble-1': 'bubble-float-1 4s ease-in-out infinite', 'ocean-shimmer': 'ocean-shimmer 2s ease-in-out infinite', 'gentle-float': 'gentle-float 6s ease-in-out infinite', slideUp: 'slideUp 0.3s ease-out', }, }, }, };