/*
 * Plugin Accessibilité GLPI — Modes couleur
 *
 * Quatre états mutuellement exclusifs, pilotés par data-a11y-color-mode sur
 * <html> (préférence utilisateur `color_mode`). AUCUNE auto-activation depuis
 * l'OS : ces filtres altèrent fortement le rendu et relèvent d'un choix explicite.
 *
 * Feuille autonome : elle ne dépend PAS de l'interrupteur maître
 * (data-a11y-baseline), au même titre que a11y-contrast.css ou a11y-font.css.
 * Le filtre s'applique dès que l'utilisateur choisit un mode dans le widget ;
 * l'état « normal » ne pose aucun attribut et laisse le rendu GLPI intact.
 *
 * Le filtre est posé sur <html> et non sur <body> : un filter sur un ancêtre
 * crée un containing block pour position:fixed, ce qui casserait le widget
 * s'il était posé plus bas dans l'arbre.
 *
 * Aucune règle ne touche au background des <img> : appliquer une couleur de fond
 * aux images masque les visuels dont le rendu dépend de leur transparence.
 */

html[data-a11y-color-mode="grayscale"] {
    filter: grayscale(1);
}

html[data-a11y-color-mode="high-saturation"] {
    filter: saturate(2);
}

html[data-a11y-color-mode="low-saturation"] {
    filter: saturate(0.5);
}