/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        network: {
          gateway: '#6366F1',
          vlan: '#8B5CF6',
          wifi: '#EC4899',
        },
        host: {
          physical: '#10B981',
          vm: '#14B8A6',
          container: '#F59E0B',
        },
        service: {
          media: '#EF4444',
          infra: '#3B82F6',
          monitoring: '#22C55E',
          ai: '#F97316',
          storage: '#06B6D4',
        },
        filesystem: {
          nfs: '#84CC16',
          volume: '#A855F7',
          path: '#EAB308',
        },
      },
      fontFamily: {
        mono: ['"JetBrains Mono"', '"Fira Code"', 'monospace'],
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'glow': 'glow 2s ease-in-out infinite alternate',
        'scan': 'scan 3s linear infinite',
      },
      keyframes: {
        glow: {
          '0%': { boxShadow: '0 0 5px currentColor' },
          '100%': { boxShadow: '0 0 20px currentColor, 0 0 40px currentColor' },
        },
        scan: {
          '0%': { opacity: '0.3' },
          '50%': { opacity: '0.6' },
          '100%': { opacity: '0.3' },
        },
      },
    },
  },
  plugins: [],
}