/* Self-hosted brand fonts (latin subset) — no external requests */
@font-face {
    font-family: "Saira Condensed";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/saira-condensed-500.woff2") format("woff2");
}
@font-face {
    font-family: "Saira Condensed";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/saira-condensed-600.woff2") format("woff2");
}
@font-face {
    font-family: "Saira Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/saira-condensed-700.woff2") format("woff2");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/poppins-400.woff2") format("woff2");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/poppins-500.woff2") format("woff2");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/poppins-600.woff2") format("woff2");
}

/* Menu icons (core.sites.MENU_ICONS) beside each table name in the admin
   menus, sidebar and home page alike: a white glyph on an orange tile, navy
   on hover and for the page you are on, grey beside a heading. */
.module th .ti {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    margin-right: 8px;
    border-radius: 4px;
    background: var(--accent, #f26736);
    color: #fff;
    font-size: 0.95em;
    vertical-align: middle;
}
.module th a:hover .ti,
.module tr.current-model th .ti { background: var(--primary, #152c4e); }
.basalt-heading th .ti { background: var(--body-quiet-color, #666); }

/* The page's own heading carries its menu icon, the same tile at heading size. */
h1.page-title {
    display: flex;
    align-items: center;
    gap: 12px;
}
h1.page-title .ti {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 6px;
    background: var(--accent, #f26736);
    color: #fff;
    font-size: 0.9em;
}