/**
 * Typography aligned with portal-fe-mfe-settings (typography.scss).
 * Inter + Titillium Web via Google Fonts.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

:root {
  --font-family-base: "Inter", sans-serif;
  --font-family-heading: "Titillium Web", var(--font-family-base);
}

body,
body.idsrv-app-shell,
body.background,
.idsrv-app-shell,
.idsrv-modal,
.portal-main-content,
.portal-login-card,
.p-inputtext,
textarea.p-inputtext,
.idsrv-btn,
.idsrv-footer,
.idsrv-modal .modal-content {
  font-family: var(--font-family-base);
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}

h1,
h2,
h3,
h4,
.idsrv-action-bar-title,
.idsrv-modal .modal-title,
.idsrv-modal .idsrv-modal-title,
.portal-card-header h2 {
  font-family: var(--font-family-heading);
}