/* Custom styles beyond Tailwind */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile menu animations */
#mobileMenu.open #bar1 {
    transform: translateY(7px) rotate(45deg);
}
#mobileMenu.open #bar2 {
    opacity: 0;
}
#mobileMenu.open #bar3 {
    transform: translateY(-7px) rotate(-45deg);
}

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Subtle image hover zoom */
img {
    transition: transform 0.4s ease;
}

/* Selection color */
::selection {
    background-color: #E5552A;
    color: white;
}