/* oui.ch — finitions "cosmique raffiné" par-dessus le thème Typhoon.
   Chargé après le CSS du thème. Désactiver le plugin restaure l'origine. */

:root{
  --oui-night:#0E0F1A;
  --oui-night2:#0B0C16;
  --oui-accent:#9A8CFF;
  --oui-gold:#D8B06A;
}

/* Fond nuit profond, légèrement dégradé */
html.dark body{
  background:linear-gradient(180deg, #0E0F1A 0%, #0B0C16 100%) !important;
  background-attachment:fixed !important;
  color:#E7E8F0 !important;
}

/* Voile des images de héros : lisibilité des titres + fondu dans la nuit */
.bg-cover.bg-center.bg-no-repeat{
  background-image:linear-gradient(180deg,
      rgba(11,12,22,.30) 0%,
      rgba(11,12,22,.55) 55%,
      rgba(11,12,22,.92) 100%) !important;
}
img.background-image{filter:saturate(.85) brightness(.92);}

/* Titres : police sans-serif du thème conservée, on ajuste teinte et graisse */
h1{font-weight:700;}
h2,h3{color:#F3EFFF !important; font-weight:600;}

/* Filet doré discret sur les titres de section (h2) */
h2{
  border-left:3px solid var(--oui-gold);
  padding-left:.6rem;
  line-height:1.2;
}

/* Héros : titre réellement centré verticalement, dans une hauteur maîtrisée.
   (Le thème colle sinon le titre en haut après le padding ; ici on centre.) */
#hero{min-height:24rem;}
#hero > .relative{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:24rem;
  padding-top:6rem !important;    /* plancher : dégage la barre de menu */
  padding-bottom:6rem !important;
}
@media (max-width:768px){
  #hero, #hero > .relative{min-height:19rem;}
  #hero > .relative{padding-top:5rem !important; padding-bottom:4rem !important;}
}

/* Confort de lecture */
.xl\:container{max-width:64rem;}
.content p, article p, .content li{line-height:1.78;}