/* Global typography for the entire site
	 - Only sets font-family; does NOT change colors or sizes.
	 - Matches Bootstrap 5 default stack used on index.
*/

:root {
	--app-font-stack: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Base */
html, body {
	font-family: var(--bs-body-font-family, var(--app-font-stack));
}

/* Ensure common elements inherit the same font */
h1, h2, h3, h4, h5, h6,
p, small, blockquote,
ul, ol, li,
a, button,
input, textarea, select, label,
table, th, td,
nav, header, main, section, article, aside, footer,
.btn, .form-control, .form-select, .navbar, .dropdown-menu, .card {
	font-family: inherit;
}

/* No color or size adjustments here by design */