/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./folkugat_web/assets/templates/**/*.{html, jinja}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
      },
      colors: {
        'brown': '#3e3834',
        'beige': '#b27c09',
      },
      animation: {
        'fade-in-one': 'fadeIn 1s ease-in 0.3s 1 normal forwards',
        'fade-in-two': 'fadeIn 1s ease-in 0.6s 1 normal forwards',
        'fade-in-three': 'fadeIn 1s ease-in 0.9s 1 normal forwards',
        'grow': 'grow 0.3s ease-in 0s 1 normal forwards',
        'marquee': 'marquee 25s linear infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 },
        },
        grow: {
          '0%': { width: '0%' },
          '100%': { width: '100%' },
        },
        marquee: {
          '0%': { transform: 'translateX(0%)' },
          '100%': { transform: 'translateX(-100%)' },
        }
      },
    },
  },
  plugins: [],
}