@font-face {
    font-family: 'Reem Kufi Ink';
    src: url('../fonts/google/ReemKufiInk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mehr";
    src: url("/static/fonts/mehr.woff2") format("woff2");
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}

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


/* --- Global Application --- */
body,
.font-smart {
    font-family: 'Mehr', serif;
}

/* --- Helper Classes --- */
.font-mehr,
.font-urdu {
    font-family: 'Mehr', serif;
}

.font-arabic {
    font-family: 'Amiri', serif;
    font-size: 1.1em;
}

.font-ruqaa {
    font-family: 'Aref Ruqaa Ink', serif;
}

.font-kufi {
    font-family: 'Reem Kufi Ink', sans-serif;
}

/* Force 'Mehr' font on all inputs globally or specifically for form containers */
input,
select,
textarea {
    font-family: 'Mehr', serif !important;
    background-color: transparent !important;
    /* Force transparent background */
    color: inherit !important;
    /* Inherit text color from parent (usually white in dark mode) */
}

/* Fix for Select Dropdown Options (The list itself) */
select option {
    background-color: #0f172a !important;
    /* Dark Slate 900 */
    color: white !important;
}

.mehr {
    font-family: 'Mehr', serif !important;
    line-height: 1.6;
}