/* Tailwind Configuration */
<script>
  tailwind.config = {
    darkMode: 'class',
    theme: {
      extend: {
        fontFamily: {
          display: ['Syne', 'sans-serif'],
          body: ['DM Sans', 'sans-serif'],
        },
        colors: {
          void: '#0a0b0f',
          surface: '#10121a',
          panel: '#161924',
          border: '#1e2235',
          violet: {
            400: '#a78bfa',
            500: '#8b5cf6',
            600: '#7c3aed',
            glow: 'rgba(139,92,246,0.35)',
          },
          slate: {
            850: '#0f1117',
          }
        },
        backdropBlur: { xs: '2px' },
        boxShadow: {
          glow: '0 0 24px 2px rgba(139,92,246,0.28)',
          'glow-sm': '0 0 12px 1px rgba(139,92,246,0.20)',
          glass: '0 8px 32px rgba(0,0,0,0.45)',
        },
        animation: {
          'pulse-glow': 'pulseGlow 2s ease-in-out infinite',
          'spin-slow': 'spin 3s linear infinite',
          'fade-in': 'fadeIn 0.4s ease forwards',
          'slide-up': 'slideUp 0.35s ease forwards',
        },
        keyframes: {
          pulseGlow: {
            '0%,100%': { boxShadow: '0 0 12px 2px rgba(139,92,246,0.25)' },
            '50%': { boxShadow: '0 0 30px 8px rgba(139,92,246,0.55)' },
          },
          fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } },
          slideUp: { from: { opacity: 0, transform: 'translateY(16px)' }, to: { opacity: 1, transform: 'translateY(0)' } },
        },
      }
    }
  };
</script>