/* Couleurs spécifiques pour la page index.html */
:root {
    --primary: #146cca;       /* Bleu principal */
    --primary-dark: #0e5099;  /* Bleu foncé */
    --gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

/* Remplacer les ombres spécifiques */
.form-group input:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(20, 108, 202, 0.2);
}

/* Assurez-vous que tous les éléments utilisent la nouvelle couleur */
.badge-new {
    background: var(--primary);
}

.highlight {
    color: var(--primary);
}

.nav-button {
    background: var(--primary);
}

.nav-button:hover {
    background: var(--primary-dark);
}

.download-button-new.primary {
    background: var(--primary);
}

.download-button-new.primary:hover {
    background: var(--primary-dark);
}

.particle-1 {
    background: var(--primary);
}

.feature-icon {
    background: var(--primary);
}

.submit-button {
    background: var(--primary);
}

.submit-button:hover {
    background: var(--primary-dark);
}

/* Autres éléments spécifiques à la page index qui utilisent la couleur primaire */