borbad.s5l.ru/vue/tailwind.config.js

module.exports = {
  content: [
    "./app/**/*.{pug,js,coffee,vue}",
    "./shared/**/*.{pug,js,coffee,vue}"
  ],
  darkMode: 'class',
  theme: {
    extend: {
      // Цветовая палитра из ваших styl-файлов
      colors: {
        primary: '#1a202c',
        accent: '#d69e2e', 
        secondary: '#742a2a',
        // Полупрозрачные цвета для анимаций
        overlay: {
          light: 'rgba(255, 255, 255, 0.1)',
          dark: 'rgba(0, 0, 0, 0.02)',
          white: 'rgba(255, 255, 255, 0.2)'
        },
        // Градиентные цвета для категорий
        gradient: {
          classical: ['#3b82f6', '#1d4ed8'],
          folk: ['#10b981', '#047857'],
          jazz: ['#8b5cf6', '#7c3aed'],
          pop: ['#ec4899', '#db2777'],
          dance: ['#f59e0b', '#d97706'],
          experimental: ['#6366f1', '#4f46e5'],
          theater: ['#ef4444', '#dc2626'],
          opera: ['#14b8a6', '#0d9488']
        }
      },
      // Анимации из index.styl
      animation: {
        'fade-in-up': 'fadeInUp 0.6s ease-out forwards',
        'pulse-slow': 'pulse 2s infinite',
        'stat-appear': 'statAppear 0.6s ease forwards',
        'slide-in': 'slideIn 0.5s ease-out'
      },
      keyframes: {
        fadeInUp: {
          '0%': { 
            opacity: '0',
            transform: 'translateY(30px)'
          },
          '100%': { 
            opacity: '1',
            transform: 'translateY(0)'
          }
        },
        statAppear: {
          '0%': {
            opacity: '0',
            transform: 'translateY(20px)'
          },
          '100%': {
            opacity: '1', 
            transform: 'translateY(0)'
          }
        },
        slideIn: {
          '0%': {
            opacity: '0',
            transform: 'translateX(-100px)'
          },
          '100%': {
            opacity: '1',
            transform: 'translateX(0)'
          }
        }
      },
      // Задержки для анимаций
      transitionDelay: {
        '100': '100ms',
        '200': '200ms',
        '300': '300ms',
        '400': '400ms'
      }
    },
  },
  plugins: [],
}