import type { Config } from 'tailwindcss';

const config: Config = {
  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: {
        /* Burgundy — primary brand (from Kött Gård logo) */
        brand: {
          50: '#fdf5f5',
          100: '#fce8e8',
          200: '#f5cfcf',
          300: '#e8a8a8',
          400: '#d47070',
          500: '#c04040',
          600: '#a32b2b',
          700: '#8B1F1F',
          800: '#6E1818',
          900: '#521212',
          950: '#2D0A0A',
        },
        /* Warm cream — logo background tone */
        cream: {
          50: '#FDFAF8',
          100: '#FAF5F0',
          200: '#F5EDE4',
          300: '#EDE0D4',
          400: '#E0CFC0',
        },
        gold: {
          50: '#fffbeb',
          100: '#fef3c7',
          200: '#fde68a',
          300: '#fcd34d',
          400: '#f0c040',
          500: '#D4A843',
          600: '#B8892A',
          700: '#92700c',
          800: '#78590a',
          900: '#633f06',
        },
      },
      fontFamily: {
        sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
        display: ['var(--font-playfair)', 'Georgia', 'serif'],
      },
      boxShadow: {
        premium: '0 4px 24px -4px rgba(139, 31, 31, 0.12)',
        'premium-lg': '0 8px 40px -8px rgba(139, 31, 31, 0.18)',
        gold: '0 4px 20px -4px rgba(212, 168, 67, 0.35)',
      },
      animation: {
        'fade-in': 'fadeIn 0.5s ease-out',
        'slide-up': 'slideUp 0.5s ease-out',
        'trust-marquee': 'trustMarquee 28s linear infinite',
        'trust-marquee-rtl': 'trustMarqueeRtl 28s linear infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { opacity: '0', transform: 'translateY(20px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        trustMarquee: {
          '0%': { transform: 'translateX(0)' },
          '100%': { transform: 'translateX(-50%)' },
        },
        trustMarqueeRtl: {
          '0%': { transform: 'translateX(0)' },
          '100%': { transform: 'translateX(50%)' },
        },
      },
    },
  },
  plugins: [],
};

export default config;