:root {
  --bourg-chevreau-1: #F6EFE7;
  --bourg-chevreau-2: #E3CAB4;
  --bourg-chevreau-3: #DAE4F1;
  --bourg-chevreau-4: #7EA1CE;

}


html {
  scroll-behavior: smooth;
}

.hero-highlight {
  color: var(--bourg-chevreau-4);
  border: 3px solid var(--bourg-chevreau-4);
  background-color: var(--bourg-chevreau-3);

}

.dot {
  background-color: var(--bourg-chevreau-3);
  border: 3px solid var(--bourg-chevreau-4);
}


.dot-rose { background: var(--pink-0); border-color: var(--pink-2); }

/* "alternance." */
.hero-accent {
  color: var(--bourg-chevreau-2);
}


.btn-primaire {
  background: var(--bourg-chevreau-1);
  color: var(--bourg-chevreau-2);
  border: 2px solid var(--bourg-chevreau-1);
}

.btn-primaire:hover {
    border: 2px solid var(--bourg-chevreau-2);
    color: var(--bourg-chevreau-2);
}

.btn-secondaire {
  border: 2px solid var(--bourg-chevreau-4);
  color: var(--bourg-chevreau-4);
}

.btn-secondaire:hover {
    background: var(--bourg-chevreau-4);
}



.s2-tags span {
    border: 1px solid var(--bourg-chevreau-2);
    color: var(--bourg-chevreau-2);
}

.vignette-etape.active {
   box-shadow: inset 0 0 0 2px var(--bourg-chevreau-2);
}

.vignette-etape.active span{
    color: var(--bourg-chevreau-2);
}