/** @type {import('tailwindcss').Config} */
// Palette et primitives issues du design Claude Design « Bénévoles Festival »
// (style néo-brutaliste : bordures franches, ombres portées dures, capitales).
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        cream: '#F5EFE1', // fond général
        ink: '#14110E', // encre (quasi-noir)
        paper: '#FFFDF7', // panneaux / cartes
        sand: '#EFE8D6', // barres secondaires
        'sand-line': '#E0D8C4', // séparateurs sur paper
        'sand-dark': '#E7E0CE',
        'sand-mid': '#CFC7B4', // frise horaire : graduations, créneau terminé
        yellow: '#FFD23F',
        'yellow-soft': '#FFE68A', // état « incomplet »
        'yellow-hover': '#FFDF77',
        orange: '#FF5C39',
        'orange-dark': '#E0421F',
        green: '#0E9F6E',
        mint: '#C8F0DC', // pointé présent (compteur)
        'mint-pale': '#EAF7EF', // carte d'un bénévole pointé présent
        'orange-pale': '#FFF1EC', // créneau en cours
        'orange-blush': '#FFE3DA', // carte d'un bénévole pointé absent
        blue: '#A8C4FF',
        'blue-strong': '#2A6BFF', // « non publié »
        mauve: '#CBA6E3', // état « sureffectif »
        'mauve-hover': '#BE93D9',
      },
      fontFamily: {
        display: ['Archivo', 'Helvetica', 'Arial', 'sans-serif'],
        mono: ['"DM Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'],
      },
      boxShadow: {
        brutal: '3px 3px 0 #14110E',
        'brutal-sm': '2px 2px 0 #14110E',
        'brutal-md': '4px 4px 0 #14110E',
        'brutal-lg': '6px 6px 0 #14110E',
      },
      backgroundImage: {
        // Hachures « sous-effectif critique »
        'hatch-orange':
          'repeating-linear-gradient(45deg,#FF5C39 0 6px,#E0421F 6px 12px)',
        'hatch-mauve':
          'repeating-linear-gradient(-45deg,#CBA6E3 0 6px,#BE93D9 6px 12px)',
        // Hachures « brouillon »
        'hatch-ink':
          'repeating-linear-gradient(45deg,#14110E 0 8px,#2A2520 8px 16px)',
        // Trame « poste fermé »
        'hatch-sand':
          'repeating-linear-gradient(45deg,#E9E2D0 0 5px,#DFD7C2 5px 10px)',
        // Pointillés « disponibilité déclarée »
        'dots-sand': 'radial-gradient(#CFC7B4 1px,transparent 1.2px)',
      },
    },
  },
  plugins: [],
};