/* Variables de couleurs globales (info, Tchap) utilisées par les thèmes et composants. */
@charset "UTF-8";

:root {
    --info-main-525: #1F75CB;
    --tchap: #374C72;
}

/*
 * Extension des couleurs de tag DSFR au span (le DSFR ne cible que a, button, input).
 * Pour le tag d'environnement dans le header (span.fr-tag).
 */
span.fr-tag.fr-tag--blue-france {
    color: var(--text-action-high-blue-france);
    background-color: var(--background-action-low-blue-france);
}

span.fr-tag.fr-tag--pink-tuile {
    color: var(--text-action-high-pink-tuile);
    background-color: var(--background-action-low-pink-tuile);
}

span.fr-tag.fr-tag--blue-ecume {
    color: var(--text-action-high-blue-ecume);
    background-color: var(--background-action-low-blue-ecume);
}

span.fr-tag.fr-tag--green-tilleul-verveine {
    color: var(--text-action-high-green-tilleul-verveine);
    background-color: var(--background-action-low-green-tilleul-verveine);
}

span.fr-tag.fr-tag--green-bourgeon {
    color: var(--text-action-high-green-bourgeon);
    background-color: var(--background-action-low-green-bourgeon);
}

span.fr-tag.fr-tag--green-emeraude {
    color: var(--text-action-high-green-emeraude);
    background-color: var(--background-action-low-green-emeraude);
}

span.fr-tag.fr-tag--green-menthe {
    color: var(--text-action-high-green-menthe);
    background-color: var(--background-action-low-green-menthe);
}

span.fr-tag.fr-tag--orange-terre-battue {
    color: var(--text-action-high-orange-terre-battue);
    background-color: var(--background-action-low-orange-terre-battue);
}

span.fr-tag.fr-tag--pink-macaron {
    color: var(--text-action-high-pink-macaron);
    background-color: var(--background-action-low-pink-macaron);
}

span.fr-tag.fr-tag--yellow-tournesol {
    color: var(--text-action-high-yellow-tournesol);
    background-color: var(--background-action-low-yellow-tournesol);
}

span.fr-tag.fr-tag--yellow-moutarde {
    color: var(--text-action-high-yellow-moutarde);
    background-color: var(--background-action-low-yellow-moutarde);
}

span.fr-tag.fr-tag--green-archipel {
    color: var(--text-action-high-green-archipel);
    background-color: var(--background-action-low-green-archipel);
}

span.fr-tag.fr-tag--blue-cumulus {
    color: var(--text-action-high-blue-cumulus);
    background-color: var(--background-action-low-blue-cumulus);
}

span.fr-tag.fr-tag--purple-glycine {
    color: var(--text-action-high-purple-glycine);
    background-color: var(--background-action-low-purple-glycine);
}