/* Gumela Arabic — system font */
@font-face {
    font-family: 'Gumela Arabic';
    src: url('/public/fonts/GumelaArabic-Regular.woff2') format('woff2'),
         url('/public/fonts/GumelaArabic-Regular.woff') format('woff'),
         url('/public/fonts/GumelaArabic-Regular.ttf') format('truetype'),
         url('/public/fonts/GumelaArabic-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gumela Arabic';
    src: url('/public/fonts/GumelaArabic-Bold.woff2') format('woff2'),
         url('/public/fonts/GumelaArabic-Bold.woff') format('woff'),
         url('/public/fonts/GumelaArabic-Bold.ttf') format('truetype'),
         url('/public/fonts/GumelaArabic-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Light (optional) */
@font-face {
    font-family: 'Gumela Arabic';
    src: url('/public/fonts/GumelaArabic-Light.woff2') format('woff2'),
         url('/public/fonts/GumelaArabic-Light.woff') format('woff'),
         url('/public/fonts/GumelaArabic-Light.ttf') format('truetype'),
         url('/public/fonts/GumelaArabic-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Alias: keep old Janna family name pointing to Gumela for any leftover CSS */
@font-face {
    font-family: 'Janna LT';
    src: url('/public/fonts/GumelaArabic-Regular.woff2') format('woff2'),
         url('/public/fonts/GumelaArabic-Regular.woff') format('woff'),
         url('/public/fonts/GumelaArabic-Regular.ttf') format('truetype'),
         url('/public/fonts/GumelaArabic-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Janna LT';
    src: url('/public/fonts/GumelaArabic-Bold.woff2') format('woff2'),
         url('/public/fonts/GumelaArabic-Bold.woff') format('woff'),
         url('/public/fonts/GumelaArabic-Bold.ttf') format('truetype'),
         url('/public/fonts/GumelaArabic-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --brand-font: 'Gumela Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
}

html, body {
    font-family: var(--brand-font);
}