import { createRequire } from 'node:module';
const require = createRequire(import.meta.url);

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  // Les classes vigilance-chip-{1..4} sont construites dynamiquement (`vigilance-chip-${colorId}`),
  // donc le scanner statique ne les voit pas — on les force ici.
  safelist: [
    'vigilance-chip-1',
    'vigilance-chip-2',
    'vigilance-chip-3',
    'vigilance-chip-4',
    'bg-vigilance-vert',
    'bg-vigilance-jaune',
    'bg-vigilance-orange',
    'bg-vigilance-rouge',
  ],
  theme: {
    extend: {
      colors: {
        vigilance: {
          vert: '#5cb85c',
          jaune: '#f6d800',
          orange: '#f08c1a',
          rouge: '#d9534f',
        },
        canicule: {
          50: '#fff7ed',
          100: '#ffedd5',
          500: '#f97316',
          600: '#ea580c',
          700: '#c2410c',
          900: '#7c2d12',
        },
      },
      fontFamily: {
        sans: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
};