/* ===== Couleurs des icônes SVG (sprite : Views/Shared/_SvgSprites.cshtml) =====
   La géométrie reste dans le sprite ; le design (couleurs) est défini ici via les
   variables --icon-bg (fond) et --icon-fg (glyphe), qui héritent jusqu'au <use>.
   Les valeurs proviennent des tokens de variables.css (thème Visa). */

/* Cartes accueil : notice / attestation / faq (fond bleu + glyphe doré) */
.home-card__icon {
    --icon-bg: var(--color-primary);
    --icon-fg: var(--color-icon-gold);
}

/* Avertissement (modales) : rouge danger par défaut, orange en variante */
.upload-error-icon {
    --icon-fg: var(--color-icon-danger);
}

.upload-error-icon--warning {
    --icon-fg: var(--color-icon-warning);
}

/* Statut de document — en attente (carré bleu-gris + fichier) */
.document-status-icon[data-status="pending"] {
    --icon-bg: var(--color-status-pending-bg);
    --icon-fg: var(--color-status-pending-fg);
}

/* Statut de document — complété (carré vert + coche) */
.document-status-icon[data-status="complete"] {
    --icon-bg: var(--color-status-success-bg);
    --icon-fg: var(--color-status-success-fg);
}

/* Statut de document — fichier uploadé (carré bleu + fichier) */
.uploaded-file-item .document-status-icon {
    --icon-bg: var(--color-status-uploaded-bg);
    --icon-fg: var(--color-status-uploaded-fg);
}

/* Spinner de chargement (#loading) : anneau gris + arc bleu */
.loading-spinner {
    --icon-bg: var(--color-border);
    --icon-fg: var(--color-primary);
}