@import "tailwindcss";

/* --- AMÉLIORATION GLOBALE DU MODE SOMBRE YOBITRUST --- */

/* Fond global et texte */
html.dark body {
    background-color: #020617 !important; /* Slate 950 : Bleu nuit profond au lieu du noir pur */
    color: #e2e8f0 !important; /* Slate 200 : Texte gris clair adouci pour moins fatiguer les yeux */
    position: relative;
    z-index: 1;
}

/* Effet de lueur en arrière-plan (Style très Tech/IA/Quantique) */
html.dark body::before {
    content: '';
    position: fixed;
    top: -20%; left: -10%;
    width: 50%; height: 50%;
    background: radial-gradient(circle, rgba(0, 102, 204, 0.15) 0%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

/* Amélioration de toutes les cartes et sections (détachement visuel avec bordure subtile) */
html.dark .dark\:bg-gray-800,
html.dark .bg-white {
    background-color: #0f172a !important; /* Slate 900 : Légèrement plus clair que le fond principal */
    border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Bordure "glass" très fine */
    box-shadow: 0 10px 25px -5px rgba(0, 102, 204, 0.1) !important; /* Ombre bleutée */
    transition: all 0.3s ease;
}

/* Effet interactif au survol des cartes en mode sombre */
html.dark .dark\:bg-gray-800:hover,
html.dark .bg-white:hover {
    border-color: rgba(0, 102, 204, 0.4) !important; /* Bordure qui s'illumine en bleu YobiTrust */
    box-shadow: 0 10px 30px -5px rgba(0, 102, 204, 0.2) !important; /* Ombre qui s'intensifie */
}

/* Adoucir le texte blanc pur dans les paragraphes pour un rendu plus premium */
html.dark p.dark\:text-white {
    color: #cbd5e1 !important; /* Slate 300 */
}

/* Rendre la Navbar "Glassmorphism" (transparente avec effet flou) en mode sombre */
html.dark header {
    background-color: rgba(2, 6, 23, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}