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

@font-face {
    font-family: 'YekanBakhFaNum';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}

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

@font-face {
    font-family: 'YekanBakhFaNum';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'PeydaFaNum';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/PeydaFaNumWeb-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'PeydaFaNum';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/PeydaFaNumWeb-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'PeydaFaNum';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/PeydaFaNumWeb-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'PeydaFaNum';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/PeydaFaNumWeb-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'PeydaFaNum';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/PeydaFaNumWeb-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazirmatn';
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazirmatn';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Yekan';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url('../fonts/YekanBakhFaNum-Bold.woff2') format('woff2');
}

:root {
    --font-ui: 'YekanBakhFaNum', 'Segoe UI', Tahoma, sans-serif;
    --font-display: 'PeydaFaNum', 'YekanBakhFaNum', Tahoma, sans-serif;
    --font-number: 'PeydaFaNum', 'YekanBakhFaNum', Tahoma, sans-serif;
    --font-base: var(--font-ui);
}

html,
body,
input,
textarea,
select,
button {
    font-family: var(--font-ui);
    font-feature-settings: "ss01" on;
}

h1,
h2,
h3,
.hero-title,
.section-title,
.page-title,
.product-title,
.card-title,
.btn,
.cta,
.price,
.price-current,
.price-main,
.cart-total,
.total-amount,
.order-total,
.amount,
.yekan-nums {
    font-family: var(--font-display);
}

.price,
.price-current,
.price-main,
.cart-total,
.total-amount,
.order-total,
.amount,
.yekan-nums,
[data-number] {
    font-variant-numeric: tabular-nums;
}

code,
pre,
kbd,
samp,
.mono,
.ltr-code {
    font-family: Consolas, 'Cascadia Code', monospace;
}