/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './app.vue',
  ],
  theme: {
    extend: {
      colors: {
        /* Palette NAV V2 — Sobre institutionnel */
        /* Pointent vers les variables CSS --nav-* (alias des rôles @transformer/ui,
           voir assets/css/main.css) pour rester cohérentes clair/sombre. (B3-M0) */
        nav: {
          bg:      'var(--nav-bg)',
          'bg-alt':'var(--nav-bg-alt)',
          surface: 'var(--nav-surface)',
          primary: 'var(--nav-primary)',
          'primary-solid': 'var(--nav-primary-solid)',
          accent:  'var(--nav-accent)',
          text:    'var(--nav-text)',
          'text-muted': 'var(--nav-text-muted)',
          'text-on-primary': 'var(--nav-text-on-primary)',
        },
        /* Héritage V1 — gardé pour composants existants */
        sage: {
          50:  '#f4f7f4',
          100: '#e6ede6',
          200: '#cddccd',
          300: '#a9c2a9',
          400: '#7ea07e',
          500: '#5c7f5c',
          600: '#476447',
          700: '#3a503a',
          800: '#304030',
          900: '#293529',
        },
        warm: {
          50:  '#faf8f5',
          100: '#f5f0e8',
          200: '#ece0cf',
          300: '#dfc9ad',
          400: '#ceaa84',
          500: '#c09060',
          600: '#b07a4a',
          700: '#93633c',
          800: '#785134',
          900: '#62432c',
        },
      },
    },
  },
  plugins: [],
}