/* Self-hosted IBM Plex Sans (Fontsource woff2, latin subset). */

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/ibm-plex-sans/ibm-plex-sans-latin-300-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/ibm-plex-sans/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/ibm-plex-sans/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/ibm-plex-sans/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/ibm-plex-sans/ibm-plex-sans-latin-700-normal.woff2') format('woff2');
}

:root {
    --font-family-primary: 'IBM Plex Sans', system-ui, sans-serif;
}

/* Syncfusion theme sets its own font-family on these (single-class specificity).
   This file is linked after the Syncfusion theme, so equal-specificity rules win. */
.e-listview {
    font-family: var(--font-family-primary);
}

.e-avatar {
    font-family: var(--font-family-primary);
    font-weight: 400;
}

/* Lower the text weight in the SfListView lists (EntryList, TotalsForAppList).
   Selectors mirror the Syncfusion theme so they win on equal specificity + later load. */
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
    font-weight: 400;
}