@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/Alexandria-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/Alexandria-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/Alexandria-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Base Typography & English Defaults
   Manrope is the default font across all web pages in English
   ========================================================================== */
:root {
    --bs-body-font-family: 'Manrope', sans-serif;
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --font-family-base: 'Manrope', sans-serif;
    --font-family-sans: 'Manrope', sans-serif;
    font-family: 'Manrope', sans-serif;
}

html,
body {
    font-family: 'Manrope', sans-serif;
}

button,
input,
select,
textarea,
optgroup {
    font-family: inherit;
}

/* English / LTR Explicit Selectors */
html[lang^='en'],
html[lang]:not([lang^='ar']),
html[dir='ltr'],
html:not([dir='rtl']) {
    --bs-body-font-family: 'Manrope', sans-serif;
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --font-family-base: 'Manrope', sans-serif;
    --font-family-sans: 'Manrope', sans-serif;
    font-family: 'Manrope', sans-serif;
}

html[lang^='en'] body,
html[lang]:not([lang^='ar']) body,
html[dir='ltr'] body,
html:not([dir='rtl']) body,
html[lang^='en'] button,
html[lang]:not([lang^='ar']) button,
html[dir='ltr'] button,
html[lang^='en'] input,
html[lang]:not([lang^='ar']) input,
html[dir='ltr'] input,
html[lang^='en'] select,
html[lang]:not([lang^='ar']) select,
html[dir='ltr'] select,
html[lang^='en'] textarea,
html[lang]:not([lang^='ar']) textarea,
html[dir='ltr'] textarea {
    font-family: 'Manrope', sans-serif;
}

/* Arabic / RTL Overrides */
html[lang^='ar'],
html[dir='rtl'] {
    --bs-body-font-family: 'Alexandria', sans-serif;
    --bs-font-sans-serif: 'Alexandria', sans-serif;
    --font-family-base: 'Alexandria', sans-serif;
    --font-family-sans: 'Alexandria', sans-serif;
    font-family: 'Alexandria', sans-serif;
}

html[lang^='ar'] body,
html[dir='rtl'] body,
html[lang^='ar'] button,
html[dir='rtl'] button,
html[lang^='ar'] input,
html[dir='rtl'] input,
html[lang^='ar'] select,
html[dir='rtl'] select,
html[lang^='ar'] textarea,
html[dir='rtl'] textarea {
    font-family: 'Alexandria', sans-serif;
}