/* ════════════════════════════════════════════════════════════════════════
   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.
   --bs-btn-*color repris explicitement : Bootstrap pose #fff en dur sur .btn-primary (--bs-btn-color/
   -hover-color/-active-color/-disabled-color) — sans cet override le texte reste blanc même quand
   --brand devient une couleur claire (ambre Dépa-neo = 2.1:1, sous le seuil AA). Fix a11y 07-20,
   --brand-text-on (KrakenBrand#text_on_brand, kraken_ui). Repli #fff = rendu actuel inchangé. */
.btn-primary{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-color: var(--brand-text-on,#fff);
  --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-hover-color: var(--brand-text-on,#fff);
  --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-active-color: var(--brand-text-on,#fff);
  --bs-btn-disabled-bg: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
  --bs-btn-disabled-color: var(--brand-text-on,#fff);
}
.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-hover-color: var(--brand-text-on,#fff);
  --bs-btn-active-bg: var(--brand);
  --bs-btn-active-border-color: var(--brand);
  --bs-btn-active-color: var(--brand-text-on,#fff);
}

/* 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:var(--brand-text-on,#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;
}