/* Brand typography overrides. MudTheme typography (Theme/Typography/VylorTypography.cs) only sets the
   Typo roles; MudBlazor has no theme setting for the cases below, so CSS overrides are required:
   - html, body: no theme option for kerning or disabling fake bold/italic.
   - Drawer header, app bar title: no header role in the theme; brand header is Arsenal Bold.
   - Tabs: hardcoded weight 500 + uppercase in MudBlazor; brand needs Roboto Bold, no uppercase.
   - Inputs, labels: MudBlazor reuses Subtitle1 (Roboto Bold); brand needs Roboto Regular. */

html, body {
    font-kerning: normal;
    font-synthesis: none;
}

.mud-drawer-header .mud-typography {
    font-family: var(--mud-typography-h1-family);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.mud-appbar .mud-toolbar > .mud-typography {
    font-family: var(--mud-typography-h1-family);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.mud-tab {
    font-family: var(--mud-typography-body1-family);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

.mud-input {
    font-family: var(--mud-typography-body1-family);
    font-weight: 400;
    letter-spacing: 0;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-family: var(--mud-typography-body1-family);
    font-weight: 400;
    letter-spacing: 0;
}