@use '../../base/baseline' as *;
@use '../../base/functions' as *;

body {
	font-family: var(--txt-body-family), monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--txt-body-family), monospace;
}

a:not([class]) {
	&:hover,
	&:focus,
	&:visited:hover {
		color: var(--color-lavender);
	}
}

code:not([class]) {
	font-family: var(--txt-body-family), monospace;
	background-color: var(--neutral-2);
	border-color: with-opacity(var(--neutral-2), 10);
	color: var(--color-lavender);
}

hr {
	margin-top: var(--padding-small);
	height: 0.125rem;
	border: none;
	background-color: var(--ui-stroke);
}
