@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
/* Configuration du thème sombre et de l'image de fond */
:root {
    --bs-body-bg: #0f172a; /* Slate 900 */
    --bs-primary: #3b82f6;
    --bs-body-color: #e2e8f0;
    --card-bg-opacity: rgba(30, 41, 59, 0.95); /* Slate 800 semi-transparent */
    --backdrop-color: rgba(15, 23, 42, 0.85); /* Opacité du fond général */
}

body {
    /* Configuration de l'image de fond "hacker" */
    background-image: url('../img/hacker.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: var(--bs-body-bg); /* Couleur de fallback */
    color: var(--bs-body-color);
    font-family: 'Inter', sans-serif;
}

main h2, main h3 {
    color: var(--bs-light-color);
    border-bottom: 1px solid rgba(100, 116, 139, 0.5); /* Ligne de séparation subtile */
    padding-bottom: 0.5rem;
}

/* Calque semi-opaque sur le contenu pour améliorer la lisibilité */
.backdrop-container {
    background-color: var(--backdrop-color);
    min-height: 100vh;
}

.cyber-glow {
    color: var(--bs-light-color) !important; /* Force la couleur du texte en blanc */
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.8), 0 0 20px rgba(59, 130, 246, 0.5);
}

.card-link {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--card-bg-opacity);
    border: 1px solid #475569; /* Slate 600 */
}
.card-link:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.5), 0 4px 6px -4px rgba(59, 130, 246, 0.5);
    border-color: var(--bs-primary);
}

/* Style spécifique pour le conteneur central des données */
.data-container {
    background-color: var(--card-bg-opacity);
    border: 1px solid #475569;
}

/* Style pour le tableau */
.table-dark-custom {
    --bs-table-bg: rgba(45, 53, 67, 0.9);
    --bs-table-color: #e2e8f0;
    --bs-table-border-color: #475569;
}