/* Kalpurush font */
@font-face {
    font-family: 'Kalpurush';
    src: url('/fonts/kalpurush.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Monorope font */
@font-face {
    font-family: 'Monorope';
    src: url('/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('/fonts/Karla-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Ensure the fonts are available for usage */
.font-kalpurush {
    font-family: 'Kalpurush', sans-serif;
}

.font-monorope {
    font-family: 'Monorope', sans-serif;
}

.font-karla {
    font-family: 'Karla', sans-serif;
}


@layer components {
    /* Button Styles */
    .btn-primary {
        @apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-6 rounded flex items-center;
    }

    .btn-secondary {
        @apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-6 rounded flex items-center;
    }

    /* Card Styles */
    .card {
        @apply bg-[rgba(28,28,28,0.6)] text-white p-8 space-y-8 rounded-lg shadow-lg;
    }


    /* Navbar Styles */
    .navbar-link {
        @apply text-[#1C1C1C] font-monorope font-medium text-base leading-6 hover:text-[#009245];
    }


}