/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html"
  ],
  theme: {
    extend: {
      colors: {
        'react-blue': '#087ea4',
        'react-light-blue': '#58c4dc',
        'react-dark': '#23272f',
        'react-gray': '#6b7280',
        'react-light-gray': '#f3f4f6',
        'react-border': '#e5e7eb'
      },
      fontFamily: {
        'sans': ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif']
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'meta-gradient': 'url("https://react.dev/images/meta-gradient.png")'
      }
    }
  },
  plugins: []
}