/* Chappati Wala — bindings on top of the compiled Tailwind (app.css).
   The original used Fraunces (display) + Inter (body) via next/font; here we
   load them from Google Fonts and bind the same CSS variables so nothing about
   the design changes. */

:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-body);
}
.font-display {
  font-family: var(--font-display);
}

/* Scroll reveal — replaces the framer-motion <Reveal> (opacity 0→1, y 22→0). */
.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--reveal-delay, 0s);
  will-change: opacity, transform;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* keep the sticky header below the WP admin bar when logged in */
.admin-bar header.sticky {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar header.sticky {
    top: 46px;
  }
}