/* ============================================================================
   Typography — Inter (LTR) and Tajawal (RTL)
   ----------------------------------------------------------------------------
   Loaded last by resources/views/layout/header.blade.php so it wins against
   the theme's default Montserrat/Roboto stack without changing any layout.
   ========================================================================== */

html, body,
body.loggedin {
    font-family: 'Inter', 'Roboto', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-feature-settings: "cv11", "ss01", "ss03";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Inter', 'Roboto', 'Segoe UI', system-ui, sans-serif;
    letter-spacing: -0.01em;
}

input, select, textarea, button, .btn, .form-control {
    font-family: inherit;
}

code, pre, kbd, samp,
.font-mono { font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, Consolas, 'Courier New', monospace; }

/* RTL → Tajawal for Arabic / Hebrew / etc. */
[dir="rtl"] html,
[dir="rtl"] body,
[dir="rtl"] body.loggedin,
html[dir="rtl"], html[dir="rtl"] body {
    font-family: 'Tajawal', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3,
[dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6 {
    font-family: 'Tajawal', 'Inter', sans-serif;
    letter-spacing: 0;
}