/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // AV Beat palette — orange/near-black, "Where AV Meets IT"
        primary: '#0F0E0E',
        secondary: '#1D1A1A',
        accent: '#E67E22',
        'accent-dark': '#C8651B',
        'accent-muted': '#5a3413',
        'accent-red': '#E67E22',
        'accent-red-dark': '#C8651B',
        background: '#0F0E0E',
        card: '#1D1A1A',
        foreground: '#F0EBE6',
        muted: '#8a847e',
        border: '#2a2624',
        'navy-mid': '#1e1a18',
        'navy-light': '#221c18',
        'ice-blue': '#1D1A1A',
        'top-bar': '#1D1A1A',
        'sub-nav': '#161313',
      },
      fontFamily: {
        heading: ['Georgia', 'serif'],
        body: ['Arial', 'Helvetica', 'sans-serif'],
        mono: ['Courier New', 'monospace'],
      },
      maxWidth: {
        container: '1200px',
      },
      boxShadow: {
        card: '0 1px 4px rgba(0, 0, 0, 0.5)',
        'card-hover': '0 4px 16px rgba(0, 0, 0, 0.6)',
        nav: '0 2px 8px rgba(0, 0, 0, 0.5)',
      },
      keyframes: {
        'fade-in': {
          '0%': { opacity: '0', transform: 'translateY(8px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        'page-enter': {
          '0%': { opacity: '0', transform: 'translateY(6px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        shimmer: {
          '0%': { backgroundPosition: '-200% 0' },
          '100%': { backgroundPosition: '200% 0' },
        },
      },
      animation: {
        'fade-in': 'fade-in 0.35s ease forwards',
        'page-enter': 'page-enter 0.4s ease forwards',
        shimmer: 'shimmer 1.6s infinite linear',
      },
    },
  },
  plugins: [],
};