/* ============================================================
   font.css — Typography for quran.akhirah.faith
   UI font  : Lateef (Arabic) + Playfair Display (Latin labels)
   Quran text: Scheherazade New + Hafs.ttf (unchanged)
   ============================================================ */

/* ── Hafs — local Quranic font ─────────────────────────────── */
@font-face {
    font-family: 'Hafs';
    src: url('../fonts/Hafs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ── Google Fonts are loaded in head.pug ───────────────────── */
/* Lateef — elegant Arabic UI font                             */
/* Playfair Display — refined Latin display / labels           */

/* ── Base body font ────────────────────────────────────────── */
body {
    font-family: 'Lateef', 'Hafs', serif;
}

/* ── Quranic text — Scheherazade + Hafs ───────────────────── */
#ayahs,
#basmala {
    font-family: 'Scheherazade New', 'Hafs', serif;
    font-feature-settings: "calt" 1, "ccmp" 1, "liga" 1;
    text-rendering: optimizeLegibility;
}

/* ── Latin labels (surah numbers, API credit, etc.) ────────── */
.latin-label,
.navbar-brand .brand-latin,
footer a[href*="alquran"] {
    font-family: 'Playfair Display', serif;
}