@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("/fonts/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/outfit.woff2") format("woff2");
}

:root {
  --paper: #F7F6F2;
  --ink: #141816;
  --accent: #0F6E56;
  --paper-2: #ECEAE4;
  --ink-soft: rgba(20, 24, 22, 0.72);
}

html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
}

.popup::backdrop {
  background: rgba(20, 24, 22, 0.55);
}

.faq__q::-webkit-details-marker {
  color: #0F6E56;
}

.hero__card {
  box-shadow: 0 18px 40px rgba(20, 24, 22, 0.08);
}