/*
 * Morton en los titulos del panel, la misma tipografia de los titulares de
 * enauto.com.gt. Se inyecta como CSS suelto: para esto NO hace falta compilar
 * un tema de Filament (eso solo se necesita para cambiar el tema entero).
 *
 * Deliberadamente NO se aplica al texto de formularios, tablas ni etiquetas:
 * Morton es una tipografia de titular, y a 13px en una tabla de 25 empleados
 * se lee peor que Karla. Los titulos visten, el cuerpo se lee.
 */

@font-face {
  font-family: 'Morton';
  src: url('/fonts/morton-bold.otf') format('opentype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Morton';
  src: url('/fonts/morton-extrabold.otf') format('opentype');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Morton';
  src: url('/fonts/morton-black.otf') format('opentype');
  font-weight: 900;
  font-display: swap;
}

:root {
  --enauto-titulo: 'Morton', 'Karla', ui-sans-serif, system-ui, sans-serif;
}

/* Titulo de la pagina ("Empleados", "Dar de alta un empleado") */
.fi-header-heading,
/* Titulo de cada bloque del formulario ("Datos del empleado") */
.fi-section-header-heading,
/* Ventanas emergentes de confirmacion */
.fi-modal-heading,
/* "Aun no hay nada aqui" y avisos */
.fi-empty-state-heading,
.fi-callout-heading,
.fi-account-widget-heading {
  font-family: var(--enauto-titulo);
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* Titulo de la pantalla de entrar / recuperar contrasena */
.fi-simple-main .fi-header-heading {
  font-weight: 900;
}