/** @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: '#0d0d0d',
        secondary: '#161616',
        accent: '#3b82f6',
        'accent-dark': '#2563eb',
        'accent-muted': '#1e3a5f',
        'accent-red': '#cc0000',
        'accent-red-dark': '#aa0000',
        background: '#111111',
        card: '#1a1a1a',
        foreground: '#e8e8e8',
        muted: '#888888',
        border: '#2a2a2a',
        'navy-mid': '#1e1e1e',
        'navy-light': '#222222',
        'ice-blue': '#1a2535',
        'top-bar': '#1a2535',
        'sub-nav': '#161c28',
      },
      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: [],
};