/* ==============================================
   ChronoScola - Styles personnalisés
   ============================================== */

/* Police ludique */
body {
  font-family: 'Fredoka', sans-serif;
}

/* Arrière-plan avec motif subtil */
body.pattern-bg {
  background-color: #fff7ed;
  background-image: radial-gradient(#ffedd5 15%, transparent 16%), 
                    radial-gradient(#ffedd5 15%, transparent 16%);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

/* Effet "Bouton Jeu Vidéo" (3D pressable) */
.btn {
  border-bottom-width: 4px;
  transition: all 0.1s;
  font-weight: 600;
}

.btn:active {
  border-bottom-width: 0;
  transform: translateY(4px);
  margin-bottom: 4px;
}

/* Navbar style HUD */
.navbar-rpg {
  border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}

/* Classes hover manquantes */
.hover-bg-gray-100:hover {
  background-color: #f3f4f6 !important;
}

.hover-text-white:hover {
  color: #ffffff !important;
}

/* Taille de police supplémentaire */
.fs-7 {
  font-size: 0.875rem;
}