/* ============================================================================
   MBW ERP — Centralized Typography
   ============================================================================
   Single source of truth for app fonts (English + Urdu/Arabic).
   Loaded globally from layout/header.php BEFORE mbw-theme.css.

   Defaults:
     English / UI  → Inter
     Urdu          → Noto Nastaliq Urdu
     Arabic        → Noto Naskh Arabic

   Existing system fonts (Segoe UI, Arial, …) stay as fallbacks.
   Local webfonts under /assets/webfonts/ — do not remove those files.
   Design by mbw6.com | Contact Now 0347-3663130
   ============================================================================ */

/* --------------------------------------------------------------------------
   A) LOCAL @font-face (preferred — no CDN)
   -------------------------------------------------------------------------- */

/* English — Inter variable (weights 100–900) */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/webfonts/InterVariable.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/webfonts/InterVariable-Italic.woff2") format("woff2");
}

/* Optional English fallback webfont (kept for compatibility) */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/webfonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/webfonts/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

/* Font Awesome 6 — icons */
@font-face {
    font-family: "Font Awesome 6 Brands";
    src: url("/assets/webfonts/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 6 Free";
    src: url("/assets/webfonts/fa-regular-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 6 Free";
    src: url("/assets/webfonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Urdu — Noto Nastaliq Urdu (variable + static TTF fallback) */
@font-face {
    font-family: "Noto Nastaliq Urdu";
    src:
        url("/assets/webfonts/NotoNastaliqUrdu-VariableFont_wght.woff2") format("woff2"),
        url("/assets/webfonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Arabic — Noto Naskh Arabic */
@font-face {
    font-family: "Noto Naskh Arabic";
    src: url("/assets/webfonts/NotoNaskhArabic-VariableFont_wght.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   B) GLOBAL FONT TOKENS
   -------------------------------------------------------------------------- */

:root {
    /* English / UI (forms, tables, menus, buttons, numbers, labels) */
    --font-sans:
        "Inter",
        "Roboto",
        "Segoe UI",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        Arial,
        "Noto Sans",
        sans-serif;

    /* Urdu */
    --font-urdu:
        "Noto Nastaliq Urdu",
        "Noto Naskh Arabic",
        "Jameel Noori Nastaleeq",
        "Urdu Typesetting",
        serif;

    /* Arabic */
    --font-arabic:
        "Noto Naskh Arabic",
        "Noto Nastaliq Urdu",
        serif;

    /* Codes / monospace (product codes, barcodes, etc.) */
    --font-mono:
        "Consolas",
        "Monaco",
        "Courier New",
        Courier,
        monospace;
}

/* --------------------------------------------------------------------------
   C) APP-WIDE DEFAULTS
   -------------------------------------------------------------------------- */

html,
body {
    font-family: var(--font-sans);
    font-optical-sizing: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* English UI controls inherit Inter stack */
button,
input,
select,
textarea,
label,
table,
th,
td,
.btn,
.form-input,
.float-input,
.float-select,
.float-textarea,
.custom-select-trigger,
.mbw-data-table,
.mbw-rv-table {
    font-family: var(--font-sans);
}

/* Explicit Urdu utility classes */
.font-urdu,
.urdu-text {
    font-family: var(--font-urdu);
    letter-spacing: 0;
}

/* Auto language: bilingual pages with lang="ur" / lang="ar" */
:lang(ur) {
    font-family: var(--font-urdu);
}

:lang(ar) {
    font-family: var(--font-arabic);
}

/* Urdu fields (inputs) keep Nastaliq + RTL */
input.urdu-text,
textarea.urdu-text,
select.urdu-text,
input.font-urdu,
textarea.font-urdu,
select.font-urdu,
.urdu-text input,
.urdu-text textarea,
.urdu-text select {
    font-family: var(--font-urdu) !important;
    direction: rtl;
    text-align: right;
}

/* Nested English inside Urdu blocks (codes, numbers) can opt out */
.font-sans,
:lang(ur) .font-sans,
.urdu-text .font-sans {
    font-family: var(--font-sans) !important;
    direction: ltr;
    text-align: left;
    letter-spacing: normal;
}