/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html"
  ],
  theme: {
    extend: {
      colors: {
        'bulls-gray': '#2d2d2d',
        'bulls-light-gray': '#f5f5f5',
        'bulls-blue': '#00a8e6',
        'bulls-dark': '#1a1a1a',
        'bulls-text': '#333333'
      },
      fontFamily: {
        'sans': ['Arial', 'Helvetica', 'sans-serif']
      },
      backgroundImage: {
        'hero-gradient': 'linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4))'
      }
    },
  },
  plugins: [],
}