/** @type {import('tailwindcss').Config} */
module.exports = {
    presets: [require('./themes/chill-theme/tailwind.config.js')],
    content: [
      "./themes/chill-theme/layouts/**/*.html",
      "./layouts/**/*.html",
      "./content/**/*.{html,md}"
    ],

    theme: {
      extend: {
      colors: {
        primary: {
          50: '#f2f6f8',
          100: '#e6edf1',
          200: '#bfd3de',
          300: '#99b9cb',
          400: '#4d8596',
          500: '#334d5c', // couleur principale
          600: '#2e4553',
          700: '#273a45',
          800: '#1f2e37',
          900: '#19262c',
        },
        secondary: {
          50: '#fff5f5',
          100: '#ffeaea',
          200: '#ffc9c9',
          300: '#ffa8a8',
          400: '#ff6666',
          500: '#e57469', // couleur principale
          600: '#ce6860',
          700: '#ad5650',
          800: '#8b4440',
          900: '#723836',
        },
      },
      fontFamily: {
        sans: ['Lato', 'sans-serif'],
      },
    },
    plugins: [
      require('@tailwindcss/forms'),
      require('@tailwindcss/typography'),
    ],
  }
}