import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        medical: {
          50: '#f8fafc',
          100: '#f1f5f9',
          200: '#e2e8f0',
          300: '#cbd5e1',
          400: '#94a3b8',
          500: '#64748b',
          600: '#475569',
          700: '#334155',
          800: '#1e293b',
          900: '#0f172a',
        },
        accent: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#3b82f6',
          600: '#2563eb',
        },
      },
      boxShadow: {
        'medical': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
        'medical-lg': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
        'medical-glow': '0 4px 16px rgba(37, 99, 235, 0.2), 0 8px 32px rgba(37, 99, 235, 0.15)',
        'glow-sm': '0 2px 8px rgba(37, 99, 235, 0.15), 0 4px 16px rgba(37, 99, 235, 0.1)',
        'glow': '0 4px 16px rgba(37, 99, 235, 0.2), 0 8px 32px rgba(37, 99, 235, 0.15)',
        'glow-lg': '0 8px 24px rgba(37, 99, 235, 0.25), 0 12px 48px rgba(37, 99, 235, 0.2)',
        'glow-xl': '0 12px 32px rgba(37, 99, 235, 0.3), 0 16px 64px rgba(37, 99, 235, 0.25)',
      },
    },
  },
  plugins: [],
}
export default config