/**
 * Corexia typography
 * System-first font stack inspired by Odoo's backend UI.
 */
:root {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Ubuntu, "Noto Sans", Arial, sans-serif;
    --font-arabic: "Segoe UI", "Segoe UI Arabic", "Noto Sans Arabic",
        Tahoma, Arial, sans-serif;
    --font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
}

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

html[dir="rtl"],
body[dir="rtl"] {
    font-family: var(--font-arabic);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    font-weight: 500;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: var(--font-arabic);
}

button,
input,
select,
textarea,
.btn,
.form-control,
.dropdown-menu,
.modal,
.swal2-popup {
    font-family: inherit;
}