.navbar {
	padding-top: var(--space-8);
	padding-bottom: var(--space-4);
}

.navbar-list {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	list-style: none;
}

.navbar-link {
	color: var(--text-fg-200);
	font-size: var(--text-sm);
	font-family: var(--font-sans);
	text-decoration: none;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.navbar-link:hover,
.navbar-link:focus-visible {
	color: var(--text-accent);
	text-decoration: underline;
}

@media (max-width: 375px) {
	.navbar-list {
		gap: var(--space-3);
	}
}