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: {
        'bg-primary': '#020209',
        'bg-secondary': '#07071A',
        'blue-primary': '#0044FF',
        'blue-accent': '#3D7BFF',
        'cyan': '#00E5FF',
        'gold': '#FFD700',
        'red-croatia': '#CC1200',
        'white-soft': '#F0F0FF',
      },
      fontFamily: {
        display: ['var(--font-bebas)', 'sans-serif'],
        body: ['var(--font-inter)', 'sans-serif'],
      },
      animation: {
        'orbit-rotate': 'orbit-rotate 20s linear infinite',
        'orbit-reverse': 'orbit-rotate 20s linear infinite reverse',
        'float': 'float 6s ease-in-out infinite',
        'pulse-glow': 'pulse-glow 2s ease-in-out infinite',
        'noise': 'noise 0.5s steps(2) infinite',
      },
      keyframes: {
        'orbit-rotate': {
          from: { transform: 'rotate(0deg)' },
          to: { transform: 'rotate(360deg)' },
        },
        float: {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-12px)' },
        },
        'pulse-glow': {
          '0%, 100%': { opacity: '1', boxShadow: '0 0 8px 2px #00E5FF' },
          '50%': { opacity: '0.6', boxShadow: '0 0 20px 6px #00E5FF' },
        },
        noise: {
          '0%': { transform: 'translate(0, 0)' },
          '25%': { transform: 'translate(-2px, 1px)' },
          '50%': { transform: 'translate(1px, -2px)' },
          '75%': { transform: 'translate(2px, 1px)' },
          '100%': { transform: 'translate(-1px, -1px)' },
        },
      },
    },
  },
  plugins: [],
}

export default config