/*
 * Sepiline fonts — DemiBold (600) + Bold (700) only.
 *
 * Per-glyph fallback via font-family stack:
 *   FA UI: Dana → Roboto  (فارسی اول؛ کاراکتر ناموجود → روبوتو)
 *   EN UI: Roboto → Dana  (انگلیسی اول؛ کاراکتر ناموجود → دانا)
 *
 * Dana FaNum: Persian digit glyphs. Latin digits fall through to Roboto in the stack.
 */

@font-face {
    font-family: 'Dana';
    src: url("../font/Farsi numerals/Webfonts/woff2/DanaFaNum-DemiBold.e090af6c3bee.woff2") format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url("../font/Farsi numerals/Webfonts/woff2/DanaFaNum-Bold.2c4525f0dbde.woff2") format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url("../font/Roboto/Roboto-Regular.8eff0b8045fd.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url("../font/Roboto/Roboto-Medium.115c2d84727b.woff2") format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url("../font/Roboto/Roboto-Bold.c83e4437a53d.woff2") format('woff2');
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-font-dana: 'Dana', Tahoma, sans-serif;
    --app-font-roboto: 'Roboto', Arial, sans-serif;
    --app-font-stack: 'Roboto', 'Dana', Arial, Tahoma, sans-serif;
    --app-font-weight: 600;
    --app-font-weight-bold: 700;
    --bs-font-sans-serif: var(--app-font-stack);
    --bs-body-font-family: var(--app-font-stack);
    --bs-body-font-weight: var(--app-font-weight);
}

html[data-app-language="fa"],
html[lang="fa"] {
    --app-font-stack: 'Dana', 'Roboto', Tahoma, Arial, sans-serif;
    --bs-font-sans-serif: var(--app-font-stack);
    --bs-body-font-family: var(--app-font-stack);
}

html[data-app-language="en"],
html[lang="en"] {
    --app-font-stack: 'Roboto', 'Dana', Arial, Tahoma, sans-serif;
    --bs-font-sans-serif: var(--app-font-stack);
    --bs-body-font-family: var(--app-font-stack);
}

html {
    font-family: var(--app-font-stack);
    font-weight: var(--app-font-weight);
    letter-spacing: 0;
}

html[data-app-language="fa"],
html[lang="fa"] {
    font-variant-numeric: normal;
}

html[data-app-language="en"],
html[lang="en"] {
    font-variant-numeric: lining-nums tabular-nums;
}

body,
.app-root,
.app-page,
.app-wrapper,
.app-main,
.app-content,
.app-sidebar,
.app-header,
.menu,
.menu-title,
.menu-link,
.btn,
.form-label,
.form-control,
.form-select,
.form-check-label,
.card,
.card-title,
.card-label,
h1, h2, h3, h4, h5, h6,
.stepper-title,
.badge,
.alert,
.table,
.toastr-message,
.toastr-title,
.modal,
.dropdown-menu,
.pagination,
.progress,
.nav-link,
.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6, .fs-7,
.fw-semibold,
input,
textarea,
select,
button {
    font-family: var(--app-font-stack);
    font-weight: inherit;
    letter-spacing: 0;
}

body,
.form-control,
.form-select,
.btn,
.menu-link,
.table,
textarea,
input {
    font-weight: var(--app-font-weight);
}

h1, h2, h3, h4, h5, h6,
.fw-bold,
.fw-bolder,
.card-title.fw-bold,
.badge.fw-bold {
    font-weight: var(--app-font-weight-bold);
}

.fw-normal,
.fw-light,
.fw-lighter {
    font-weight: var(--app-font-weight);
}

/* Explicit stack priority overrides */
.font-stack-fa,
.font-stack-fa input,
.font-stack-fa textarea,
.font-stack-fa select,
.font-stack-fa.btn {
    font-family: 'Dana', 'Roboto', Tahoma, Arial, sans-serif !important;
    font-variant-numeric: normal;
}

.font-stack-en,
.font-stack-en input,
.font-stack-en textarea,
.font-stack-en select,
.font-stack-en.btn {
    font-family: 'Roboto', 'Dana', Arial, Tahoma, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums;
}

/* Legacy aliases */
.font-fa,
.font-fa input,
.font-fa textarea,
.font-fa select,
.font-fa.btn {
    font-family: 'Dana', 'Roboto', Tahoma, Arial, sans-serif !important;
    font-variant-numeric: normal;
}

.font-en,
.font-en input,
.font-en textarea,
.font-en select,
.font-en.btn {
    font-family: 'Roboto', 'Dana', Arial, Tahoma, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums;
}

.chart-container,
canvas {
    font-family: var(--app-font-stack) !important;
}