@font-face {
  font-family: "Inter";
  src: url("../media/fonts/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "IM Fell English";
  src: url("../media/fonts/im-fell-english-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "IM Fell English";
  src: url("../media/fonts/im-fell-english-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

.skip-link {
  position: fixed;
  left: 1rem;
  top: 1rem;
  z-index: 10000;
  padding: .7rem 1rem;
  color: #111;
  background: #f0b35a;
  border: 1px solid #fff1cc;
  transform: translateY(-180%);
  transition: transform .15s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

/* Slightly stronger values retain the palette while meeting small-text contrast. */
.text-gray-500 { color: #8a9099 !important; }
.text-gray-600 { color: #7f8791 !important; }
.text-gray-700 { color: #858c96 !important; }
.text-gray-800 { color: #7f8791 !important; }
.text-amber-700 { color: #d08a36 !important; }
.text-amber-800 { color: #c47a31 !important; }
.text-red-500 { color: #f26b6b !important; }

#open-book-btn { color: #dc915d !important; }
#continue-reading-btn { color: #8a9099 !important; }

:focus-visible {
  outline: 2px solid #f0b35a;
  outline-offset: 3px;
}

.formkit-powered-by-convertkit-container { display: none !important; }