/* ════════════════════════════════════════════════════════════════════════
   Bootstrap BRANCHÉ sur les tokens kraken (décisions #0012/#0013).
   Chargé APRÈS bootstrap.min.css. Les composants « primary » suivent le THÈME par app
   (var(--brand) = ambre en Dépa-neo, indigo en neutre) — sans recompiler de Sass.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  --bs-primary: var(--brand);
  --bs-link-color: var(--brand);
  --bs-link-hover-color: color-mix(in srgb, var(--brand) 82%, #000);
}

/* Boutons : Bootstrap 5.3 les pilote par CSS vars locales → override sur le token */
.btn-primary{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: color-mix(in srgb, var(--brand) 88%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--brand) 88%, #000);
  --bs-btn-active-bg: color-mix(in srgb, var(--brand) 80%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--brand) 80%, #000);
  --bs-btn-disabled-bg: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
}
.btn-outline-primary{
  --bs-btn-color: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand);
  --bs-btn-hover-border-color: var(--brand);
  --bs-btn-active-bg: var(--brand);
  --bs-btn-active-border-color: var(--brand);
}

/* Utilities de couleur */
.bg-primary{ background-color: var(--brand) !important; }
.text-primary{ color: var(--brand) !important; }
.text-bg-primary{ background-color: var(--brand) !important; color:#fff !important; }
.border-primary{ border-color: var(--brand) !important; }

/* Navbar sombre = navbar ink du thème (Dépa-neo) */
.navbar.bg-dark, .navbar.bg-primary{
  background: linear-gradient(135deg, var(--nav-bg-start), var(--nav-bg-end)) !important;
}