/**
 * MKM Global Typography & Font-Face Declarations
 * Supports Alexandria, Readex Pro, Cairo, Tajawal, Almarai
 */

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

@font-face {
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ReadexPro-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/ReadexPro-Bold.woff2') format('woff2');
}

/* Alias for Redex Pro spelling variations */
@font-face {
    font-family: 'Redex Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/RedexPro-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Redex Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/RedexPro-Bold.woff2') format('woff2');
}

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

/* Dynamic Font Fallback Defaults (Overridden dynamically by Blade in layouts/app.blade.php) */
:root {
    --site-font-fallback: 'Alexandria', 'Readex Pro', 'Cairo', 'Tajawal', 'Almarai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Base typography applied with fallback without breaking Font Awesome icon glyphs */
html, body, button, input, select, textarea, .brand-text {
    font-family: var(--site-font, var(--site-font-fallback));
}