/* ============================================
   MyGym - Estilos compartidos
   ============================================ */

body { font-family: 'Inter', sans-serif; }

/* Glassmorphism (navbar) */
.glassmorphism {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.dark .glassmorphism {
    background: rgba(31, 41, 55, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Scrollbar personalizada */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* Animaciones de Toast */
@keyframes slideInUp {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.toast-enter { animation: slideInUp 0.3s ease-out forwards; }
.toast-exit  { animation: fadeOut   0.3s ease-out forwards; }

/* Modal */
.modal-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* Scrollbar delgado para tabs */
.custom-scrollbar::-webkit-scrollbar { height: 6px; }

/* Fix para prose en dietas */
.prose pre { background: transparent; padding: 0; margin: 0; }