@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  src: url('../fonts/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
}

html {
  font-size: 18px;
}

body {
  font-family: "Atkinson Hyperlegible" !important;
  font-weight: 500;
}

.highlight-color-light-blue {
  background-color: rgb(217, 225, 228);
}

.highlight-color-parchment {
  background-color: rgb(250, 239, 226);
}

.highlight-color-red {
  background-color: rgb(235, 178, 159);
}

.btn-light-yellow{
    --bs-btn-color: #000;
    --bs-btn-bg: #ffe59f;
    --bs-btn-border-color: #ffe59f;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fbac00;
    --bs-btn-hover-border-color: #fbac00;
  }

.btn-dark-yellow{
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc21b;
    --bs-btn-border-color: #ffc21b;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d69300;
    --bs-btn-hover-border-color: #d69300;
  }

.btn-light-green{
    --bs-btn-color: #000;
    --bs-btn-bg: #d4f299;
    --bs-btn-border-color: #d4f299;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b9ea58;
    --bs-btn-hover-border-color: #b9ea58;
  }

.btn-dark-green{
    --bs-btn-color: #000;
    --bs-btn-bg: #81ae29;
    --bs-btn-border-color: #81ae29;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #648720;
    --bs-btn-hover-border-color: #648720;
  }

.bg-banner{
  background-color: #ffe59f;
}