import tailwindScrollbar from 'tailwind-scrollbar';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      screens: {
        mobile: '360px',
        tablet: '640px',
        'tablet-figma': '768px',
        desktop: '1024px',
        'desktop-figma': '1600px',
      },
      colors: {
        'text-gradient': '-webkit-linear-gradient(#798FFF, #D375FF)',
      },
      animation: {
        'infinite-scroll': 'infinite-scroll 25s linear infinite',
      },
      keyframes: {
        'infinite-scroll': {
          from: { transform: 'translateX(0)' },
          to: { transform: 'translateX(-100%)' },
        },
      },
    },
  },
  plugins: [tailwindScrollbar({ nocompatible: true })],
};