/* 
	Configure fonts. 
 */

/* Setup font display for the used fonts. */

@font-feature-values "Fira Sans" {
	font-display: swap;
}

@font-feature-values "Fira Mono" {
	font-display: swap;
}

@font-feature-values "Fira Code" {
	font-display: swap;
}

@font-feature-values "Font Awesome 6 Pro" {
	/* https://github.com/understrap/understrap/issues/1306 */
	font-display: block;
}

/* Define variables for the font families. */

:root {
	/* Font used for regular text. */
	--font-text: "Fira Sans", sans-serif;

	/* Font used for monospaced blocks. */
	--font-mono: "Fira Mono", monospace;

	/* Font used for code blocks. */
	--font-code: "Fira Code", "Fira Mono", monospace;

	/* Font used for icons. */
	--font-icon: "Font Awesome 6 Pro";
}

/* Reset interactable elements. */

textarea, button, input, select {
	font-family: inherit;
	font-size: inherit;
}

/* Apply the font families to the respective elements. */

body {
	font-family: var(--font-text);
}

pre, textarea {
	font-family: var(--font-mono);
}

code {
	font-family: var(--font-code);
}

/* Make footer text smaller. */

footer {
	font-size: smaller;
}

/* Fix underlined Font Awesome icons. */

/* In the title banner, do not display the "Steffo" part of it with even bolder text, despite the stronger importance. */

#title strong {
	font-weight: inherit;
}