/* Thème sombre 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 sombre */
    --background-primary: #121212;
    --background-secondary: #1E1E1E;
    --text-primary: var(--techsolut-light-gray);
    --text-secondary: #8B92A1;
    --card-bg: #2A2A2A;
    --border-color: #3A3A3A;
    --navbar-bg: var(--techsolut-dark-blue);
    --navbar-text: var(--techsolut-white);
    --footer-bg: #121212;
    --footer-text: var(--techsolut-light-gray);
}

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

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

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

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

.card-header {
    border-bottom-color: var(--border-color);
}

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

.table td, .table th {
    border-color: var(--border-color);
}

.modal-content {
    background-color: var(--background-secondary);
    border-color: var(--border-color);
}

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

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

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

.dropdown-item:hover {
    background-color: var(--background-primary);
}

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

/* Ajustement pour input et select */
.form-control, .form-select {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.form-control:focus, .form-select:focus {
    background-color: var(--card-bg);
    color: var(--text-primary);
}

/* Boutons en mode sombre */
.btn-secondary {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.btn-secondary:hover {
    background-color: var(--background-primary);
    border-color: var(--border-color);
    color: var(--techsolut-gradient-start);
}

/* Ajustements pour textes et titres */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

a {
    color: var(--techsolut-gradient-start);
}

a:hover {
    color: var(--techsolut-gradient-end);
}

/* Pour les tableaux et list-groups */
.list-group-item {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Ajustement pour pagination */
.page-link {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--techsolut-gradient-start);
}

.page-item.active .page-link {
    background: var(--techsolut-gradient);
    border-color: var(--techsolut-gradient-start);
    color: var(--text-primary);
}