/*
 * Tokens de marque MBB — source de vérité : MBB_CHARTE_GRAPHIQUE.md §8.
 * Chargé après Bootstrap. Sans compilation Sass, --bs-primary seul ne suffit pas :
 * les composants (.btn-primary...) sont surchargés explicitement ci-dessous.
 */
:root {
  /* Marque */
  --mbb-crust: #A34A1F;
  --mbb-crust-dark: #8A3D18;
  --mbb-crust-light: #F7ECE4;
  --mbb-crumb: #FBF6EE;
  --mbb-ink: #2B1F17;
  --mbb-ink-2: #6E5D50;
  --mbb-wheat: #E0A43A;
  --mbb-wheat-dark: #B8801A;
  --mbb-sage: #3F6B4F;
  --mbb-raspberry: #A8324F;
  --mbb-border: #E8DCCB;
  --mbb-danger: #B42318;

  /* Badges (fond / texte) */
  --mbb-badge-open-bg: #E4EEE7;
  --mbb-badge-open-fg: #2C4D38;
  --mbb-badge-season-bg: #F6E2E7;
  --mbb-badge-season-fg: #7A2139;
  --mbb-badge-closed-bg: #F1ECE6;
  --mbb-badge-closed-fg: #6E5D50;
  --mbb-badge-unknown-bg: #FFFFFF;
  --mbb-badge-unknown-fg: #6E5D50;
  --mbb-badge-accent-bg: #FBEDD3;
  --mbb-badge-accent-fg: #6B4A08;

  /* Typo */
  --mbb-font-display: 'Fraunces', Georgia, serif;
  --mbb-font-body: 'Figtree', system-ui, sans-serif;

  /* Formes */
  --mbb-radius-card: 14px;
  --mbb-radius-field: 8px;
  --mbb-radius-pill: 999px;
  --mbb-shadow-hover: 0 4px 16px rgba(43, 31, 23, .08);
  --mbb-shadow-popover: 0 .75rem 1.5rem rgba(0, 0, 0, .12), 0 .125rem .375rem rgba(0, 0, 0, .08);

  /* Pont Bootstrap */
  --bs-primary: var(--mbb-crust);
  --bs-primary-rgb: 163, 74, 31;
  --bs-body-color: var(--mbb-ink);
  --bs-body-bg: #FFFFFF;
  --bs-body-font-family: var(--mbb-font-body);
  --bs-secondary-color: var(--mbb-ink-2);
  --bs-border-color: var(--mbb-border);
  --bs-link-color: var(--mbb-crust);
  --bs-link-color-rgb: 163, 74, 31;
  --bs-link-hover-color: var(--mbb-crust-dark);
  --bs-success: var(--mbb-sage);
  --bs-danger: var(--mbb-danger);
  --bs-border-radius: var(--mbb-radius-field);
}

h1, h2, h3, .mbb-display { font-family: var(--mbb-font-display); }

.btn-primary {
  --bs-btn-bg: var(--mbb-crust);
  --bs-btn-border-color: var(--mbb-crust);
  --bs-btn-hover-bg: var(--mbb-crust-dark);
  --bs-btn-hover-border-color: var(--mbb-crust-dark);
  --bs-btn-active-bg: var(--mbb-crust-dark);
  --bs-btn-focus-shadow-rgb: 163, 74, 31;
  --bs-btn-border-radius: var(--mbb-radius-pill);
}

/*
 * Reliquats bleus de Bootstrap 5.3.3.
 * Les utilitaires (.text-primary, .bg-primary, .border-primary) lisent
 * --bs-primary-rgb et sont donc déjà couverts. Les composants ci-dessous, eux,
 * portent #0d6efd / #86b7fe / rgba(13,110,253,…) en dur dans le CSS compilé :
 * sans Sass, seule une surcharge explicite les rattrape.
 */
:root {
  --bs-focus-ring-color: rgba(163, 74, 31, .25);
}

.btn-outline-primary {
  --bs-btn-color: var(--mbb-crust);
  --bs-btn-border-color: var(--mbb-crust);
  --bs-btn-hover-bg: var(--mbb-crust);
  --bs-btn-hover-border-color: var(--mbb-crust);
  --bs-btn-active-bg: var(--mbb-crust-dark);
  --bs-btn-active-border-color: var(--mbb-crust-dark);
  --bs-btn-disabled-color: var(--mbb-crust);
  --bs-btn-disabled-border-color: var(--mbb-crust);
  --bs-btn-focus-shadow-rgb: 163, 74, 31;
  --bs-btn-border-width: 1.5px;
  --bs-btn-border-radius: var(--mbb-radius-pill);
}

/* États :focus des champs — l'anneau bleu était le bleu le plus visible du front. */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--mbb-crust);
  box-shadow: 0 0 0 .25rem rgba(163, 74, 31, .25);
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--mbb-crust);
  border-color: var(--mbb-crust);
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(163, 74, 31, .25);
}

.pagination {
  --bs-pagination-color: var(--mbb-crust);
  --bs-pagination-hover-color: var(--mbb-crust-dark);
  --bs-pagination-focus-color: var(--mbb-crust-dark);
  --bs-pagination-focus-bg: var(--mbb-crust-light);
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(163, 74, 31, .25);
  --bs-pagination-active-bg: var(--mbb-crust);
  --bs-pagination-active-border-color: var(--mbb-crust);
  --bs-pagination-border-color: var(--mbb-border);
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--mbb-crust);
  --bs-dropdown-link-hover-bg: var(--mbb-crust-light);
  --bs-dropdown-border-color: var(--mbb-border);
  --bs-dropdown-border-radius: var(--mbb-radius-field);
}

.list-group {
  --bs-list-group-active-bg: var(--mbb-crust);
  --bs-list-group-active-border-color: var(--mbb-crust);
  --bs-list-group-border-color: var(--mbb-border);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--mbb-crust);
}

.progress {
  --bs-progress-bar-bg: var(--mbb-crust);
}

/* Cyan `info` : aucun rôle dans la charte, ramené sur la primaire s'il apparaît. */
.btn-info,
.btn-outline-info {
  --bs-btn-bg: var(--mbb-crust);
  --bs-btn-border-color: var(--mbb-crust);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--mbb-crust-dark);
  --bs-btn-hover-border-color: var(--mbb-crust-dark);
}