/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './app.vue',
    './error.vue'
  ],
  theme: {
    extend: {
      boxShadow: {
        '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.5)',
        '2xl-custom': '0 0 60px 50px rgba(0, 0, 0, 0.25)'
      },
      colors: {
        esyellow: '#fdec50ff'
      },
      fontSize: {
        xxs: '0.625rem' // 10px par exemple
      },
      screens: {
        '2sm': '320px'
      },
      transitionDuration: {
        2000: '2000ms'
      }
    }
  },
  plugins: []
}