/* Webfont faces for the whole app — linked from nuxt.config `app.head`, NOT
   imported through Vite.

   In dev, the SSR HTML links main.css as a stylesheet and the client then
   re-injects the same CSS as a Vite <style> tag and drops the <link>. Any
   @font-face living in that CSS is destroyed and re-created mid-load, so every
   face goes back to "unloaded" and text repaints in the fallback (Tahoma) —
   or disappears under font-display: block — until it reloads. A static file
   outside the bundler is declared once per document and never swapped.

   Font stacks (--font-*-stack) stay in app/assets/css/fonts.css. Bump the
   `?v=` on the <link> when editing this file: /fonts is cached for 30 days. */

/* ---------- Vazirmatn (body fallback) ---------- */
@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/vazirmatn/Vazirmatn-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- Estedad (headings / display) ---------- */
@font-face {
  font-family: 'Estedad';
  src: url('/fonts/estedad/Estedad-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- Lalezar (accent / hero) ---------- */
@font-face {
  font-family: 'Lalezar';
  src: url('/fonts/lalezar/Lalezar-Regular.woff2') format('woff2'),
       url('/fonts/lalezar/Lalezar-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---------- IRANSansWeb (body / UI) ---------- */
@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb_Light.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb_Medium.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb_Bold.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IRANSans';
  src: url('/fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'),
       url('/fonts/woff/IRANSansWeb_Black.woff') format('woff'),
       url('/fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}