/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // Brand colors from brand.md
        primary: {
          yellow: '#FBB82B',
          dark: '#111111',
          white: '#FFFFFF',
        },
        secondary: {
          gray: '#F5F5F5',
          'light-gray': '#E5E5E5',
          blue: '#2F80ED',
          brown: '#6B4A2B',
        },
        brand: {
          navy: '#002F44',
        },
      },
      fontFamily: {
        // Poppins everywhere
        sans: ['var(--font-poppins)', 'system-ui', 'sans-serif'],
        heading: ['var(--font-poppins)', 'system-ui', 'sans-serif'],
      },
      borderRadius: {
        'btn': '12px',
        'card': '16px',
      },
      boxShadow: {
        'card': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
        'card-hover': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
      },
      // Entrance for the mobile save sheet (components/gallery/SaveSheet).
      keyframes: {
        'sheet-fade': { from: { opacity: '0' }, to: { opacity: '1' } },
        'sheet-rise': {
          from: { transform: 'translateY(100%)' },
          to: { transform: 'translateY(0)' },
        },
      },
      animation: {
        'sheet-fade': 'sheet-fade 150ms ease-out',
        'sheet-rise': 'sheet-rise 200ms ease-out',
      },
    },
  },
  plugins: [],
};
