/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    colors: {
      'primary': 'var(--color-primary)',
      'primary-light': 'var(--color-primary-light)',
      'primary-dark': 'var(--color-primary-dark)',
      'secondary': 'var(--color-secondary)',
      'secondary-light': 'var(--color-secondary-light)',
      'secondary-dark': 'var(--color-secondary-dark)',
      'accent': 'var(--color-accent)',
      'accent-light': 'var(--color-accent-light)',
      'accent-dark': 'var(--color-accent-dark)',
      'transparent': 'transparent',
      'current': 'currentColor',
      'black': '#000',
      'white': '#fff',
      'gray': {
        50: '#f9fafb',
        100: '#f3f4f6',
        200: '#e5e7eb',
        300: '#d1d5db',
        400: '#9ca3af',
        500: '#6b7280',
        600: '#4b5563',
        700: '#374151',
        800: '#1f2937',
        900: '#111827',
        950: '#030712',
      },
      'blue': {
        50: '#eff6ff',
        100: '#dbeafe',
        500: '#3b82f6',
        600: '#2563eb',
        700: '#1d4ed8',
      },
      'indigo': {
        50: '#eef2ff',
        100: '#e0e7ff',
        900: '#312e81',
        950: '#1e1b4b',
      },
      'red': {
        100: '#fee2e2',
        400: '#f87171',
        500: '#ef4444',
        600: '#dc2626',
        700: '#b91c1c',
        900: '#7f1d1d',
      },
      'green': {
        100: '#dcfce7',
        200: '#bbf7d0',
        600: '#16a34a',
        700: '#15803d',
        900: '#14532d',
      },
    },
    fontFamily: {
      'sans': 'var(--font-sans)',
      'display': 'var(--font-display)',
    },
    borderRadius: {
      'none': '0px',
      'sm': 'var(--border-radius-sm)',
      'DEFAULT': 'var(--border-radius)',
      'md': 'var(--border-radius)',
      'lg': 'var(--border-radius-lg)',
      'xl': 'var(--border-radius-xl)',
      'full': '9999px',
    },
  },
  darkMode: 'media',
  plugins: [],
};