@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');

/* Syntax Highlighting */
pre[class*="language-"] { border-radius: 0.5rem !important; margin: 1em 0 !important; }

/* Layout Helpers */
.dashboard-height { height: calc(100vh - 5rem); } 

/* Markdown Styles dans les bulles */
.markdown-body p { margin-bottom: 0.8em; }
.markdown-body p:last-child { margin-bottom: 0; }
.markdown-body ul { list-style-type: disc; margin-left: 1.5em; margin-bottom: 1em; }
.markdown-body ol { list-style-type: decimal; margin-left: 1.5em; margin-bottom: 1em; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; color: #fff; }
.markdown-body code:not([class]) { background-color: rgba(255,255,255,0.1); padding: 0.2em 0.4em; border-radius: 3px; font-family: monospace; }

/* Scrollbar Custom */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #4B5563; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #6B7280; }




/* index.html specific styles */
/* --- ANIMATIONS ACCUEIL --- */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.animation-delay-2000 {
    animation-delay: 2s;
}

/* pour connexion.html */

/* --- EFFET 3D FLIP --- */
.perspective-1000 { perspective: 1000px; }
.transform-style-3d { transform-style: preserve-3d; }
.backface-hidden { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.rotate-y-180 { transform: rotateY(180deg); }
/* La face arrière est tournée par défaut pour être cachée */
.face-back { transform: rotateY(180deg); }