:root {
  --bs-font-family-heading: 'Outfit', sans-serif;
}

/* === EVAD — Contrôle simple des couleurs du fond global ================== */

/* Modifie UNIQUEMENT les variables ci-dessous pour changer le rendu. */

/* Rien d'autre ne bouge (mask, taille, position sont laissés intacts). */

:root {
  --bg-base: #1b1c1e;
  --bg-blue: #021140;
  --bg-indigo: rgb(35, 5, 73);
  --bg-anthra: #13151b;
  --stop-1: 35%;
  --stop-2: 52%;
  --stop-3: 53%;
  --stop-4: 56%;
  --stop-5: 67%;
}

/* OVERRIDE SÛR : on remplace UNIQUEMENT la propriété background */

.bg-gradient-body::before {
  background: linear-gradient( 112deg, var(--bg-base) var(--stop-1), var(--bg-blue) var(--stop-2), var(--bg-blue) var(--stop-3), var(--bg-indigo) var(--stop-4), var(--bg-anthra) var(--stop-5), transparent 100% ), var(--bg-base) !important;
  background-size: 200% 3300px !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
}

/* Sécurité : s'assurer que le conteneur du fond est bien positionné */

.bg-gradient-body {
  position: relative;
}

/* === Couleur de fond globale (bas de page) ============================== */

:root {
  --bg-base: #0b0f19;
  --bs-body-bg: #0b0f19;
}

/* S'assure que le fond hors pseudo-élément est bien #0b0f19 */

body {
  background-color: var(--bs-body-bg) !important;
}

/* Si tu utilises mon override du gradient, il prend cette base automatiquement.   Sinon, on force la couche de base de ton gradient à utiliser --bg-base : */

.bg-gradient-body::before {
  background: linear-gradient( 112deg, var(--bg-base) 35%, #021140 52%, #021140 53%, rgb(35, 5, 73) 56%, #13151b 67%, transparent 100% ), var(--bg-base) !important;
  background-size: 200% 3300px !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
}

/* === Focus Bootstrap : remplace le vert global ========================= */

/* === EVAD — Focus Bootstrap : remplace UNIQUEMENT le vert global (ring/bordure) === */

:root {
  --evad-focus: #5b21b6;
  --evad-focus-ring: rgba(91, 33, 182, .45);
}

/* Champs & select : uniquement à la prise de focus */

.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--evad-focus) !important;
  box-shadow: 0 0 0 .25rem var(--evad-focus-ring) !important;
  outline: 0;
}

/* Boutons & pagination : uniquement au focus clavier */

.btn:focus, .btn-check:focus + .btn, .page-link:focus {
  border-color: var(--evad-focus) !important;
  box-shadow: 0 0 0 .25rem var(--evad-focus-ring) !important;
  outline: 0;
}

/* Accordéon :   - ring au focus clavier   - bordure violette lorsque l’item est OUVERT (not .collapsed)   (aucun changement de fond) */

.accordion-button:focus {
  border-color: var(--evad-focus) !important;
  box-shadow: 0 0 0 .25rem var(--evad-focus-ring) !important;
  outline: 0;
}

.accordion-button:not(.collapsed) {
  border-color: var(--evad-focus) !important;
}

/* Optionnel : désactiver le ring vert Safari/iOS (pour éviter un doublon) */

*:focus {
  outline-color: var(--evad-focus) !important;
}

/* ——— Dropdown : pas de flash vert, pas d'outline, pas de box-shadow ——— */

.navbar .dropdown-item:focus, .navbar .dropdown-item:active, .navbar .dropdown-item.active {
  background-color: rgba(255,255,255,0.06) !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Survol discret (si tu veux exactement ce gris doux) */

.navbar .dropdown-item:hover {
  background-color: rgba(255,255,255,0.06);
}

/* Le déclencheur du dropdown ne doit pas afficher de bordure/flash */

.navbar .nav-link:focus, .navbar .nav-link:active, .navbar .nav-link.show, .navbar .nav-link.dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Optionnel : léger renfort de graisse pour l’item actif du menu déroulant */

.navbar .dropdown-item.active {
  font-weight: 600;
}

section {
}