@font-face {
    font-family: "Syne";
    src: url("./syne/Webfonts/Syne-Regular.woff2") format("woff2"),
         url("./syne/Webfonts/Syne-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src: url("./syne/Webfonts/Syne-Bold.woff2") format("woff2"),
         url("./syne/Webfonts/Syne-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/peyda-light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Peyda";
    src: url("../tudid/fonts/peyda/Peyda-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

:root {
    --font-syne: "Syne", sans-serif;
    --font-peyda: "Peyda", Tahoma, sans-serif;
}

body.ltr,
body.ltr :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, option, label, li, dt, dd, th, td, div, span, small, strong, em, blockquote, figcaption) {
    font-family: var(--font-syne) !important;
    direction: ltr;
}

body.rtl,
body.rtl :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, option, label, li, dt, dd, th, td, div, span, small, strong, em, blockquote, figcaption) {
    font-family: var(--font-peyda) !important;
}

body.rtl {
    font-weight: 400;
}

body.rtl :where(p, input, textarea, select, option, label, li, dt, dd, td, figcaption, .peyda-regular, .syne-regular) {
    font-weight: 400 !important;
}

body.ltr input::placeholder,
body.ltr textarea::placeholder {
    font-family: var(--font-syne);
}

body.rtl input::placeholder,
body.rtl textarea::placeholder {
    font-family: var(--font-peyda);
}

body.ltr :where(h1, h2, h3, h4, h5, h6, strong, b, .peyda-bold, .peyda-extra, .syne-bold) {
    font-weight: 700;
}

body.ltr .fwBlack {
    font-weight: 700;
}

body.ltr :where(p, input, textarea, select, option, .peyda-regular, .peyda-medium, .syne-regular) {
    font-weight: 400;
}

body.rtl :where(a, button, th, .peyda-medium) {
    font-weight: 500 !important;
}

body.rtl :where(h4, h5, h6) {
    font-weight: 600 !important;
}

body.rtl :where(h1, h2, h3, .peyda-bold, .syne-bold, strong, b) {
    font-weight: 700 !important;
}

body.rtl :where(.peyda-extra) {
    font-weight: 800 !important;
}

/* Explicit utility weights must win over semantic heading defaults. */
body.rtl :where(.peyda-regular, .syne-regular) {
    font-weight: 400 !important;
}

body.rtl :where(.peyda-medium) {
    font-weight: 500 !important;
}

body.rtl :where(.peyda-bold, .syne-bold) {
    font-weight: 700 !important;
}

body.ltr .syne-regular {
    font-family: var(--font-syne) !important;
    font-weight: 400;
}

body.ltr .syne-bold {
    font-family: var(--font-syne) !important;
    font-weight: 700;
}

.font-syne {
    font-family: var(--font-syne) !important;
}

.font-peyda {
    font-family: var(--font-peyda) !important;
}

body,
body :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, option, label, li, dt, dd, th, td, div, span, small, strong, b, em, i, blockquote, figcaption) {
    font-style: normal !important;
}