/* Global Font Fallback System for Dunco School Management System */
/* This ensures text renders properly even when custom fonts fail to load */

/* Base font stack with system fonts as fallback */
html, body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Font loading states */
.font-loading {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.font-loaded {
    font-family: 'Inter', 'Poppins', 'Roboto', 'Figtree', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Ensure all text elements have proper fallbacks */
body, h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, textarea, select, label, li, td, th {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.font-loaded body, 
.font-loaded h1, 
.font-loaded h2, 
.font-loaded h3, 
.font-loaded h4, 
.font-loaded h5, 
.font-loaded h6, 
.font-loaded p, 
.font-loaded span, 
.font-loaded div, 
.font-loaded a, 
.font-loaded button, 
.font-loaded input, 
.font-loaded textarea, 
.font-loaded select, 
.font-loaded label, 
.font-loaded li, 
.font-loaded td, 
.font-loaded th {
    font-family: 'Inter', 'Poppins', 'Roboto', 'Figtree', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Bootstrap and other framework overrides */
.font-loaded .btn,
.font-loaded .form-control,
.font-loaded .navbar-brand,
.font-loaded .nav-link,
.font-loaded .card-title,
.font-loaded .card-text,
.font-loaded .alert,
.font-loaded .modal-title,
.font-loaded .modal-body {
    font-family: 'Inter', 'Poppins', 'Roboto', 'Figtree', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Tailwind CSS overrides */
.font-loaded .font-sans,
.font-loaded .text-sm,
.font-loaded .text-base,
.font-loaded .text-lg,
.font-loaded .text-xl,
.font-loaded .text-2xl,
.font-loaded .text-3xl,
.font-loaded .text-4xl,
.font-loaded .text-5xl {
    font-family: 'Inter', 'Poppins', 'Roboto', 'Figtree', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Force system fonts for critical elements if custom fonts fail */
.font-fallback {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Animation to prevent layout shift */
.font-transition {
    transition: font-family 0.1s ease-in-out;
}