/* Outfit só entra nas páginas em que fonte-outfit.xhtml a pede
   (KYC, MPAC, MSPKP e o painel Alerta). Os pesos são os do login:
   300 leve, 400 texto, 500 rótulo, 600 título, 700 acção, 800 destaque.
   Os tamanhos são a escala já usada nestes módulos; o que cada ecrã
   declara à parte continua a valer, porque estas regras não levam
   importância no tamanho. */

:root {
    --pum-fonte: "Outfit", sans-serif;
    --pum-tema-fonte: "Outfit", sans-serif;
    --kyc-font: "Outfit", sans-serif;
    --pac-font: "Outfit", sans-serif;
    --kyc-font-weight: 400;
    --pac-font-weight: 400;
    --pum-peso-texto: 400;
    --pum-peso-rotulo: 500;
    --pum-peso-titulo: 600;
    --pum-peso-alerta: 700;
}

html body {
    font-family: "Outfit", sans-serif !important;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}

body .layout-main,
body .layout-content,
body .layout-menu,
body .layout-topbar,
body .layout-breadcrumb,
body .ui-widget,
body .ui-widget .ui-widget,
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button,
body .ui-dialog,
body .ui-dialog .ui-widget,
body input,
body select,
body textarea,
body button {
    font-family: "Outfit", sans-serif !important;
}

/* Texto corrido e células: 13px / 400. */
body .layout-content,
body .ui-datatable .ui-datatable-data > tr > td,
body .ui-treetable .ui-treetable-data > tr > td {
    font-size: 13px;
    font-weight: 400;
}

/* Rótulos e migalhas: 12px / 500. */
body .legend,
body .ui-outputlabel,
body label,
body .layout-breadcrumb,
body .route-bar-breadcrumb > li {
    font-size: 12px;
    font-weight: 500;
}

body .route-bar-breadcrumb > li:last-child {
    font-weight: 600;
}

/* Cabeçalhos de tabela: 11px / 600. */
body .ui-datatable thead th,
body .ui-datatable .ui-datatable-thead > tr > th,
body .ui-treetable thead th {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
}

/* Campos: 14px / 400, como no login. */
body .ui-inputfield,
body .ui-inputtextarea,
body input.ui-inputfield,
body textarea,
body select {
    font-size: 14px;
    font-weight: 400;
}

/* Títulos de secção e de diálogo. */
body .titulo {
    font-size: 14px;
    font-weight: 600;
}

body h1,
body .ui-dialog .ui-dialog-title {
    font-weight: 700;
}

body h2,
body h3 {
    font-weight: 600;
}

/* Botões: 600; o primário, 700 / 14px. */
body .ui-button .ui-button-text {
    font-weight: 600;
    font-size: 13.5px;
}

body .btn-primary .ui-button-text,
body .ui-button.btn-primary .ui-button-text,
body .pac-btn-primary .ui-button-text,
body .ui-button.pac-btn-primary .ui-button-text {
    font-weight: 700;
    font-size: 14px;
}

/* Menu do Speak Up e da barra: 13px / 500; o activo, 700. */
body .layout-menu .layout-menuitem-text,
body .mspkp-menu a {
    font-size: 13px;
    font-weight: 500;
}

body .mspkp-menu a.active,
body .layout-menu li.active-menuitem > a .layout-menuitem-text {
    font-weight: 700;
}