/* Custom Styles to supplement Tailwind CSS */

/* Import Google Fonts similar to Agnova */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

body {
    font-family: 'Geist', sans-serif;
    scroll-behavior: smooth;
}

/* Smooth View Transitions & Anti-Blink Page Animations */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 250ms;
}

.page-fade-out {
    opacity: 0;
    transition: opacity 150ms ease-out;
}

.page-fade-in {
    opacity: 1;
    transition: opacity 200ms ease-in;
}

/* Custom fade-in animation for mobile menu */
.menu-fade-enter {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
}

.menu-fade-enter-active {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: opacity 300ms, transform 300ms;
}

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

.menu-fade-exit-active {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
    transition: opacity 300ms, transform 300ms;
}