/** @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: {
        primary: '#1c1815',
        secondary: '#231d18',
        accent: '#F0A623',
        'accent-dark': '#BA7517',
        'accent-muted': '#412402',
        'accent-red': '#D85A30',
        'accent-red-dark': '#E24B4A',
        background: '#1c1815',
        card: '#231d18',
        foreground: '#FBEFE0',
        muted: '#C9BBA8',
        border: '#3a322b',
        'navy-mid': '#1e1e1e',
        'navy-light': '#3a322b',
        'ice-blue': '#231d18',
        'top-bar': '#231d18',
        'sub-nav': '#26201a',
      },
      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: [],
};