/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./layouts/**/*.html"],
  theme: {
    extend: {
      colors: {
        primary: {
          50:  "#fffbfa",
          100: "#fcd7ca",
          200: "#f9b29a",
          300: "#f78d69",
          400: "#f46839", // couleur principale
          500: "#ed450d",
          600: "#bd370a",
          700: "#8c2908",
          800: "#5c1b05",
          900: "#2c0d02",
        },
        secondary: {
          50:  "#ddeef6",   
          100: "#8ec6df",   
          200: "#3e9fc9",   
          300: "#23627e",  
          400: "#0d242e", // couleur principale  
          500: "#020506",   
          600: "#000",      
          700: "#000",      
          800: "#000",      
          900: "#000",      
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        heading: ['Plus Jakarta Sans', 'sans-serif'],
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
  ],
}