/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{vue,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#2563EB', // blue-600
          hover: '#1D4ED8', // blue-700
          active: '#1E40AF', // blue-800
        },
        success: '#16A34A', // green-600
        danger: '#DC2626', // red-600
        warning: '#F97316', // orange-500
      },
      borderRadius: {
        btn: '4px',
        card: '8px',
        modal: '12px',
      },
      spacing: {
        1: '4px',
        2: '8px',
        3: '12px',
        4: '16px',
        6: '24px',
        8: '32px',
      },
      boxShadow: {
        'elevated': '0 10px 25px rgba(15,23,42,0.08)',
      },
    },
  },
  plugins: [],
};