/* assets/styles/theme-overrides.css
   Remplace le bleu par defaut de Bootstrap ("primary" #0d6efd) par l'accent vert
   de la charte. Les classes utilitaires (.bg-primary, .text-primary, .border-primary,
   .link-primary, .text-bg-primary) lisent --bs-primary(-rgb) dynamiquement : les
   surcharger dans :root suffit. Les composants (.btn-primary, .btn-outline-primary)
   et les etats de formulaire figent des valeurs litterales dans leur propre CSS :
   ils ont besoin de regles explicites. */

:root {
    --bs-primary: var(--m-accent2);
    --bs-primary-rgb: var(--m-accent2-rgb);
    --bs-primary-text-emphasis: var(--m-accent2);
    --bs-primary-bg-subtle: var(--m-accent-soft);
    --bs-primary-border-subtle: rgba(var(--m-accent-rgb), .35);
    --bs-link-color: var(--m-accent2);
    --bs-link-color-rgb: var(--m-accent2-rgb);
    --bs-link-hover-color: var(--m-ink);
    --bs-link-hover-color-rgb: var(--m-ink-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--m-accent2);
    --bs-btn-border-color: var(--m-accent2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--m-accent2);
    --bs-btn-hover-border-color: var(--m-accent2);
    --bs-btn-focus-shadow-rgb: var(--m-accent2-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--m-ink);
    --bs-btn-active-border-color: var(--m-ink);
    --bs-btn-disabled-color: var(--m-accent2);
    --bs-btn-disabled-border-color: var(--m-accent2);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--m-accent);
    box-shadow: 0 0 0 .25rem var(--m-accent-soft);
}

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

.form-check-input:focus {
    border-color: var(--m-accent);
    box-shadow: 0 0 0 .25rem var(--m-accent-soft);
}