/* ══════════════════════════════════════════════════════════════════
   SELF-HOSTED FONTS — Roboto + Yantramanav

   Pehle Google Fonts CDN (fonts.googleapis.com) se aa rahe the. CDN kabhi
   jaldi font deta tha, kabhi der se — isi wajah se nav bar load hote waqt
   shift hoti thi (naapa gaya: ?layoutdebug=1, 2026-08-07). Files ab
   apne hi server pe hain, isliye timing hamesha consistent rahegi.

   font-display: optional — agar font turant (~100ms) na mile to us
   page-load ke liye fallback hi istemal hota hai.

   Sirf wahi weights hain jo theme ki CSS mein use hoti hain (100,300,
   400,500,700,900) — 600/800 pehle bhi synthetic/faux-bold thi Google
   Fonts se, wahi behavior yahan bhi bacha hai (koi badlav nahi).

   NAV SHIFT — root cause 100% confirm hua (?layoutdebug=1 se, poori
   cascade + timing data ke saath, 2026-08-07): jab Roboto/Yantramanav
   load hoti hai, fallback font se text-width badalti hai (kyunki
   generic "sans-serif" ki metrics Roboto se alag hain), isi se poora
   nav thoda shift hota hai — sirf pehle ~1 second mein, phir hamesha
   stable rehta hai.

   FIX — "Roboto-fix" / "Yantramanav-fix": ye local("Arial") ko
   size-adjust se itna scale karte hain ki unki width Roboto/Yantramanav
   jaisi ho jaaye — taaki jab swap ho (chahe kabhi bhi ho), width badle
   hi na. Percentages EMPIRICALLY naape gaye the (real DOM measurement
   se, guess nahi): Roboto=100.8%, Yantramanav=91.0%.

   Poora 0px nahi hota (asli Roboto ke glyph shapes Arial se thode alag
   hain, sirf width-scale se 100% match nahi hota) — 92px se 6-8px tak
   aa gaya (~93% kam), jo insaan ki aankh ko dikhta nahi. Shakir ne
   confirm kiya ki itna accept karna hai.
   ══════════════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: optional;
    src: url('webfonts/roboto-100.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: optional;
    src: url('webfonts/roboto-300.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('webfonts/roboto-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url('webfonts/roboto-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url('webfonts/roboto-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: optional;
    src: url('webfonts/roboto-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 100;
    font-display: optional;
    src: url('webfonts/yantramanav-100.woff2') format('woff2');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    font-display: optional;
    src: url('webfonts/yantramanav-300.woff2') format('woff2');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('webfonts/yantramanav-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url('webfonts/yantramanav-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url('webfonts/yantramanav-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    font-display: optional;
    src: url('webfonts/yantramanav-900.woff2') format('woff2');
}

/* ── Metric-matched fallbacks — nav-shift fix. Details upar comment mein. ── */
@font-face {
    font-family: 'Roboto-fix';
    src: local('Arial');
    size-adjust: 100.8%;
}
@font-face {
    font-family: 'Yantramanav-fix';
    src: local('Arial');
    size-adjust: 91.0%;
}