@font-face {
  font-family: "Gazpacho";
  src: url("./asset/font/Gazpacho%20Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Gazpacho";
  src: url("./asset/font/Gazpacho%20Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  --naskun-yellow: #ffb703;
  --naskun-dark: #342c27;
  --naskun-cream: #fffbf2;
}

.font-gazpacho {
  font-family: "Gazpacho", Georgia, serif;
}

.font-inter {
  font-family: "Inter", sans-serif;
}

/* ===== Auth Navbar Avatar ===== */
.auth-menu {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.96);
  transform-origin: top right;
  transition:
    opacity 220ms ease,
    transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.auth-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.menu-card:hover .menu-card-image,
.menu-card:focus-visible .menu-card-image {
  transform: scale(1.08);
}

.menu-card:hover .menu-card-overlay,
.menu-card:focus-visible .menu-card-overlay {
  opacity: 1;
}

.menu-card:hover .menu-card-title,
.menu-card:focus-visible .menu-card-title {
  color: #000000;
}

.best-seller-card:hover .best-seller-image,
.best-seller-card:focus-visible .best-seller-image {
  transform: scale(1.08);
}

.best-seller-card:hover .best-seller-overlay,
.best-seller-card:focus-visible .best-seller-overlay {
  opacity: 1;
}