/* ==========================================================================
   Up-4ever brand typography — self-hosted from the official brand kit.

   - Poppins  → UI / body text (Latin).            font-family: 'Poppins'
   - Changa   → display / headings (Latin + Arabic). font-family: 'Changa'

   Both are OFL-licensed (see font/poppins/OFL.txt, font/changa/OFL.txt) and
   shipped from /font/* so the page never depends on Google Fonts at runtime.
   Loaded once from main.html before any other stylesheet so v2-tokens.css and
   mu-site-r16.css resolve --font-sans / --font-display from these faces.

   Every face uses `font-display: swap` → text paints in the system fallback
   first, then re-flows when the brand font arrives (no blank-text FOIT).
   Changa covers Arabic glyphs, so it doubles as the RTL display/body face.
   ========================================================================== */

/* ----------------------------------------------------------- Poppins (body) */
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-Regular.ttf?v=2') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-Italic.ttf?v=2') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-Medium.ttf?v=2') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-SemiBold.ttf?v=2') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-Bold.ttf?v=2') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/font/poppins/Poppins-ExtraBold.ttf?v=2') format('truetype');
  font-weight: 800; font-style: normal; font-display: swap;
}

/* ------------------------------------------------ Changa (display, LTR+RTL) */
@font-face {
  font-family: 'Changa';
  src: url('/font/changa/Changa-Regular.ttf?v=2') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Changa';
  src: url('/font/changa/Changa-Medium.ttf?v=2') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Changa';
  src: url('/font/changa/Changa-SemiBold.ttf?v=2') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Changa';
  src: url('/font/changa/Changa-Bold.ttf?v=2') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Changa';
  src: url('/font/changa/Changa-ExtraBold.ttf?v=2') format('truetype');
  font-weight: 800; font-style: normal; font-display: swap;
}