/*
 * Cairo font stylesheet (Arabic)
 * Local-only: place font files in ./files/
 * Recommended names:
 * - cairo-regular.woff2, cairo-regular.woff, cairo-regular.ttf
 * - cairo-bold.woff2,    cairo-bold.woff,    cairo-bold.ttf
 */

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

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

:root { --font-ar: 'Cairo', 'Tajawal', 'Noto Naskh Arabic', Arial, sans-serif; }

html[lang="ar"] body, body[dir="rtl"] {
    font-family: var(--font-ar);
}