/*
 * Vylor typography overrides for what MudTheme cannot configure.
 * Must be loaded AFTER MudBlazor.min.css. Font stacks come from the theme via --mud-typography-* variables.
 */

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

/* Header text: Arsenal Bold */
.mud-drawer-header .mud-typography,
.mud-appbar .mud-toolbar > .mud-typography {
    font-family: var(--mud-typography-h1-family);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

/* MudBlazor hardcodes tabs to weight 500 + uppercase */
.mud-tab {
    font-family: var(--mud-typography-body1-family);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

/* Button labels are uppercase */
.mud-button,
.mud-fab,
.mud-typography-button {
    text-transform: var(--mud-typography-button-text-transform, uppercase);
}

/* Wallace Green text/background is AA18: keep 14pt bold even for Size.Small/Large */
.mud-button-filled-primary,
.mud-button-outlined-primary,
.mud-button-text-primary {
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
}

/* Genome Green hover needs Graphite text for contrast */
.mud-button-filled.mud-button-filled-primary:hover,
.mud-button-filled.mud-button-filled-primary:focus-visible,
.mud-button-filled.mud-button-filled-primary:active,
.mud-icon-button.mud-button-filled-primary:hover {
    color: var(--mud-palette-text-primary);
}

/* MudBlazor inputs reuse Subtitle1 (bold); brand uses Regular */
.mud-input,
.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;
}