/* ============================================
   GLOBAL STYLES
   ============================================ */

/* Typography - Apply Tajawal font to all text elements */
body, html, p, span, div, a, h1, h2, h3, h4, h5, h6, label, input, textarea, select, button, td, th, li {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome Icons - Preserve icon fonts */
.fas, .far, .fal, .fab, .fa, i[class*="fa-"], i[class^="fa-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400;
}

.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400;
}

/* Scrollbar Styling */
* {
    scrollbar-width: thin;
    scrollbar-color: #9CA3AF transparent; /* thumb, track */
}

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #9CA3AF; /* gray-400 */
    border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #6B7280; /* gray-500 */
}