/*
|--------------------------------------------------------------------------
| UKMB Global Typography Governance — 04 Oct 2026
|--------------------------------------------------------------------------
| Loaded after page CSS. This file governs FONT FAMILY only; individual
| pages remain free to choose their approved size/spacing where required.
|
| Approved contract:
|   Headings/titles = Playfair Display
|   Body/UI         = Inter
|   Numeric/IDs     = UKMBNumeric
|   Urdu            = Jameel Noori Nastaleeq Regular (when asset exists)
|--------------------------------------------------------------------------
*/

:root{
    --ukmb-font-heading:"Playfair Display",Georgia,serif;
    --ukmb-font-body:"Inter","Segoe UI",Roboto,Arial,sans-serif;
    --ukmb-font-numeric:"UKMBNumeric","Segoe UI",Arial,sans-serif;
    --ukmb-font-urdu:"JameelNoori","Jameel Noori Nastaleeq Regular",serif;
}

/* Display typography */
body h1,
body h2,
body h3,
body h4,
body .page-title,
body .section-title,
body .card-title,
body .modal-title,
body .hero-title,
body .ukmb-page-title,
body .ukmb-section-title,
body .ukmb-card-title{
    font-family:var(--ukmb-font-heading)!important;
}

/* Normal website/admin/user interface text */
body,
body p,
body li,
body td,
body th,
body label,
body small,
body a,
body button,
body input,
body select,
body textarea{
    font-family:var(--ukmb-font-body)!important;
}

/* Numeric family — never use a decorative/serif face for counts, IDs,
   prices, statistics, serials, percentages or numeric status values. */
body .ukmb-numeric,
body .ukmb-number,
body .numeric,
body .member-id,
body .reference-id,
body .price,
body .stat-number,
body [class*="count"],
body [class*="number"],
body [class*="amount"],
body [class*="price"],
body [class*="score"]{
    font-family:var(--ukmb-font-numeric)!important;
    font-variant-numeric:tabular-nums lining-nums;
    font-synthesis:none;
}

/* Urdu is the only deliberate language-level exception. */
body .urdu,
body .urdu *,
body .urdu-text,
body .urdu-text *{
    font-family:var(--ukmb-font-urdu)!important;
}

/* The numeric/code exception inside Urdu stays numeric. */
body .urdu .ukmb-numeric,
body .urdu .ukmb-number,
body .urdu .numeric,
body .urdu .member-id,
body .urdu .reference-id,
body .urdu .price,
body .urdu .stat-number{
    font-family:var(--ukmb-font-numeric)!important;
}

/* Emoji/icon glyph exceptions — these are pictograms, not UI typography. */
body .ukmb-member-card__heart span,
body .ukmb-emoji-grid button,
body .ukmb-verified-tick,
body .ukmb-member-card__verified{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}