// tailwind.config.js
module.exports = {
  // Tema escuro como padrão (class strategy)
  darkMode: 'class',

  content: [
    './app/views/**/*.{html,html.erb,erb}',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/components/**/*.{rb,html,html.erb,erb}',
  ],

  theme: {
    extend: {
      colors: {
        // Paleta da marca Gade Hospitalar
        brand: {
          preto:        '#0a0a0a',
          'preto-card': '#1a1a1a',
          'preto-borda': '#2a2a2a',
          laranja:      '#f97316',
          'laranja-escuro': '#ea580c',
          'laranja-claro':  '#fb923c',
          branco:       '#ffffff',
          cinza:        '#6b7280',
          'cinza-escuro': '#374151',
        },
        // Semânticas
        sucesso:  '#22c55e',
        erro:     '#ef4444',
        alerta:   '#fbbf24',
        info:     '#38bdf8',
      },
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
        mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
      },
      fontSize: {
        // Garante mínimo 16px (desktop) / 18px (mobile implícito)
        'sm':  ['0.875rem', { lineHeight: '1.25rem' }],
        'base':['1rem',     { lineHeight: '1.5rem' }],
        'lg':  ['1.125rem', { lineHeight: '1.75rem' }],
        'xl':  ['1.25rem',  { lineHeight: '1.75rem' }],
      },
      minHeight: {
        'touch': '48px',   // botões mínimo 48px (acessibilidade touch)
      },
      borderRadius: {
        'DEFAULT': '0.5rem',
        'lg': '0.75rem',
        'xl': '1rem',
      },
    },
  },

  plugins: [
    require('@tailwindcss/forms'),
  ],
}