import tailwindScrollbar from 'tailwind-scrollbar'
import tailwindcssPrimeUI from 'tailwindcss-primeui'
import tailwindcssSafeArea from 'tailwindcss-safe-area'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        // primary: {
        //   400: '#FFA726', // Светлый акцентный цвет для темной темы
        //   600: '#FB8C00', // Основной акцентный цвет для светлой темы
        // },
        // orange: {
        //   600: '#FB923C',
        //   700: '#F97316',
        // },
      },
    },
  },
  plugins: [
    tailwindScrollbar({ nocompatible: true, preferredStrategy: 'pseudoelements' }),
    tailwindcssPrimeUI,
    tailwindcssSafeArea,
  ],
}