@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/estedad-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

html:is(:lang(fa), [data-lux-panel-font]) {
    --lux-font-fa: "Estedad", "Vazirmatn", "Vazir", Tahoma, Arial, sans-serif;
    --lux-admin-font-fa: var(--lux-font-fa);
}

html:is(:lang(fa), [data-lux-panel-font]) body {
    font-family: var(--lux-font-fa);
}

html:is(:lang(fa), [data-lux-panel-font]) :is(button, input, select, textarea) {
    font-family: inherit;
}

/* The compiled Tailwind layout already uses an important font rule. */
html[data-lux-panel-font] body.font-sans,
html[data-lux-panel-font] body .font-sans,
html[data-lux-panel-font] body:lang(fa),
html[data-lux-panel-font] body:lang(ar) {
    font-family: var(--lux-font-fa) !important;
}

/* The date picker applies its own important font rule to all descendants. */
html:lang(fa) :is(jdp-container, jdp-container *) {
    font-family: var(--lux-font-fa) !important;
}

html:lang(fa) :is(.lux-public-notification, .portal-topbar-actions .lux-public-icon-control) b {
    font-family: var(--lux-font-fa);
}