/** @type {import('tailwindcss').Config} */ module.exports = { content: [ './src/app/**/*.{js,ts,jsx,tsx,mdx}', './src/components/**/*.{js,ts,jsx,tsx,mdx}', './src/styles/**/*.css', ], theme: { extend: { colors: { gray: { 50: 'oklch(0.985 0 0)', 100: 'oklch(0.97 0 0)', 200: 'oklch(0.922 0 0)', 300: 'oklch(0.87 0 0)', 400: 'oklch(0.708 0 0)', 500: 'oklch(0.556 0 0)', 600: 'oklch(0.439 0 0)', 700: 'oklch(0.371 0 0)', 800: 'oklch(0.269 0 0)', 900: 'oklch(0.205 0 0)', 950: 'oklch(0.145 0 0)', }, }, fontFamily: { sans: ['var(--font-mulish)'], }, borderRadius: { '4xl': '2rem', '5xl': '2.5rem', }, animation: { 'fade-in': 'fade-in 0.5s linear forwards', 'spin-slow': 'spin 4s linear infinite', 'spin-slower': 'spin 6s linear infinite', 'spin-reverse': 'spin-reverse 1s linear infinite', 'spin-reverse-slow': 'spin-reverse 4s linear infinite', 'spin-reverse-slower': 'spin-reverse 6s linear infinite', 'marquee-vertical': 'marquee-vertical 40s linear infinite', 'bounce-y': 'bounce-y 1.5s infinite', 'blink': 'blink 2s infinite', 'marquee': 'marquee var(--marquee-duration) linear infinite', }, keyframes: { 'fade-in': { from: { opacity: 0 }, to: { opacity: 1 }, }, 'spin-reverse': { to: { transform: 'rotate(-360deg)' }, }, 'blink': { '0%, 100%': { opacity: 1 }, '50%': { opacity: 0.3 }, }, 'bounce-y': { '0%, 100%': { transform: 'translateY(-10%)', animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)', }, '50%': { transform: 'translateY(0)', animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)', }, }, 'marquee-vertical': { from: { transform: 'translateY(0)' }, to: { transform: 'translateY(-50%)' }, }, 'marquee': { '100%': { transform: 'translateY(-50%)' }, }, }, }, }, plugins: [require('@tailwindcss/forms')], };