/**
 * Pilha tipográfica do mfsite:
 * - Por defeito: sistema (sem Google Font obrigatória).
 * - Cada template define em :root --mf-template-font (ex.: 'Poppins', sans-serif).
 * - Angular Material 1.x fixa Roboto em vários componentes; repõe-se para a pilha do template.
 *
 * Carregar depois de angular-material.min.css (ver index.html).
 */
:root {
    --mf-template-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html {
    font-family: var(--mf-template-font);
}

body {
    font-family: inherit;
}

.md-button,
button.md-button,
.md-tab,
.md-toolbar-tools,
md-toolbar .md-toolbar-tools,
md-toolbar.md-default-theme .md-toolbar-tools,
md-checkbox .md-label,
md-input-container label,
md-input-container input:not(.md-datepicker-input),
md-input-container textarea,
md-select .md-select-value,
md-select .md-select-value .md-text,
md-option .md-text,
md-menu-item > .md-button,
md-menu-item > a.md-button,
md-autocomplete md-autocomplete-wrap input,
.md-autocomplete-suggestions li,
.md-datepicker-input,
.md-subheader .md-subheader-content,
.md-dialog-content {
    font-family: var(--mf-template-font) !important;
}