/* =========================================
   1. OFFLINE FONTS
   (Make sure files are in assets/fonts/)
   ========================================= */

/* Regular Text (400) */
 /*@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/latin-regular.woff2') format('woff2');
}

/* Bold Text (700) */
/*@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/latin-bold.woff2') format('woff2');
} */


/* Subtle animated glow behind hero search bar 
.hero-glow {
  animation: heroGlowPulse 6s ease-in-out infinite;
}

@keyframes heroGlowPulse {
  0%, 100% {
    opacity: 0.45;
    transform: scale(1);
    filter: blur(28px);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.03);
    filter: blur(32px);
  }
}

body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }
    :root {
      --primary: #1e3a8a; /* Deep Royal Blue */
      --secondary: #d97706; /* Warm Gold/Amber */
    }

    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }
    /* Smooth hover animation for cards */
    .card-hover {
      transition: transform 200ms ease, box-shadow 200ms ease;
    }

    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    }

    /* Smooth show/hide for mobile menu */
    .mobile-menu-enter {
      opacity: 0;
      transform: translateY(-0.5rem);
    }

    .mobile-menu-enter-active {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 150ms ease-out, transform 150ms ease-out;
    }

    .mobile-menu-exit {
      opacity: 1;
      transform: translateY(0);
    }

    .mobile-menu-exit-active {
      opacity: 0;
      transform: translateY(-0.5rem);
      transition: opacity 150ms ease-in, transform 150ms ease-in;
    }
  