/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // Palette basée sur #0B6029 (Forest Green) - WCAG AA compliant
        primary: {
          50: '#E8F5EC',   // Très clair pour backgrounds
          100: '#C6E7D0',  // Clair
          200: '#9ED5AF',  //
          300: '#6FC085',  //
          400: '#3FA85B',  //
          500: '#0B6029',  // Couleur principale (votre couleur)
          600: '#0A5525',  // Plus foncé
          700: '#084A20',  //
          800: '#063E1A',  //
          900: '#042E13',  // Très foncé
        },
        secondary: {
          // Or/Doré complémentaire - contraste 4.5:1+ sur blanc
          50: '#FDF8E8',
          100: '#FAF0CC',
          200: '#F5E299',
          300: '#EFD366',
          400: '#E8C333',
          500: '#A68B2C',  // Principal - bon contraste sur blanc
          600: '#8A7324',
          700: '#6E5B1C',
          800: '#524415',
          900: '#362D0E',
        },
        // Beige pour backgrounds - excellent contraste avec primary
        beige: {
          50: '#FEFDFB',
          100: '#FAF8F5',  // Background principal
          200: '#F5F0E8',
          300: '#EBE4D8',
          400: '#DED4C4',
          500: '#C9BBAA',
          600: '#A69882',
          700: '#7D705F',
          800: '#544B3F',
          900: '#2B2620',
        },
        logo: {
          brown: '#694633',
          gold: '#C1C333',
          lightGold: '#C5C04B',
          darkBrown: '#5a3a29',
          forestGreen: '#0B6029',
        },
      },
      fontFamily: {
        sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
}