// tailwind.config.js
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {
      screens: {
        xs: "480px",   // breakpoint extra per smartphone piccoli
        sm: "640px",   // tablet piccoli
        md: "768px",   // tablet medi
        lg: "1024px",  // laptop
        xl: "1280px",  // desktop grandi
      },
      spacing: {
        18: "4.5rem",  // utile per padding/margin extra
      },
      colors: {
        brand: "#1e40af", // blu personalizzato per titoli o hover
      },
    },
  },
  plugins: [],
}