/* === Additional fonts (placeholders) ===
    Drop .woff2 files under /public/fonts/<Family>/ matching the src urls below.
    After adding files, clear your browser cache to see the new fonts.
*/

/* Removed placeholder @font-face rules for families without actual files (only .gitkeep present)
    Families removed: Montserrat, Open Sans, Lato, Nunito, Work Sans */

/* Arabic-capable fonts */

/* Removed Arabic families without actual font files present: Noto Sans Arabic, Tajawal, Almarai, Changa, El Messiri */

/* Data attribute mappings for runtime activation */

/* Removed data-font-active mappings for deleted families */

/* Fonts (minified) - regenerated */
@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 100;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-100.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 300;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-300.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 400;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-400.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 500;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-500.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 600;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-600.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 700;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-700.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 800;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-800.woff2') format('woff2')
}

@font-face {
    font-family : Inter;
    font-style  : normal;
    font-weight : 900;
    font-display: swap;
    src         : url('../fonts/Inter/Inter-latin-900.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 200;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-200.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 300;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-300.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 400;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-400.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 500;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-500.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 600;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-600.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 700;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-700.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 800;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-800.woff2') format('woff2')
}

@font-face {
    font-family : Cairo;
    font-style  : normal;
    font-weight : 900;
    font-display: swap;
    src         : url('/fonts/Cairo/Cairo-arabic-900.woff2') format('woff2')
}

@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')
}

:root {
    --font-family-primary: 'Inter', system-ui, sans-serif
}

[dir='ar'] body {
    --font-family-primary: 'Cairo', 'Inter', system-ui, sans-serif
}

body {
    font-family: var(--font-family-primary)
}

/* End font-face */
body[data-font-active='Inter'] {
    --font-family-primary: 'Inter', system-ui, sans-serif
}

body[data-font-active='Cairo'] {
    --font-family-primary: 'Cairo', 'Inter', system-ui, sans-serif
}

body[data-font-active='Roboto'] {
    --font-family-primary: 'Roboto', 'Inter', system-ui, sans-serif
}

body[data-font-active='Poppins'] {
    --font-family-primary: 'Poppins', 'Inter', system-ui, sans-serif
}

[data-font-fragment='cairo'] {
    font-family: Cairo, Inter, system-ui, sans-serif
}