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

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

/* Global Kalpurush font application */
* {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Custom Bangla font classes */
.font-kalpurush {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif;
}

.font-solaimanligi {
    font-family: 'SolaimanLipi', 'Kalpurush', Arial, sans-serif;
}

/* Bangla text styling */
.bangla-text {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif;
    line-height: 1.6;
}

/* Ensure FontAwesome icons maintain their font-family */
i.fas, i.fab, i.far, i.fa, i.fa-solid, i.fa-regular, i.fa-brands {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal;
}

/* Comprehensive Kalpurush Font Application for Complete Workspace */
html, body {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* All text elements */
h1, h2, h3, h4, h5, h6, p, div, span, a, li, ul, ol, td, th, label {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Form elements */
input, textarea, select, button, option {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Table elements */
table, thead, tbody, tfoot, tr, td, th {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Navigation and menu elements */
nav, nav a, nav li, nav ul, nav ol {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Card and container elements */
.card, .container, .wrapper, .content {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Bootstrap and framework overrides */
.btn, .form-control, .form-select, .form-check-label, .form-label {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Tailwind CSS overrides */
.text-sm, .text-base, .text-lg, .text-xl, .text-2xl, .text-3xl, .text-4xl, .text-5xl, .text-6xl {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Specific class overrides */
.font-sans, .font-serif, .font-mono {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Dropdown and modal elements */
.dropdown, .dropdown-menu, .dropdown-item, .modal, .modal-dialog, .modal-content {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Alert and notification elements */
.alert, .notification, .popup, .toast {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Dashboard and report specific elements */
.dashboard, .report-section, .nav-card, .welcome-text {
    font-family: 'Kalpurush', 'SolaimanLipi', Arial, sans-serif !important;
}

/* Custom dropdown styling for Tailwind compatibility */
.dropdown-content.show {
    display: block !important;
}

/* Smooth transitions for all interactive elements */
.transition-all {
    transition: all 0.3s ease;
}

/* Focus states for better accessibility */
input:focus, button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

/* Custom scrollbar for dropdown */
.dropdown-content::-webkit-scrollbar {
    width: 6px;
}

.dropdown-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.dropdown-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #ffffff;
    }

    .card, .container, .wrapper, .content {
        background-color: #1e1e1e;
        color: #ffffff;
    }

    .dropdown-content {
        background-color: #1e1e1e;
        color: #ffffff;
    }

    .alert, .notification, .popup, .toast {
        background-color: #1e1e1e;
        color: #ffffff;
    }
}

/* Custom text color utility for secretariate dashboards */
.text-black-600 {
    color: #262626 !important; /* A mid-dark neutral tone */
}
/* Optional dark mode override to keep readability */
.dark .text-black-600 {
    color: #e5e7eb !important; /* Tailwind gray-200 equivalent */
}