/* Thème Montreux — tokens du front intranet (voir ../../BRANDING.md).
   Chargé en dernier : remplace le custom.css de fruity_twentythree. */

:root {
    --mx-vert: #7c9a92;
    --mx-vert-fonce: #588378;
    --mx-vert-clair: #a1bab3;
    --mx-citron: #fff200;
    --mx-encre: #161616;
    --mx-fond: #f9f8f6;
    --mx-beige: #eae1ce;
    --mx-succes: #5e951f;
    --mx-alerte: #ff932e;
    --mx-erreur: #ec4224;

    --bs-primary: var(--mx-vert);
    --bs-primary-rgb: 124, 154, 146;
    --bs-link-color: var(--mx-vert-fonce);
    --bs-link-hover-color: var(--mx-encre);
    --bs-body-color: var(--mx-encre);
    --bs-body-bg: var(--mx-fond);
}

body {
    background-color: var(--mx-fond);
    color: var(--mx-encre);
}

/* Boutons d'action (suivant, précédent, envoyer) */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--mx-vert);
    --bs-btn-border-color: var(--mx-vert);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--mx-vert-fonce);
    --bs-btn-hover-border-color: var(--mx-vert-fonce);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--mx-vert-fonce);
    --bs-btn-active-border-color: var(--mx-vert-fonce);
    --bs-btn-disabled-bg: var(--mx-vert-clair);
    --bs-btn-disabled-border-color: var(--mx-vert-clair);
}

.btn-outline-primary,
.btn-secondary {
    --bs-btn-color: var(--mx-vert-fonce);
    --bs-btn-border-color: var(--mx-vert-clair);
    --bs-btn-bg: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--mx-vert-fonce);
    --bs-btn-hover-border-color: var(--mx-vert-fonce);
}

/* Barre de progression */
.progress {
    background-color: var(--mx-beige);
}
.progress-bar {
    background-color: var(--mx-vert);
}

/* Focus clavier — accessibilité : contraste sur fond chaud */
:focus-visible,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--mx-vert-fonce);
    box-shadow: 0 0 0 0.2rem rgba(124, 154, 146, 0.4);
    outline: none;
}

.form-check-input:checked {
    background-color: var(--mx-vert);
    border-color: var(--mx-vert);
}

/* Encarts (bienvenue, message de fin) */
.question-container,
.group-description,
.survey-welcome {
    background-color: #fff;
    border-radius: 6px;
}

/* En-tête : le logo communal ne doit pas écraser la page */
.logo-container img,
img.logo {
    max-height: 56px;
    width: auto;
}

/* Messages de validation du formulaire */
.text-success, .em-success { color: var(--mx-succes) !important; }
.text-warning, .em-warning { color: var(--mx-alerte) !important; }
.text-danger, .em-error, .ls-em-error { color: var(--mx-erreur) !important; }

/* Accent citron : réservé aux surlignages, jamais en aplat de fond large */
mark, .mx-accent {
    background-color: var(--mx-citron);
    color: var(--mx-encre);
    padding: 0 0.15em;
}

/* Question obligatoire */
.asterisk, .ls-asterisk {
    color: var(--mx-erreur);
}