/* css/fonts.css */

/* === INTER (Fontul pentru corpul textului) === */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/inter-v20-latin-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter-v20-latin-700.woff2') format('woff2');
}

/* === MONTSERRAT (Fontul pentru Titlurile WOW) === */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/montserrat-v31-latin-900.woff2') format('woff2');
}

/* === SPACE MONO (Accente Tehnice) === */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/space-mono-v17-latin-regular.woff2') format('woff2');
}
/* ══════════════════════════════════════════════════════════════════════════
   FONTURI DE REZERVA CU METRICI POTRIVITI  (04.08.2026)
   ──────────────────────────────────────────────────────────────────────────
   PROBLEMA rezolvata: pana la sosirea fonturilor reale, browserul afisa
   textul cu Arial. Arial e mai INGUST decat Inter/Montserrat, deci textul se
   rupea in alt numar de randuri => la sosirea fontului real, TOATA pagina
   se rearanja. Masurat pe mobil: pagina se deplasa cu 147px (Waterloo) si
   293px (Vilvoorde). Pe telefon, cu net slab, omul vedea pagina "sarind"
   sub deget exact cand incepea sa citeasca.

   SOLUTIA: doua fonturi "fantoma" care folosesc tot Arial (deci nu se
   descarca nimic in plus, e fontul din sistem), dar SCALATE ca sa ocupe
   exact acelasi spatiu ca fonturile reale.

   Valoarea 108% / 109% NU e ghicita: a fost gasita empiric, incercand
   sistematic zeci de valori in browser si masurand deplasarea reala a
   ~500 de elemente. Optimul a iesit IDENTIC, independent, pe doua pagini
   diferite (Waterloo si Vilvoorde) - de aceea am incredere in el.
   Rezultat masurat: deplasarea a scazut de la 147px la 3px (Waterloo)
   si de la 293px la 17px (Vilvoorde), adica -94% pana la -98%.

   ATENTIE la modificari viitoare: daca schimbi fontul principal (Inter sau
   Montserrat) cu altul, valorile astea NU mai sunt valabile si trebuie
   recalibrate, altfel fac mai mult rau decat bine.
   ══════════════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
  size-adjust: 108%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
  size-adjust: 109%;
  line-gap-override: 0%;
}