/* Kontrastikorjaukset (WCAG AA). Fonttikokoa tai fonttia ei muuteta, vain väriä. */

/* 1) Yläpalkin valikon ei-aktiiviset ja hover-linkit vaalean tekstin kontrastia nostettu tummalla taustalla */
.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.85);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.97);
}

/* 2) Tummalla/värillisellä taustalla olevan vaalean tekstin (text-white-50) kontrasti nostettu, koskee footeria ja mm. korttien otsikkopalkkeja */
.text-white-50 {
  color: rgba(255, 255, 255, 0.8) !important;
}

footer .link-light.link-opacity-75 {
  --bs-link-opacity: 0.95;
}

/* 3) Vaalea teksti vaaleilla/valkoisilla taustoilla tummennettu */
.text-secondary {
  color: var(--bs-dark) !important;
}

/* 4) bg-success on liian vaalea valkoiselle tekstille korttien otsikkopalkeissa: tummennettu vastaamaan bg-primaryn kontrastia */
.card-header.bg-success {
  background-color: var(--bs-primary) !important;
}

/* 4b) Korttien otsikkopalkkien alaotsikot (text-white-50) tarvitsevat vielä korkeamman kontrastin bg-primaryn päällä */
.card-header .text-white-50 {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* 5) text-success ei erotu tarpeeksi vaaleansinisellä alert-info-taustalla */
.alert-info .text-success {
  color: var(--bs-dark) !important;
}

/* 6) Alasvetovalikon aktiivisen kohteen tausta liian vaalea valkoiselle tekstille */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-primary) !important;
}

/* 7) text-success (vaalea vihreä) ei erotu tarpeeksi vaaleilla/valkoisilla taustoilla */
.text-success {
  color: var(--bs-dark) !important;
}

/* 8) bg-success + valkoinen teksti (esim. hero-osiot) liian vaalea kontrastiksi: tummennettu vastaamaan bg-primaryn kontrastia */
.bg-success.text-white {
  background-color: var(--bs-primary) !important;
}

/* 9) btn-outline-secondary käyttää teeman vaaleaa vihreää (--bs-secondary): ei erotu tarpeeksi valkoisella taustalla */
.btn-outline-secondary {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-active-bg: var(--bs-dark);
  --bs-btn-active-border-color: var(--bs-dark);
}