@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/plusjakarta-400.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/plusjakarta-600.woff2") format("woff2");
}
@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/newsreader-500.woff2") format("woff2");
}
@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/newsreader-500i.woff2") format("woff2");
}

:root {
  --paper: #F3F5F4;
  --ink: #1C2430;
  --accent: #8A3D4B;
  --paper-2: #E6EAE8;
}

html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

.display {
  font-family: Newsreader, Georgia, serif;
}

.hero-scrim {
  background:
    linear-gradient(180deg, rgba(28, 36, 48, 0.18) 0%, rgba(28, 36, 48, 0.55) 55%, rgba(28, 36, 48, 0.78) 100%);
}

.btn-ghost {
  box-shadow: inset 0 0 0 1.5px rgba(243, 245, 244, 0.85);
}

.faq__q::-webkit-details-marker {
  color: #8A3D4B;
}