/* Self-hosted brand fonts (SIL OFL 1.1, see ../fonts/licenses) and the page base. */
@font-face {
  font-family: 'DM Serif Display';
  src: url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* Metric-adjusted fallback to reduce layout shift while Figtree loads */
@font-face {
  font-family: 'Figtree Fallback';
  src: local('Arial');
  size-adjust: 98%;
  ascent-override: 95%;
  descent-override: 25%;
}

/* html body: Angular adds Bootstrap after this file, so the selector has to outrank its body rule. */
html body {
  background: var(--color-bg-page);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}