frontend/src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* --- BASE DARK MODE PREMIUM --- */
body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #09090b; /* Zinc 950 */
  color: #f4f4f5; /* Zinc 100 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Color de selección de texto (Naranja eléctrico) */
::selection {
  background-color: #f97316;
  color: white;
}

/* --- SCROLLBAR PERSONALIZADA --- */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #18181b; /* Zinc 900 */
}

::-webkit-scrollbar-thumb {
  background: #3f3f46; /* Zinc 700 */
  border-radius: 4px;
  border: 2px solid #18181b;
}

::-webkit-scrollbar-thumb:hover {
  background: #f97316; /* Orange 500 */
}

/* Animación de brillo para botones */
@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}