/* Thème clair pour Techsolut */
:root {
    /* Couleurs principales */
    --techsolut-gradient-start: #00C9FF;
    --techsolut-gradient-end: #92FE9D;
    --techsolut-dark-blue: #0A1F44;
    --techsolut-green: #92FE9D;
    --techsolut-light-gray: #F5F5F5;
    --techsolut-white: #FFFFFF;
    --techsolut-text-gray: #A0AEC0;
    --techsolut-alert-red: #FF4B4B;
    
    /* Dégradés */
    --techsolut-gradient: linear-gradient(120deg, var(--techsolut-gradient-start), var(--techsolut-gradient-end));
    
    /* Variables spécifiques au thème clair */
    --background-primary: var(--techsolut-white);
    --background-secondary: var(--techsolut-light-gray);
    --text-primary: var(--techsolut-dark-blue);
    --text-secondary: var(--techsolut-text-gray);
    --card-bg: var(--techsolut-white);
    --border-color: #E2E8F0;
    --navbar-bg: var(--techsolut-white);
    --navbar-text: var(--techsolut-dark-blue);
    --footer-bg: var(--techsolut-light-gray);
    --footer-text: var(--techsolut-dark-blue);
}

/* Styles spécifiques au thème clair */
body {
    color: var(--text-primary);
    background-color: var(--background-secondary);
}

.navbar-light {
    background-color: var(--navbar-bg) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--navbar-text);
}

.card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

.table {
    color: var(--text-primary);
}

.footer {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text) !important;
}

.text-muted {
    color: var(--text-secondary) !important;
}

/* Surcharge pour les éléments sombres en mode clair */
.bg-dark {
    background-color: var(--techsolut-light-gray) !important;
}

.navbar-dark {
    background-color: var(--techsolut-dark-blue) !important;
}

.footer.bg-dark {
    background-color: var(--footer-bg) !important;
}

/* Ajustement des boutons pour le mode clair */
.btn-outline-light {
    border-color: var(--techsolut-dark-blue);
    color: var(--techsolut-dark-blue);
}

.btn-outline-light:hover {
    background-color: var(--techsolut-dark-blue);
    color: var(--techsolut-white);
}