/* ============================================================================
   FONT STACK — Calibri first, everything served from inside the builder.

   Calibri itself is a Microsoft font and is NOT redistributable, so it is not
   shipped here. It is picked up with local() when the visitor's machine has it
   (every Windows box does), and Carlito — the metric-compatible open clone,
   SIL OFL — is vendored as the webfont fallback for everyone else. Because the
   two are metrically identical, line breaks and layout are the same either way.

   Arabic: Calibri and Carlito both carry Arabic glyphs, but Cairo/Tajawal read
   better at UI sizes, so RTL leads with those and keeps Calibri behind them.

   Nothing here reaches a CDN. Google Fonts and Font Awesome are vendored under
   css/vendor + css/webfonts, because CDNs are blocked in-region.
   ============================================================================ */

@font-face {
    font-family: "Calibri Local";
    src: local("Calibri"), local("Carlito");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri Local";
    src: local("Calibri Bold"), local("Calibri"), local("Carlito Bold"), local("Carlito");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri Local";
    src: local("Calibri Italic"), local("Carlito Italic");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-body: "Calibri Local", "Carlito", "Cairo", "Tajawal", "Inter", "Segoe UI", sans-serif;
    --font-heading: "Calibri Local", "Carlito", "Cairo", "Tajawal", "Inter", "Segoe UI", sans-serif;
}

[dir="rtl"] {
    --font-body: "Calibri Local", "Carlito", "Cairo", "Tajawal", "Segoe UI", sans-serif;
    --font-heading: "Cairo", "Calibri Local", "Carlito", "Tajawal", "Segoe UI", sans-serif;
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.section-title {
    font-family: var(--font-heading);
}