/*
 * Charte Référence Graphique sur les pages d'authentification d'Infycard.
 *
 * Infycard n'offre aucun réglage de couleur : son violet vit dans ses propres
 * feuilles de style. Plutôt que de les retoucher — une mise à jour du script
 * emporterait le travail — les surcharges vivent dans CE fichier, qui ne fait
 * partie du script à aucun titre.
 *
 * Une seule ligne est à réappliquer après une mise à jour d'Infycard :
 * le <link> vers ce fichier, dans resources/views/layouts/auth.blade.php,
 * placé APRÈS css/plugins.css.
 *
 * Voir docs/exploitation/2026-08-19-rebranding-infycard.md
 */

:root {
    --rg-orange: #F57E20;
    --rg-orange-fonce: #D96A12;
    --rg-sombre: #14100B;

    /* Teintes de lien : lisibles sur fond blanc, contrairement a l orange vif. */
    --rg-orange-lien: #AA540C;        /* 5,27:1 sur blanc */
    --rg-orange-lien-fonce: #8E4408;  /* 7,05:1 sur blanc */
}

/*
 * Les boutons principaux du parcours : connexion (.login-btn), inscription
 * (.register-btn) et mot de passe oublie (.reset-link). Trois classes
 * differentes pour un meme role, dans le script d origine.
 *
 * Les declarations portent !important : Infycard impose son violet de la
 * meme facon dans page.css, et une surcharge sans !important ne passe pas.
 *
 * Texte sombre sur l'orange, et non blanc : c'est le choix déjà fait sur le
 * site principal, parce que du blanc sur cet orange tombe à 2,6:1 — sous le
 * seuil de lisibilité. Le texte sombre monte à 8:1.
 */
.btn.login-btn,
.btn.register-btn,
.btn.reset-link,
.btn.login-btn:visited,
.btn.register-btn:visited,
.btn.reset-link:visited {
    background-color: var(--rg-orange) !important;
    border-color: var(--rg-orange) !important;
    color: var(--rg-sombre) !important;
}

.btn.login-btn:hover, .btn.register-btn:hover, .btn.reset-link:hover,
.btn.login-btn:focus, .btn.register-btn:focus, .btn.reset-link:focus,
.btn.login-btn:active, .btn.register-btn:active, .btn.reset-link:active,
.btn.login-btn:focus-visible, .btn.register-btn:focus-visible, .btn.reset-link:focus-visible,
.btn.login-btn.active, .btn.register-btn.active, .btn.reset-link.active {
    background-color: var(--rg-orange-fonce) !important;
    border-color: var(--rg-orange-fonce) !important;
    color: var(--rg-sombre) !important;
}

/* Bootstrap repeint le bouton actif par ses propres variables. */
.btn.login-btn:not(:disabled):not(.disabled):active,
.btn.register-btn:not(:disabled):not(.disabled):active,
.btn.reset-link:not(:disabled):not(.disabled):active,
.btn.login-btn:not(:disabled):not(.disabled).active,
.btn.register-btn:not(:disabled):not(.disabled).active,
.btn.reset-link:not(:disabled):not(.disabled).active {
    background-color: var(--rg-orange-fonce) !important;
    border-color: var(--rg-orange-fonce) !important;
    color: var(--rg-sombre) !important;
}

/* L'anneau de focus reprend l'orange : il doit rester visible au clavier. */
.btn.login-btn:focus-visible,
.btn.register-btn:focus-visible,
.btn.reset-link:focus-visible {
    box-shadow: 0 0 0 3px rgba(245, 126, 32, .45);
    outline: none;
}

/*
 * Les liens du parcours : « Créer un compte » et « Mot de passe oublié ? ».
 *
 * Ils partagent la classe .link-info du script, d'où le bleu. Les deux
 * passent à l'orange ensemble : n'en teindre qu'un laisserait son voisin
 * bleu, ce qui se lirait comme un oubli.
 *
 * L'orange de la marque n'est PAS utilisé ici. #F57E20 sur blanc tombe à
 * 2,66:1, très en dessous du seuil de lisibilité d'un texte. Cette teinte
 * plus sombre reste franchement orange et atteint 5,27:1. L'orange vif garde
 * sa place là où il est lisible : en aplat de bouton, sous un texte sombre.
 */
.link-info,
.link-info:visited {
    color: var(--rg-orange-lien) !important;
}

.link-info:hover,
.link-info:focus {
    color: var(--rg-orange-lien-fonce) !important;
    text-decoration: underline !important;
}

/* Au clavier, le lien doit se voir sans dépendre de la seule couleur. */
.link-info:focus-visible {
    outline: 2px solid var(--rg-orange-lien);
    outline-offset: 3px;
    border-radius: 2px;
}