/* assets/css/navigation.css */
.nav-link {
    position: relative;
    display: inline-flex;
    padding-bottom: 0.25rem;
    transition: color 300ms ease;
}

.nav-link:hover {
    color: #F6A313; /* Tailwind 'accent' color */
}

.nav-underline {
    position: absolute;
    left: 0;
    bottom: -0.125rem;
    height: 0.125rem;
    width: 100%;
    transform-origin: left;
    transform: scaleX(0);
    background-color: #F6A313; /* Tailwind 'accent' color */
    transition: transform 300ms ease-out;
}

.nav-link:hover .nav-underline {
    transform: scaleX(1);
}