/* ===== Studio Horizon – identité visuelle =====
   Bootstrap gère la mise en page et les composants.
   Ce fichier ne redéfinit que les couleurs de la marque. */

/* Palette : on remplace les variables Bootstrap,
   les classes bg-light, bg-dark, text-primary, text-body... suivent automatiquement */
:root {
  --bs-primary: #763f98;
  --bs-primary-rgb: 118, 63, 152; /* #763f98 en RGB */
  --bs-dark-rgb: 47, 33, 64; /* #2f2140 en RGB */
  --bs-light-rgb: 245, 240, 248; /* #f5f0f8 en RGB */
  --bs-body-color: #2f2140;
  --bs-body-color-rgb: 47, 33, 64; /* #2f2140 en RGB */
  --bs-heading-color: #2f2140;
  --bs-border-color: #8a8494;
}

html {
  scroll-padding-top: 4rem;
}

/* Bouton principal : Bootstrap fixe ses couleurs en dur, on les remplace ici */
.btn-primary {
  --bs-btn-bg: #763f98;
  --bs-btn-border-color: #763f98;
  --bs-btn-hover-bg: #5d2f7a;
  --bs-btn-hover-border-color: #5d2f7a;
  --bs-btn-active-bg: #5d2f7a;
  --bs-btn-active-border-color: #5d2f7a;
  --bs-btn-focus-shadow-rgb: 118, 63, 152; /* #763f98 en RGB */
}

/* Cases à cocher et champs : même chose pour le bleu par défaut */
.form-check-input:checked {
  background-color: #763f98;
  border-color: #763f98;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #763f98;
  box-shadow: 0 0 0 0.25rem rgba(118, 63, 152, 0.35);
}

/* Focus clavier visible sur les liens et boutons */
a:focus-visible,
button:focus-visible {
  outline: 3px solid #763f98;
  outline-offset: 3px;
}

.skip-link {
  z-index: 2000;
}

#form-status {
  color: #146c43;
}