import type { Config } from 'tailwindcss';
const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        brand: { DEFAULT: '#76BC21', strong: '#60AA22', dark: '#4E8C1B', light: '#8FD13E', tint: '#CCE7BA', soft: '#EAF5DD' },
        accent: { DEFAULT: '#BB5A77', light: '#D080A0', dark: '#9C4560' },
        info: { DEFAULT: '#1976D2' },
        ink: '#1B1B1B',
        muted: '#6B7280',
        hair: '#D8DFE9',
        soft: '#E8ECF2',
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      maxWidth: { wrap: '1200px' },
      boxShadow: {
        card: '0 1px 2px rgba(27,27,27,0.04), 0 4px 12px rgba(27,27,27,0.05)',
        soft: '0 6px 22px rgba(27,27,27,0.09)',
        pop: '0 12px 40px rgba(27,27,27,0.14)',
      },
      borderRadius: { xl: '0.9rem', '2xl': '1.1rem' },
    }
  },
  plugins: []
};
export default config;