import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './src/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#eeb425',
          hover: '#cf9d15',
        },
        background: '#f3f4f6',
        surface: '#ffffff',
        navbar: '#ffffff',
        accent: '#10b981',
        'accent-hover': '#16a34a',
        danger: {
          DEFAULT: '#ef4444',
          hover: '#dc2626',
        },
        secondary: '#1a1a2e',
        'navbar-text': '#1f2937',
        'text-main': '#1f2937',
        'text-muted': '#6b7280',
        'input-border': '#4b5563',
        border: '#eeb425',
      },
      fontFamily: {
        sans: ['Poppins', 'sans-serif'],
      },
      borderRadius: {
        sm: '4px',
        DEFAULT: '8px',
        lg: '12px',
      },
      boxShadow: {
        dropdown: '0 2px 8px rgba(0, 0, 0, 0.15)',
        card: '0 1px 3px rgba(0, 0, 0, 0.1)',
      },
      height: {
        navbar: '64px',
      },
    },
  },
  plugins: [],
}

export default config