/* ==========================================================================
   Per-locale typefaces — self-hosted (no Google Fonts CDN, GDPR-safe).
   Poppins  -> fr / en (and any other non-Arabic locale)
   Cairo    -> ar
   Loaded on: dashboard/back-office (layouts/app.blade.php), auth pages
   (layouts/guest.blade.php) and the public landing page (landing/home.blade.php).
   The actual font-family switch (which family applies) is done per-layout
   via a small inline <style> based on app()->getLocale() — see those files.
   ========================================================================== */

/* ---------- Poppins (static, one file per weight) ---------- */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins/poppins-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins/poppins-800.woff2') format('woff2');
}

/* ---------- Cairo (variable font: one file covers weights 400–800) ---------- */

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/cairo/cairo-variable.woff2') format('woff2');
}

/* ---------- Two dashboard widgets hardcode "Open Sans" directly instead of
   var(--bs-font-sans-serif) (public/assets/css/style*.css, all 4 variants):
   the toast notifications container and the date-range picker. Loaded after
   those files in every layout, so this wins the cascade at equal specificity. ---------- */

.notifier-container,
.daterangepicker {
    font-family: var(--bs-font-sans-serif, 'Poppins', sans-serif);
}