/* ============================================================================
   BRAND WEBFONTS — every @font-face in the app.

   Previously split between wwwroot/app.css (Dinot / DinotBold / DinotMedium /
   Klavika) and wwwroot/analytics/css/analytics-theme.css (KlavikaBasicBold /
   DinOTRegular / DinotBlack), which meant seven declared families over five
   physical files, two of them aliases of each other.

   Consolidated here so a rebrand has one place to swap typefaces — which
   matters more than usual, because webfonts are licensed per-licensee and
   cannot simply be carried into a differently-branded build.

   The family NAMES are consumed through the --cc-font-* roles in cc-brand.css
   (and, for MudBlazor's Typography, through BrandConstants). Rules should say
   font-family: var(--cc-font-heading), not the family name directly.

   Loaded first in Components/App.razor, before any stylesheet that uses them.
   ============================================================================ */

/* ---- Dinot — the UI face. Regular / Medium / Bold / Black. ---- */
@font-face {
    font-family: Dinot;
    src: url('/fonts/FontFont - DINOT.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: DinotMedium;
    src: url('/fonts/FontFont - DINOT-Medium.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: DinotBold;
    src: url('/fonts/FontFont - DINOT-Bold.otf') format('opentype');
    font-display: swap;
}

/* Analytics headings fall back to Black where Klavika is unavailable. */
@font-face {
    font-family: DinotBlack;
    src: url('/fonts/FontFont - DINOT-Black.otf') format('opentype');
    font-weight: 700;
    font-display: swap;
}

/* Analytics body face. Distinct from Dinot: it resolves to DINOT-Medium first,
   so the analytics area runs a heavier body weight than the rest of the app.
   Kept as its own family rather than folded into Dinot — merging them would be
   a real visual change, not a refactor. */
@font-face {
    font-family: DinOTRegular;
    src: url('/fonts/FontFont - DINOT-Medium.otf') format('opentype'),
         url('/fonts/FontFont - DINOT.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ---- Klavika — the display face, used for large headings. ----
   analytics-theme.css declared this a second time under the name
   'KlavikaBasicBold' pointing at the same file; that alias is gone and its
   call sites now use Klavika. */
@font-face {
    font-family: Klavika;
    src: url('/fonts/klavika-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}