@import "tailwindcss";

@theme inline {
  --font-mono: "JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;

  /* Properly define custom colors for Tailwind utilities */
  --color-neon-magenta: #ff00c8;
  --color-neon-cyan: #00fff9;
  --color-deep-violet: #2a004e;

  /* Define text colors explicitly */
  --color-text-neon-magenta: #ff00c8;
  --color-text-neon-cyan: #00fff9;
}

@layer utilities {
  .glow-magenta {
    box-shadow: 0 0 10px #ff00c8, 0 0 20px rgba(255, 0, 200, 0.5);
  }

  .glow-cyan {
    box-shadow: 0 0 10px #00fff9, 0 0 20px rgba(0, 255, 249, 0.5);
  }

  .text-glow-cyan {
    /* Ensure text color is set along with glow effect */
    color: #00fff9;
    text-shadow: 0 0 10px #00fff9, 0 0 20px rgba(0, 255, 249, 0.5);
  }

  .text-glow-magenta {
    /* Ensure text color is set along with glow effect */
    color: #ff00c8;
    text-shadow: 0 0 10px #ff00c8, 0 0 20px rgba(255, 0, 200, 0.5);
  }
}