/* ARGONE:TYPOGRAPHY_WEIGHT_SYSTEM:START */
@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-Thin.woff2") format("woff2");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-Light.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhMedium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-Black.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("../assets/fonts/YekanBakhFaNum-ExtraBlack.woff2") format("woff2");
    font-style: normal;
    font-weight: 950;
    font-display: swap;
}

html,
body {
    font-family: var(--argone-font-family);
    font-weight: var(--argone-font-weight-regular);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
optgroup,
select,
textarea,
.tooltip,
.popover {
    font-family: var(--argone-font-family);
}

input,
select,
textarea,
.form-control,
.form-select,
.select2-container,
.select2-container .select2-selection,
.select2-container .select2-results__option {
    font-weight: var(--argone-font-weight-regular);
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    font-weight: var(--argone-font-weight-light);
}

h1,
.h1,
.argone-page-title,
.page-title {
    font-weight: var(--argone-font-weight-extrabold);
}

h2,
.h2,
h3,
.h3,
.card-title,
.modal-title,
.offcanvas-title,
.toast-title,
.alert-heading {
    font-weight: var(--argone-font-weight-bold);
}

h4,
.h4,
h5,
.h5,
h6,
.h6,
.form-label,
.col-form-label,
legend,
.table thead th,
.btn,
.badge,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    font-weight: var(--argone-font-weight-semibold);
}

.app-menubar a,
.app-header a,
.nav-link,
.dropdown-item,
.breadcrumb-item,
.pagination .page-link,
.btn-link {
    font-weight: var(--argone-font-weight-medium);
}

.app-menubar .active > a,
.app-menubar a.active,
.dropdown-item.active,
.dropdown-item:active,
.nav-link.active {
    font-weight: var(--argone-font-weight-bold);
}

.table tbody td,
.table tbody th,
.card-body,
.modal-body,
.dropdown-menu,
.alert,
.form-text,
.text-muted,
small,
.small {
    font-weight: var(--argone-font-weight-regular);
}

/*
   Keep the hierarchy explicit for both native and compatibility surfaces.
   Feature-specific Design System rules may refine the values, but should
   consume these tokens instead of flattening every text role to one size.
*/
.app-wrapper .argone-page-header-title-text,
.app-wrapper .argone-app-page-header-title-text,
.app-wrapper .argone-page-title h1,
.app-wrapper .argone-page-title h2 {
    font-size: var(--argone-type-page-title);
    font-weight: var(--argone-font-weight-extrabold);
    line-height: var(--argone-line-height-snug);
}

.app-wrapper .argone-card-header h1,
.app-wrapper .argone-card-header h2,
.app-wrapper .argone-card-header h3,
.app-wrapper .argone-card-header h4,
.app-wrapper .argone-card-header h5,
.app-wrapper .argone-card-header h6,
.app-wrapper .argone-card-header > strong,
.app-wrapper .card-header h1,
.app-wrapper .card-header h2,
.app-wrapper .card-header h3,
.app-wrapper .card-header h4,
.app-wrapper .card-header h5,
.app-wrapper .card-header h6,
.app-wrapper .card-header > strong {
    font-size: var(--argone-type-section-title);
    font-weight: var(--argone-font-weight-bold);
    line-height: var(--argone-line-height-snug);
}

.app-wrapper .form-label,
.app-wrapper legend.form-label {
    font-size: var(--argone-type-label);
    line-height: var(--argone-line-height-snug);
}

.app-wrapper .form-control,
.app-wrapper .form-select,
.app-wrapper .input-group-text,
.app-wrapper .select2-container,
.app-wrapper .select2-container .select2-selection {
    font-size: var(--argone-type-control);
}

.app-wrapper .table thead th,
.app-wrapper .argone-table thead th {
    font-size: var(--argone-type-table-header);
    font-weight: var(--argone-font-weight-semibold);
    line-height: var(--argone-line-height-snug);
}

.app-wrapper .table tbody td,
.app-wrapper .table tbody th,
.app-wrapper .argone-table tbody td,
.app-wrapper .argone-table tbody th {
    font-size: var(--argone-type-table-body);
    font-weight: var(--argone-font-weight-regular);
    line-height: var(--argone-line-height-normal);
}

.app-wrapper .form-text,
.app-wrapper .table-footer,
.app-wrapper .argone-table-footer,
.app-wrapper .text-muted,
.app-wrapper .text-body-secondary,
.app-wrapper small,
.app-wrapper .small {
    font-size: var(--argone-type-meta);
    line-height: var(--argone-line-height-normal);
}

strong,
b,
.fw-bold {
    font-weight: var(--argone-font-weight-bold) !important;
}

.fw-semibold {
    font-weight: var(--argone-font-weight-semibold) !important;
}

.fw-medium {
    font-weight: var(--argone-font-weight-medium) !important;
}

[argone-money-input="true"],
[data-argone-money],
[data-money-value],
.argone-money-display,
.argone-price,
.argone-number,
.table .text-monospace {
    font-variant-numeric: tabular-nums;
}
/* ARGONE:TYPOGRAPHY_WEIGHT_SYSTEM:END */
