/*
    M2 (WP-407, 4 Aug design review, the designer's 1.1): Roboto on the console pages, SELF-HOSTED.

    Loaded once from App.razor through the estate's SriLink, and INERT unless the page carries
    `.dev-preview-marker` - the same inert-unless-marked pattern ace-theme.css uses with
    [data-portal="ace"]. Only marked pages take the family, so no customer-facing page takes it and
    nothing estate-wide changes. Estate-wide typography is follow-on work, recorded in the batch
    results. (A HeadContent-injected link was tried first and never fetches in this app's
    prerender-off setup; the layout's own comment records it.)

    THE MARKER USED TO COME FROM DevPreviewLayout, WHICH IS WHERE THIS COMMENT'S ORIGINAL WORDING
    ("DevPreviewLayout's `.dev-preview-marker` ... Only dev-layout pages carry the marker") CAME FROM.
    A10 promoted the console to a real /ace/ route on AceLayout, so the console and its sign-in page
    now draw the span themselves. It could not move into AceLayout, which also serves the
    customer-facing ACE pages - the whole point of the marker is that those pages do not take these
    rules. The class name is therefore now a misnomer and is deliberately unchanged: renaming it
    rewrites every rule in this file and console-shape.css for no behaviour change, and belongs with
    the designer's branding ruling.

    The two files are Google Fonts' own Roboto v51 variable font (weights 100-900 in one file per subset),
    fetched from fonts.gstatic.com on 5 Aug 2026 and committed under wwwroot/fonts - self-hosted so the
    console does not depend on a CDN the estate's CSP may not allow. Declared AFTER the app's global font
    links in head order, so for identical descriptors these local sources win.
*/

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/roboto-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/roboto-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
    The family, applied at the BODY, gated on the dev layout's marker. Body-level inheritance is what
    reaches the Ant drawers, modals, dropdowns and notifications, which portal to the app root outside
    any page-owned element. Any element that states its own family deliberately is untouched, because
    nothing here uses *. (The `.mono` serials used to be the example of that; round-2 item 19 ruled them
    onto Roboto, so they now inherit from here like everything else.) The :has() gate also out-specifies
    Ant's own `body` rule, so no !important is needed.
*/
body:has(.dev-preview-marker) {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}