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

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

/* Nav auto scroll */
.nav-active {
    scroll-margin-top: 20px;
}

/* Auto-scroll on page load */
nav {
    scroll-behavior: auto;
}

/* Ensure active item is visible */
.nav-active {
    background-color: theme(colors.red.100);
    border-left: 3px solid theme(colors.red.400);
}