/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Poppins', 'ui-sans-serif', 'system-ui'],
      },
      colors: {
        primary: {
          default: '#B07F5D',  // main brand color
          light: '#B07F5D',
          dark: '#8C3B2E',
        }, 
        secondary: {
          DEFAULT: '#FF9F1C',
          light: '#FFB84D',
          dark: '#CC7F17',
        },
        accent: {
          DEFAULT: '#1CA7EC',
          light: '#5ABFF0',
          dark: '#157AB8',
        },
        neutral: {
          50: '#F9FAFB',
          100: '#F3F4F6',
          200: '#E5E7EB',
          300: '#D1D5DB',
          400: '#9CA3AF',
          500: '#6B7280',
          600: '#4B5563',
          700: '#374151',
          800: '#1F2937',
          900: '#111827',
        },
      },
      boxShadow: {
        card: '0 4px 12px rgba(0,0,0,0.08)',
        navbar: '0 2px 6px rgba(0,0,0,0.12)',
        modal: '0 10px 25px rgba(0,0,0,0.2)',
      },
      borderRadius: {
        card: '0.75rem',
        input: '0.5rem',
        button: '0.5rem',
      },
    },
  },
  plugins: [],
};