/* 
 * Theme Overrides - Portfolio Javier Salgado
 * Estilos mínimos necesarios que Tailwind no puede manejar directamente
 */

:root {
  color-scheme: light dark;
}

/* Ancho máximo del contenedor principal */
.container {
  max-width: 1000px;
}

/* 
 * Ajustes específicos para gradientes en modo oscuro
 * Los gradientes from-X to-Y no tienen variante dark: en Tailwind
 */
html.dark .bg-gradient-to-r.from-blue-50.to-purple-50 {
  background: linear-gradient(to right, rgba(30, 58, 138, 0.15), rgba(88, 28, 135, 0.15));
}

/* 
 * Efecto hover en navegación con glow sutil
 * Complementa las clases de Tailwind
 */
html.dark nav a:hover {
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.25);
}

/* 
 * Mejora visual de tarjetas de proyectos en hover (modo oscuro)
 * Añade un fondo ligeramente más claro que no existe en Tailwind
 */
html.dark article:hover {
  background-color: rgb(31 41 55 / 0.95);
}