/** @type {import('tailwindcss').Config} */
export default {
  darkMode: ['class'],
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        background: '#F8F7F4',
        foreground: '#000000',
        surface: {
          DEFAULT: '#FFFFFF',
          secondary: '#F0EFEA',
          tertiary: '#E5E4DD',
          inverse: '#16181B',
        },
        primary: {
          DEFAULT: '#0F172A',
          foreground: '#FFFFFF',
        },
        secondary: {
          DEFAULT: '#E2E8F0',
          foreground: '#000000',
        },
        accent: {
          DEFAULT: '#B93812',
          foreground: '#FFFFFF',
        },
        muted: {
          DEFAULT: '#EEEDE8',
          foreground: '#000000',
        },
        border: {
          DEFAULT: '#E2E1DA',
          strong: '#71717A',
        },
        divider: '#E8E7E0',
        destructive: {
          DEFAULT: '#B91C1C',
          foreground: '#FFFFFF',
        },
        success: {
          DEFAULT: '#15803D',
          foreground: '#FFFFFF',
        },
        warning: {
          DEFAULT: '#B45309',
          foreground: '#FFFFFF',
        },
        info: {
          DEFAULT: '#1D4ED8',
          foreground: '#FFFFFF',
        },
      },
      fontFamily: {
        display: ['Outfit', 'sans-serif'],
        sans: ['Plus Jakarta Sans', 'sans-serif'],
        body: ['Plus Jakarta Sans', 'sans-serif'],
      },
      borderRadius: {
        sm: '0.375rem',
        md: '0.625rem',
        lg: '1rem',
      },
      boxShadow: {
        card: '0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04)',
        popover: '0 10px 25px -5px rgba(15,23,42,0.08), 0 8px 10px -6px rgba(15,23,42,0.04)',
      },
    },
  },
  plugins: [],
};