/* Shared type contract for legacy shells that load page CSS outside the new product system. */
:root {
    --font-brand-ui: "Peyda", Tahoma, Arial, sans-serif;
}

body {
    font-family: var(--font-ui, var(--font-brand-ui));
}

button,
input,
select,
textarea {
    font-family: inherit;
}

/*
 * The final, shared typography layer. It is loaded after page styles, so all
 * readable UI text uses Peyda without repeating font declarations in each CSS
 * file. Icon-font classes stay excluded to preserve their glyphs.
 */
html,
body,
button,
input,
select,
textarea {
    font-family: Peyda !important;
}

body :where(a, abbr, address, article, aside, b, blockquote, button, caption, dd, div, dl, dt, em, fieldset, figcaption, footer, form, h1, h2, h3, h4, h5, h6, input, label, legend, li, main, nav, ol, option, p, section, select, small, span, strong, summary, table, tbody, td, textarea, tfoot, th, thead, tr, ul):not(.material-icons):not(.material-icons-outlined):not(.fa):not(.fas):not(.far):not(.fab):not(.feather):not([class^="feather-"]):not([class*=" feather-"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="uil-"]):not([class*=" uil-"]):not([class^="mdi-"]):not([class*=" mdi-"]) {
    font-family: Peyda !important;
}

body .brand-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

body .brand-inline img.brand-mark {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

body .brand-inline .brand-name {
    font: 700 16px/1 Peyda !important;
    white-space: nowrap;
}

/* Legacy dashboard bundles set chart labels to IranSans with !important. */
body .apex-charts text,
body .apexcharts-tooltip-text,
body .apexcharts-tooltip-title,
body .apexcharts-legend-text,
body .apexcharts-xaxis text,
body .apexcharts-yaxis text,
body .britechart,
body .tick text {
    font-family: Peyda !important;
}