/* Cascavelle — styles globaux */

* { box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }

/* Overlay image de fond (onboarding) */
.bg-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.3) 0%,
    rgba(0,0,0,0) 40%,
    rgba(34, 22, 16, 0.8) 100%
  );
}

/* Scrollbar masquée */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Animations */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }

/* Glassmorphism */
.glass {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.glass-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(34, 22, 16, 0.7);
}

/* Fade-out du flou post-connexion */
.unlock-fade {
  transition: backdrop-filter 0.6s ease, background 0.6s ease;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  background: transparent;
}