@layer components {
    .nav-link {
        @apply text-sm font-semibold text-gray-700 hover:text-primary transition-colors duration-200 flex items-center gap-1 cursor-pointer;
    }
    .dropdown-item {
        @apply block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors cursor-pointer;
    }
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.group:hover .dropdown-menu {
    display: block;
}

body {
    @apply font-sans;
}