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

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

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

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

@font-face {
    font-family: "ArtinSharp";
    src: url("../fonts/ArtinSharpFN-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-font: "YekanBakhFaNum", "YekanBakh", Tahoma, "Segoe UI", sans-serif;
    --app-display-font: "ArtinSharp", "YekanBakhFaNum", Tahoma, sans-serif;
    --bs-body-font-family: var(--app-font);
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--app-font);
}

.app-header-brand-title,
.auth-login-title,
.app-footer-brand-name,
.auth-login-footer-brand-name {
    font-family: var(--app-display-font);
    font-weight: 900;
}