/* ==========================================================
   THEME CUSTOM SPIP / BOOTSTRAP - NEXE SERIOUS GAMES
   ========================================================== */

:root {
    --bs-body-bg: #000000;
    --bs-body-color: #ffffff;
    --bs-dark: #0a0a0c;
    --bs-surface: #121216;
    --bs-info: #00e5ff; /* Équivalent du néon */
    --bs-danger: #ff0055; /* Équivalent du crimson */
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Polices et typographies spécifiques */
.font-display {
    letter-spacing: -0.03em;
}

/* Couleurs et habillages spécifiques du prototype */
.bg-surface {
    background-color: var(--bs-surface) !important;
}

.text-neon, .text-info {
    color: var(--bs-info) !important;
}

.text-crimson, .text-danger {
    color: var(--bs-danger) !important;
}

/* Effets de transition et survols interactifs */
.transition {
    transition: all 0.3s ease-in-out;
}

.hover-bg-surface:hover {
    background-color: var(--bs-surface) !important;
}

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

/* Effets de bordures fines et liserés */
.border-secondary {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Styles pour les éléments techniques / monospaces */
.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Ajustements responsifs du formulaire et des cartes */
.backdrop-blur {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}



/* Bouton Démo personnalisé (effet switch au survol) */
.btn-demo-custom {
    background-color: transparent !important;
    border: 1px solid var(--bs-info) !important;
    color: var(--bs-info) !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-demo-custom:hover {
    background-color: var(--bs-info) !important;
    color: #FFFFFF !important; /* Texte noir ou blanc selon ton contraste, ici noir pour contraster avec le néon cyan */
}