/* 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);
}

.pagination {
    --bs-pagination-padding-x: 1rem;
    --bs-pagination-padding-y: .5rem;
    --bs-pagination-color: var(--m-accent2);
    --bs-pagination-hover-color: var(--m-accent2);
    --bs-pagination-hover-bg: var(--m-accent-soft2);
    --bs-pagination-hover-border-color: var(--m-border);
    --bs-pagination-focus-color: var(--m-accent2);
    --bs-pagination-focus-bg: var(--m-accent-soft2);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem var(--m-accent-soft);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--m-accent2);
    --bs-pagination-active-border-color: var(--m-accent2);
    --bs-pagination-disabled-color: var(--m-muted);
}

/* Barre de progression Turbo (haut de page) : #0076ff fige en dur par
   @hotwired/turbo dans un <style> injecte en JS, pas via une custom property. */
.turbo-progress-bar {
    background: var(--m-accent2);
}